後龍の人たちは4時間で自分たちの公式ウェブサイトを自分たちの手で作った

今日は7月2日木曜日です。 朝の8時、海辺の天気はまだ湿気が高く、私はすでに苗栗後龍デジタル機会センターの教室に立っていました。 これは Houlong DOC 115 の無料情報コースです。コース名は「Vibecoding: 地域特性公式 Web サイトの実装」です。午前8時から正午までの合計4時間続きます。

私の向かいにいたのは、徹底的な「ゼロベース」の地元の学生のグループでした。 チェックインの際、何気なくいくつか質問してみました。人生でプログラムを一行も書いたことがない人もいれば、Web サイトがゼロからどうやって成長していくのか全く分からない人もいれば、LINE の使い方を知っていると言って笑って笑う年長者もいた。

その表情、すごくわかります。 こんなことは私には関係ないはずだ、という一種の礼儀と距離感だった。

しかし 4 時間後、彼らはそれぞれ、実際にオンラインに公開され、家族や友人に送信され、検索できる公式 Web サイトを持って教室から出てきました。 今朝何が起こったのかを正確に書き留めておきたいと思います。なぜなら、それはあまりにも多くの人々の心の中にある最も頑固な壁を覆したからです。それは、ウェブサイトを作るのはエンジニアの問題であり、私には関係のないことです。

プログラムを書ける必要はありません。話せるだけで十分です

今日紹介する主役は、Google の最新の Antigravity です。 本当に素晴らしいのは、派手なインターフェースや機能が充実していることではなく、最も高い敷居を直接取り除くことです。

以前は、Web サイトの作成を学ぶときは、たくさんの文法を覚え、たくさんの指示を覚え、たくさんの略語を理解する必要がありました。 90％の人は何もする前に解雇されました。しかし、反重力ではその必要はありません。 ピーナッツの紹介ページを作りたい、後龍喜望峰への日帰り旅行ルートをまとめたい、おばあちゃんの手作り石鹸のブランドストーリーを書きたいなど、作りたいウェブサイトについて誰かとチャットするように話すだけで十分です。 あなたには故郷の美しさについて考え、説明する責任があり、AI はそれをレイアウト、テキスト、プログラムに変換し、実際にクリック、スクロール、操作できる Web ページに変える責任を負います。

これが私がここ数年推し進めているVibeコーディングです。 プログラムを書ける少数の人だけに創造を任せるのではなく、ストーリーを持って全員に創造を還元します。

前半、生徒たちはまだ躊躇しており、指がキーボードにぶら下がっていて、勇気を持って押すことができませんでした。 後半になると、AIにささやき声をかけて色の変更を交渉する人、完成したものを隣の人に見せたくて思わず振り向いてしまう人、もともと1ページのWebサイトを完成させようと頑張る人など、教室全体が活気あふれるクリエイティブシーンに変わっていった。

本当に鳥肌がたったのは、彼らが提供してくれた作品でした。

ぜひクリックして、4 時間の結果をご自身の目でご覧ください。

以下に挙げるのは、後で私が飾り立てた形容詞ではなく、今朝彼らが一文一文言った実際の言葉です。 URL全体を添付させていただきました。 クリックして見ていただければ、私が現場でどれほど衝撃を受けたかがわかると思います。

故郷の歴史と文化を大切に守り続けます

「砂塵に覆われた翼の影：後龍ワイプの第二次世界大戦海軍特別攻撃基地の探索」 ウェブサイト：https://lovelywu.netlify.app/ これは今日最も畏敬の念を抱かせる出来事です。 学生たちは、世界からほとんど忘れ去られていた第二次世界大戦中の後龍ワイプの海軍特別攻撃基地を発掘しました。 1944年に日本軍が300ヘクタール以上の農地を強制占領し、ラテライト砂利を敷いた滑走路の建設から、丸亀型の防空壕、卵巻き型の掩蔽壕、そして山のふもとの機関銃要塞跡の導入、そして戒厳令期間中のシーライン列車の海側の窓の強制閉鎖、そして8人の日本軍退役軍人帰還に至るまで。 2002年、黙とうを捧げるために水威の古巣へ。 完全な歴史年表、遺跡の位置、さらには地元の人々が歴史資料の手がかりを提供するための収集フォームも含まれています。 これはすでに地元の文化的、歴史的な仕事の標準となっており、実際には一朝で完了しました。

「風と海の人々：ダオカ新港社会文化マイクロウェブページ」 ウェブサイト：https://heartinhoulong.netlify.app/ この記事では、後龍新民里のダオカ新港コミュニティの平埔文化を美しく威厳のある方法で説明します。 高さ10メートルを超える3本の大きな旗、女性たちが手づくりしたイグサの織り、潮に適応する潮間帯のアカシア石、そして2002年に半世紀近く途絶えていた祭りの文化ルネッサンスの復活。 場所の根元は、Web ページを使用して学生によってそっと捕らえられました。

地元の産業と労働者がまともなブランドを作るのを支援する

「ホウロンチンチェンハオピーナッツ」 ウェブサイト：https://mellow-sunshine-64c9e5.netlify.app/ 1976年から後龍でフライドポテトを作り続けている老舗土産物店が、完全なブランド公式ウェブサイトとして生まれ変わりました。 太陽の光を浴び、大鍋でじっくり炊き上げ、厳選された3人の職人のこだわりで、塩パリパリ・漢方薬味・はちみつ味の塩辛・甘辛・シャキシャキの味わいを食べ比べます。最後に、フレーバーを選択するのに役立つインタラクティブなクイズが作成されます。 2 つの質問に答えて、どれがあなたに適しているかを推奨します。

「后龍黄彩琴左香ナチュラル手作り石鹸」 ウェブサイト：https://jimh.netlify.app/ Caiqin おばさんの低温処理石鹸は、家族を化学的刺激から守るために研究したもので、すべての成分が公開され、45 日間の低温熟成と 5 つのプロセス、および 4 つの顧客の声が記載されたブランド ストーリー ページになりました。 早朝の収穫から、しぼりたてのジュース、成型、保温までの工程をわかりやすく解説。 石鹸には独自の人生経験があります。

人々を後龍の山と海に連れて行きます

「苗栗後龍喜望峰 1 日ツアー完全ガイド」 URL：https://harmonious-quokka-73d4c5.netlify.app/ 白沙屯の公天宮、古代の財才路、青海宮の巨大な媽祖の石像から、旧港横断トンネル、羊飼いの小道、喜望峰で夕日を眺め、地元の軽食、宿泊施設、ドライブ、電車の乗り継ぎがすべて計画されています。 最も驚いたのは、道順や食べ物について直接質問できるスマートツアーガイドチャットボットも組み込まれていることです。

「苗栗後龍岬楽園」 ウェブサイト: https://houlong.netlify.app/ 埋め立て地から秘密の海辺の楽園に復元された岬の楽園は、巨大な虹のアーチ、夏限定の菊の海、緑色の光の潮風の自転車道、そして干潮後の潮間帯の生態など、海岸への感動的なラブレターとして書かれています。ベストビューイングの時間や潮汐のリマインダーも思慮深く含まれています。

「北石江水回廊：後龍の四季の生態と人文の旅」 URL：https://darling-crumble-273bbb.netlify.app/ 韓国の清渓川をベースにした全長 2.6 キロメートルの水辺の回廊は、春、夏、秋、冬の 4 つの異なる泳法に分かれています。廊下にいるクロハクチョウやコールガモ、オシドリなども詳しく紹介されています。客家の円形建物、迎才学院、景観水車の動線も、完全なルートにつながっています。

コミュニティやセンターのために声を上げましょう

「健康を伴う大庄のダンス」大庄コミュニティスクエアダンス推進 ウェブサイト：https://dancing-mommy.netlify.app/ 大庄里活動センターで毎週水曜と木曜の夜に開催されるスクエアダンスは、入場の栄誉、イベント時間、登録手順を完備した活気に満ちた宣伝ページに変わりました。 コミュニティの日常生活には、独自の公式ウェブサイトを持つこともできます。

Houlong、Sanwan、Tongxiao の 3 つのデジタル オポチュニティ センターの公式 Web サイトも本日誕生しました。

• 後龍DOC: https://polite-quokka-155a76.netlify.app/
• Sanwan DOC: https://shiny-gingersnap-e89a1d.netlify.app/ (客家梨郷、カリキュラム、農産物、不正防止試験も受験)
• Tongxiao DOC: https://tongxiaodoc.netlify.app/ (新埔にある 17 の希少植物と絶滅危惧植物のデジタル保存を図鑑にしました)

彼らはゲームさえ作ることができます。

基礎を持たない静的な Web ページしか作成できないと誰が言ったのですか?今日は、2 人の学生がインタラクティブ ゲームに直接挑戦し、実際にプレイすることができました。

『トムとジェリー 究極対決』 URL：https://cat-mouse.netlify.app/ キーボードを使用して小さなマウスを制御し、チーズを食べたり、猫から隠れたりします。また、マタタビ、ペッパー、シールドという 3 つの小道具と難易度のオプションもあります。

「スピードシティアドベンチャー：ナショナルレーシングチャレンジ」 URL：https://glitery-quokka-b6391a.netlify.app/ イージー、ミディアム、チャレンジの 3 つのモードとリーダーボードを備えたアーケード レーシング ゲーム。

他の場所から故郷を作った人もいます。

嘉義県浦子市のグルメガイド「浦子迅グルメマップ」 ウェブサイト：https://puzifood.netlify.app/ ある学生はまだ満足できず、自分が気になっている別の場所のコピーまで作成した。浦子一市場の手作り餅、樹齢百年のアンジェリカ鴨、古い診療所を改装した文清カフェなど、途中で細部までチェックした。 ツールを習得したら、それを保管しておきたい場所は複数あります。

ある朝、私たちは第二次世界大戦の文学と歴史、先住民文化、地元ブランド、エコツーリズム、コミュニティ活動、インタラクティブゲームなどを取り上げました。 このような広さと完成度は、今朝やり方が分からなかったと述べた後龍族のグループの仕事です。 これは奇跡ではなく、正しい方法です。

一番伝えたいこと

これを 4 時間でできるかどうかは、才能によるものではなく、指導によるものです。

長年にわたり、私はあまりにも多くの人がその場で行き詰まっているのを見てきました。 それは彼らが愚かだからでも、AIが難しすぎるからでもなく、最初のステップでどこをクリックするか、行き詰まったときにAIと通信するためにどのような言葉を使うべきか、そして見苦しいところをどこで調整するかという重要なステップで誰も彼らに指示しなかったからです。 このハードルは、1 人で解決しようとすると 3 か月間立ち往生する可能性があります。 誰かが先導すれば、一朝で追い越される可能性がある。

今日、後龍の人々がこれを個人的に証明しました。 あなたの故郷の良い話、手に入れた良い製品、ずっとやりたかったけどなかなか始められなかったウェブサイト、それらはすべて世界に注目されるべきものです。 そして、必要なのはプログラミングのスキルではなく、最初から最後まであなたをサポートしてくれる人だけです。

あなたが始めたいのであれば、私はあなたのために 2 つの道を用意しました。

これを読んで、自分の Web ページを作りたくなったら、台北の私のワークショップへようこそ。 今日と同じように、完成品を持ち帰るのに 3 時間かかりました。

このレッスンでゼロから始めましょう: Vibe コーディング実践ワークショップ｜3 時間で最初の販売ページを作成。 基礎ゼロ、12 人の少人数クラスで、個人 Web サイト、販売ページ、リスト収集ページを含む 6 つのデジタル アセットを午前中に作成できます。プログラミングの知識はまったく必要ありません。 授業後は専用のLINEコミュニティサポートもございます。登録: https://www.solo.tw/courses/vibe-coding

専門的にさらに一歩進めたい場合は、クロード コードのヴァイブ コーディング実践ワークショップ をご覧ください。 すでに Antigravity を使い始めている方、自分のプロジェクトを長く維持したい方、サイドプロジェクトや独立したプロダクトに真剣に取り組んでいる方。 クロード コード、プラン モード、スキル、フック、自動デプロイメントを利用して、AI を真に信頼できる開発パートナーにします。 登録: https://www.solo.tw/courses/vibe-coding-claude-code

後龍の人々は今朝それをしました、そして私はあなたにもできると心の底から信じています。 私は台北の教室で、あなたが来て、あなたの心のウェブサイトを自分の手で作るのを待っています。

---