スマホで、
最初のWebページ
今日のゴール:スマホでGoogle AI Studioに頼み、Webページを1枚完成させる
英語は読めなくてOK。
目印は4つだけ
Start building → Select this design → Running → Preview
この4つを、画面の形と一緒に探せば進めます。文章を全部翻訳する必要はありません。
画面は更新されます。Start building が見つからないときは、メニューの Build を探せばOK。
英語の意味を全部理解しなくても、赤枠の Start building を押せれば成功。次の画面で日本語のお願いを入れます。
日本語で、
作りたいページを頼む
架空のお店か、自分のサービスを選んで作ります。実住所や非公開情報はまだ入れません。
「海辺のカフェ」という架空のお店のWebページを作ります。 自分のサービスで試す場合も、公開してよい情報だけを使います。 お店の魅力が伝わる1ページのWebサイト(看板ページ)を作ってください。 お店の名前・キャッチコピー・おすすめメニュー3つ・場所・問い合わせボタンを入れて、 おしゃれで見やすいデザインにしてください。 住所・値段・営業時間が不明な場合は、勝手に決めず「サンプル」または「準備中」と表示してください。
好きなデザインを選ぶ
左右の矢印でデザインを見比べます。
気に入ったデザインが表示されたら、上の Select this design を押します。迷ったら、最初に表示されたデザインで大丈夫です。
完成を待って、
Previewを見る
Running が表示されていれば作成中です。完成したら、画面下の Preview で自分のページを確認します。
画面にページが出たら大成功。スマホだけで、コードを1文字も書かずに作れた——これが今日の体験だよ。
コードを1文字も
書いてないのに、出た
「Webページを作る」と聞くと、難しいコードを書くイメージがあるよね。でも、いまあなたがやったのは言葉でお願いしただけ。起きたことを整理すると:
- 白紙の入力欄に「こんなお店のページを作って」とお願いした
- AIがその場で見た目つきのWebページを作って、画面で動かして見せてくれた
- 気に入らなければ「もっと〇〇に」と言えば、何度でも直せる
コードは1文字も書かなくていい。大事なのは「どんなお店か・何を伝えたいか」を言葉にすること。それだけでページは出たよね。
― おすすめ3品・地図・お問い合わせ ―
クリア ✓
最初のページ、できたね!🎉
- Google AI Studioへ日本語で作りたいページを頼んだ
- 好きなデザインを選び、Previewで完成したページを確認した
- コードを書かなくても、言葉で頼めばWebページを作れると分かった
全講座買い切りに含まれるマンツーマン実装60分(単体では16,500円のレッスン)を、お支払い前に先に体験できます。今日作ったページの続きを、エンジニアと1対1で一緒に実装します。
- ✅ お支払いは体験のあと。気に入ったら、その場で始められます
- ✅ 登録のしかたも画面共有で一緒に進めるので、迷いません
- ✅ 合わなければ、そのまま終わって大丈夫です。体験分の請求はなく、無理な勧誘もしません
👇 都合のいい日時を選ぶだけ
カレンダーが表示されない場合は こちらから予約 できます。
体験なしで、すぐ始める →
体験レッスンのカレンダーまで案内するにゃ!
できたことをシェアして「やった!」を宣言しよう。ビルドインパブリックで継続力アップ!🐾