← 活動実績一覧に戻る

上級「Web・アプリ・スマホアプリのしくみ入門」

2026年7月27日・長門市しごとセンター

定期講座AI活用上級

毎日使っているWebサイトやアプリの裏側のしくみを知り、そのうえでチャットAIのアーティファクト機能を使って「自分専用の道具」を実際に動かすところまで体験する上級講座です。開発経験は不要で、初参加の方も参加できる内容にしました。

• 日時: 2026年7月27日（月）18:00〜20:30
• 会場: 長門市しごとセンター
• 参加費: 2,000円
• 参加: 2名

当日の様子

前半は座学中心です。ブラウザとサーバーのやり取りを「レストランでの注文」にたとえるところから始め、ホームページとアプリの違い、Webページを組み立てるHTML・CSS・JavaScriptの役割分担、そして裏側で動く認証・データベース・APIといった要素を整理しました。そのうえで、Webアプリには「自分のPCの中だけで動くローカル環境」と「インターネット上に公開するWebサーバー環境」の2つの形があること、スマホアプリには「自分だけの配布」と「ストア公開」の2つの形があることを紹介しています。

山場は、参加者それぞれが普段使っているチャットAI（ChatGPT・Gemini・Claudeのいずれか）のアーティファクト／Canvas機能を使い、講師も自分の画面を投影しながら一緒に手を動かすハンズオンです。「お試しレベルの自己紹介Webサイトを作って」「簡単なメモアプリを作って」と実際に注文文を打ち込み、その場でプレビューを確認するところまで進めました。あわせて、3つのAIのアーティファクト／Canvas機能でそれぞれ何ができるか（データを貯められるか、閉じても残せるか）の違いも紹介しています。

後半は、できあがった道具を外の世界に広げる7つのステップ——Tailscale・Vercel・独自ドメイン・API・データベース・CI/E2Eテスト・git——を紹介レベルで一気にたどるツアーと、AIチャットとAIエージェントの使い分けについての説明で締めくくりました。

次回8月24日（月）には、今回の続編にあたる「あのWebアプリをもうちょっと便利に！Chrome拡張機能を作ろう」の開催を予告しています。

※ 当日配布した受講者テキストの表紙には「中級」と印字されています。講座名・レベルの「上級」への変更は2026年7月28日付です。