「AIでアプリが作れるらしいけど、本当に自分にもできるの？」
そんな方に向けて、新コース『AIにコーディングさせてみよう』を公開しました。
ブラウザひとつで手軽に使えるGoogle AI Studioに、作りたいものを言葉で伝えて、動くWebページやWebアプリを作ってもらいます。
作ったあとは、その中身のコードも少しのぞいてみます。環境構築は不要で、プログラミングの知識がなくても始められます。
何ができるようになる？
・作りたいものを言葉にして、AIに伝わる形で指示できるようになります
・Google AI Studioを使って、WebページやWebアプリを実際に作れるようになります
・AIが書いたコードを見て、HTMLとCSSの役割や、Webアプリを支える3つの層（フロントエンド・バックエンド・データベース）のイメージがつかめます
どんな順番で学ぶ？
「まず作って、中身をのぞく」を2つのステップでくり返します。
STEP1: AIでWebページを作ろう
カフェや本屋など、架空のお店の紹介ページを題材にします。のせたい情報やページの雰囲気を言葉にしてAIに伝え、Webページを作ってもらいます。できあがったら、ページの裏にあるコードに切り替えて、HTMLとCSSがそれぞれ何をしているのかをのぞいてみます。
STEP2: AIでWebアプリを作ろう
次は、選択肢に投票して結果を見られる投票アプリに挑戦します。Webアプリを支える3つの層を知り、作りたいアプリを言語化してAIに渡し、動くアプリを作ってもらいます。仕上げに、バックエンドのコードをコメントを手がかりに読みながら、AIと一緒に改良します。
コースの最後には、作ったアプリを公開する方法と注意点、ここから先の学び方を紹介します。
ひつじ仙人がチャットで伴走します
各演習は、ひつじ仙人とチャットで対話しながら進みます。作りたいものが思いつかないときも、問いかけや例で考えを引き出してくれます。
操作に迷ったときは、メッセージ入力欄の「＋」ボタンから画面のスクリーンショットを送れます。ひつじ仙人が画面を見て、状況に合わせてアドバイスしてくれます。
こんな人におすすめ
・プログラミングは未経験だけれど、AIでのものづくりを体験してみたい方
・ChatGPTやGeminiを使っていて、AIにコードやアプリも作らせてみたい方
・AIに作ってもらうだけでなく、コードの中身にも一歩踏み込んでみたい方
対象・受講方法
このコースはプロプランで受けられます。難易度は入門レベルで、学習時間の目安は4時間ほどです。前提知識は必要ありません。Google AI Studioの利用にはGoogleアカウントが必要です。AI Studio自体は無料で始められます。