非エンジニアでも可！たった30分で生成AIで動くアプリを作る方法

## 0〜10分｜「アプリ開発」の常識がどう変わったのか

最初に、いきなりCodexの操作方法から始めることはしません。

まず、

「アプリを自分で作ったことがある方はいますか？」

というところからスタートします。

これまでアプリを作ろうと思えば、プログラミング言語を学び、開発環境を準備し、コードを書き、エラーが出れば原因を調べる、といった技術的なハードルがありました。

そのため、

「こんなアプリがあったら便利なのに」

と思っても、実際に自分で作るところまで進む人はごく一部でした。

しかし、生成AIの登場によって状況が大きく変わっています。

現在は、

「こんなものを作りたい」

という日本語から開発を始めることができます。

この時間では難しい技術解説ではなく、なぜ今アプリ開発が身近になっているのか、そして生成AIによって「作れる人」の範囲が広がっていることを紹介します。

---

## 10〜15分｜今日作るものを確認しよう

今回作るのは、シンプルなストップウォッチアプリです。

必要な機能は、

・時間を表示する
・スタートできる
・ストップできる
・リセットできる

まずはこの程度に絞ります。

あえて高度なアプリを作らないことで、「AIを使えばこんなに簡単に動くものを作れる」という基本体験を優先します。

完成形を講師から簡単に見せたうえで、

「今日はこれを皆さん自身のPCにも作っていきます」

とゴールを共有します。

---

## 15〜35分｜Codexにお願いして、ストップウォッチを作ってみよう

ここから実際に制作します。

講師の画面を見ながら、受講者にも同じようにCodexへ指示を出してもらいます。

例えば、

「ブラウザで動くシンプルなストップウォッチアプリを作ってください。スタート、ストップ、リセットの3つのボタンを付けてください」

といった、日本語による指示からスタートします。

生成されたコードそのものを細かく読み解く必要はありません。

重要なのは、

日本語でお願いする
↓
AIがファイルを作る
↓
ブラウザで開く
↓
本当に動く

という一連の流れを体験することです。

途中でうまく動かなかった場合も、そのエラーをAIへ伝え、修正してもらいます。

「エラーが出た＝失敗」ではなく、

「うまくいかなかったら、その状況をAIへ伝えて直してもらえばいい」

という生成AI開発ならではの進め方も体験します。

---

## 35〜50分｜自分好みに改造してみよう

ストップウォッチが動いたら、ここからがこの講座で特に楽しんでほしい時間です。

例えば、

「ボタンを丸くしてください」

「もっとかっこいいデザインにしてください」

「時間表示を大きくしてください」

「1周ごとの時間を記録できるボタンを追加してください」

など、追加の要望をCodexへ伝えてみます。

講師から指定されたコードを書き写すのではなく、

「こうしたい」

を自分の言葉で伝え、目の前のアプリが変化していく様子を体験します。

ここで、

「プログラミングを覚えたから作れた」

ではなく、

「自分のアイデアをAIに伝えたら形になった」

という感覚を持っていただくことを目指します。

---

## 50〜60分｜作ったものを公開する「デプロイ」を知ろう

完成したアプリは、自分のPC上だけで使うこともできます。

しかしWeb上へ公開すれば、URLを知っている人がスマートフォンや別のPCからアクセスすることもできます。

この時間では、

「ローカルで動いている状態」

と

「インターネット上で公開されている状態」

の違いを説明したうえで、講師が実際のデプロイ方法を紹介します。

講座内で自分のアプリを実際に公開するかどうかは任意です。

公開したい方は講師の手順を参考に進め、まだ公開したくない方は「こうすれば公開できる」という流れだけ理解すれば問題ありません。

---

## 60〜70分｜ストップウォッチの先に何が作れる？

最後は、今回作ったものから一気に可能性を広げます。

例えば、

・家計簿
・TODOリスト
・筋トレ記録
・読書記録
・クイズ
・旅行の持ち物管理
・仕事用チェックリスト
・簡単な勤怠管理
・顧客管理ツール

なども、基本的には「こういうものを作りたい」というところから始められます。

ストップウォッチを完成させることが、本当のゴールではありません。

「じゃあ、自分なら何を作りたいだろう？」

と思えるところまで進むことが、この講座の狙いです。

---

## 70〜75分｜質問・振り返り

最後に質問を受け付けます。

そして、

「今日一番覚えてほしいのは、ストップウォッチの作り方ではありません」

というところで締めます。

これまでなら、

「プログラミングができないから無理」

と思っていたことに対して、

「とりあえずAIに相談して作ってみよう」

という選択肢が生まれています。

今日のストップウォッチを、その最初の成功体験にしていただきます。

この講座は、「生成AIには興味があるけれど、文章作成や検索以外に何ができるのか、まだよく分からない」という方を対象としています。

特に、プログラミング経験はないけれど、一度は自分でアプリを作ってみたい方におすすめです。

「アプリ開発はエンジニアがするもの」
「コードが書けない自分には関係ない」
「プログラミングを何か月も勉強しないと、動くものなんて作れない」

そんなイメージを持っている方にこそ、参加していただきたい講座です。

この講座では、難しいプログラミング言語を一から覚えるのではなく、生成AIに日本語で「こういうものを作りたい」と伝えながら、シンプルなストップウォッチアプリを実際に作ります。

そのため、プログラミング未経験の方でも問題ありません。

また、ChatGPTを普段から使っているものの、

「メールを書いてもらう」
「文章を要約してもらう」
「分からないことを質問する」

といった使い方が中心で、もっと新しい活用方法を知りたい方にもおすすめです。

生成AIは、文章を作るだけの技術ではありません。

今では、Webサイトやアプリなど、これまで専門的な技術が必要だったものまで、AIと相談しながら形にできるようになってきています。

この講座では、ストップウォッチという非常にシンプルなアプリを題材に、「自分が伝えた内容から、本当に動くものが出来上がる」という感覚を体験していただきます。

完成後には、見た目やボタン、表示内容などを生成AIへの追加指示で変更し、「一度作ったら終わり」ではなく、自分のアイデアに合わせて改良していく面白さも体験します。

さらに、作ったものをインターネット上に公開する方法についても紹介します。実際に公開するかどうかは自由です。

「とにかく一度、自分でアプリを作ってみたい」
「新しいAI技術を触ってみたい」
「自分にはできないと思っていたことを試してみたい」
「生成AIでものづくりをする感覚を体験したい」
「これからAIによって何ができるようになるのか知りたい」

そんな方を対象とした講座です。

この講座で目指すのは、プログラマーになることではありません。

「自分には技術がないから無理」と最初から諦めるのではなく、

「もしかしたらAIと一緒なら作れるかもしれない」

と思えるようになること。

生成AIによって、これまで高かった技術的なハードルが下がり、自分のできることが増えていく。その面白さを体験してみたい方をお待ちしています。

・ 当日はPCをご用意ください。スマートフォン・タブレットのみでの参加は想定していません。
・ 講座開始前までに、案内するChatGPT・Codexの利用環境をご準備ください。インストールやログインでつまずいた場合に備え、事前確認をおすすめします。
・ プログラミング経験は不要です。HTML・CSS・JavaScriptなどのコードを一から学ぶ講座ではありません。
・ 講座内では公開方法（デプロイ）まで紹介しますが、実際にインターネット上へ公開するかどうかは任意です。公開する場合は、氏名・住所・連絡先など公開したくない個人情報を掲載しないようご注意ください。
・ 生成AIは同じ指示でも毎回まったく同じ結果になるとは限りません。完成物を全員同じ形に揃えることより、「AIと会話しながら作り、直していく」体験を重視する講座です。
・オンラインでの講座となります。参加URLをお送りしますので、時間5分前を目安に入室をお願いいたします。
・コミュニケーションをとりながら進めるためまた、zoomの画面オンでのご参加をお願いします。
・当日キャンセルはご遠慮いただいていますため、その際は返金などの対応ができない旨、ご了承ください。
・講座の参加に10分以上遅れた場合は、キャンセルさせていただきます。
・CodextはOpenAI社のツールであり、通信環境や契約プラン、条件によって、生成に30秒以上の時間を要する場合もございますので、ご容赦ください。
・受講者様の質問状況、理解度状況に応じて、提供できる内容が変動する恐れがございます。
・当講座では競合他社やリサーチ目的の参加、ストアカで集客関連の先生のご参加はお断りしておりますので、ご了承いただければと存じます。
・この講座では、決まったカリキュラムに沿って説明をします。個別具体的なご質問・ご相談については、講座の中で、できる範囲でご対応させていただきますが、カリキュラムの内容・受講者様の習熟度に応じて、すべての対応ができかねる場合がございます。
・同様に、受講者様の習熟度に応じて、すべてのスライドの説明が困難な場合もございます。