【初心者OK・業務活用事例あり】生成AIでプロンプト力向上＆Webサイト制作を体験！〜札幌すごいAI会【ビギナー回】参加レポート〜

生成AIを業務に使いたいけど、「何から始めていいかわからない」「本当に使い物になるの？」
そんな疑問を持つ方に向けて、初心者向けAIイベントの実践レポートをお届けします。

私はオンライン参加でしたが、「自分でも使えるかも！」というリアルな実感とノウハウを得られました。
※この記事自体も、この会の参加で得た知見を使い、感想メモを元に生成AIが記事を作成しています。が、ハルシネーション盛り盛りの箇所があり、一部記載を改めました。

📌 イベント詳細：札幌すごいAI会【ビギナー回】

✅ イベント概要：現場の雰囲気＆構成

開催形式：現地（札幌）＋オンラインのハイブリッド
対象者：AI未経験〜初心者向け
構成：
1. プロンプトエンジニアリング実践
2. AIでゼロからWebサイト構築（Gemini CLI）

💡 第1部：プロンプト設計のコツを体験で学ぶ【初心者必見】

🎯 テーマ：美容室で理想の髪型を伝えるプロンプト

Before：なんとなく伝える → AIが迷い、一般的な回答
After ：具体＋段階的＋役割指定 → 意図に近いの出力！

🔑 実践で学んだこと

漠然とした指示はAIの推測を増やしてしまうため、回答の精度が下がる。
推測を減らすために、具体的な数値、構造化、例示、役割の指定などが有効である。
また、タスクを段階的に処理させることで、1タスク当たりの推論の質を向上させることができる。

テクニック	効果と理由
数値や条件の具体化	「肩下15cm → あご下ラインボブ」など曖昧さを除去
役割を指定	「美容師として」など専門家の視点で回答させる
タスクの段階分割	「現状分析 → 改善案提案 → アドバイス」のように順序立てて処理できる

💼 実務応用シーンのヒント

社内向けメールの要点整理（曖昧な要望を明文化）
商品レビュー案の生成（「カスタマーとして」「箇条書きで」など指定）

私も自分の重要な課題を1つ決めて取り組むことにしました。
生成AIを用いた、分析やレポート作成にも挑戦したいと思います。

🌐 第2部：生成AIでWebサイトを30分で構築【Gemini CLI編】

🛠 使用ツール紹介（概要つき）

ツール	特徴
Gemini CLI	Googleの生成AI CLI。npmパッケージとして配布されている

📎 私が使ったプロンプト（ChatGPT共有リンク）
https://chatgpt.com/share/68875d31-1180-8011-9b15-261e5d5e5610

⚙️ ハンズオン手順（30分以内）

📎 ハンズオンURL
札幌すごいAI会【ビギナー回】「未経験でOK! AIでゼロからWebサイト構築」手順

1. ChatGPTで「子連れカフェ・イベント紹介サイト」の要件定義書を生成
2. Gemini CLIに貼り付け → 即mock生成
3. 見た目調整やコンテンツ配置もCLIで自動処理
4. 自動で取得するBE処理も生成

⚠️ トラブルもAIで解決
Node.jsのバージョンが古くインストールに失敗。
ChatGPTに「環境構築の専門家になって」と依頼 → 対処手順を提示してもらい、即解決！

💼 今後やってみること

他のツールも使ってみて、3つサイトを作成してみようと思います。

ツール
Claude Code
Roo Code (Clineのフォーク)
Cursor

📊 学びの振り返り：AIは“答える存在”から“動かすパートナー”へ

✅ 考えたこと

講師の話から、「AIは能力よりも“伝え方”次第で結果が変わる」と強く感じました。
これまでAIは「聞く相手」だと思っていましたが、今回の体験で「動かすパートナー」という感覚に変わりました。

👇 この記事が刺さる人

業務効率化に生成AIを取り入れたいが、自信がない非エンジニア
指示書作成や企画説明など“文章をまとめる”仕事をしている人
ノーコードでWeb制作を試してみたいマーケ・広報の方

🚀 最後に：生成AIは“使ってみた人が勝つ”フェーズに来ている

今回のハンズオンでは、初学者でも実際にプロンプトを試し、簡単なWebサイトまで構築できるという体験ができました。
試しに一歩踏み出してみて、「難しそう」という先入観が大きく変わりました。
「生成AI、やってみたいけど不安」という方こそ、ぜひ一歩踏み出してみてください。
📅 体験こそ、最強の学びです。