1day技術職体験 午後の部

📅スケジュール

👨‍🏫講師紹介

芦沢広昭 (Ashizawa Hiroaki)

クラスメソッド株式会社

所属: クラウド事業本部コンサルティング部 ソリューションアーキテクト

経歴:

• 前職（SIer）：3年 - 仮想化基盤インフラの構築/運用保守
• クラスメソッド：4年 - AWS 環境構築・コンサルティング、プリセールス

岩手テナージョン（テナー）

Solvio株式会社 代表取締役

経歴:

• ERPパッケージベンダーにてEC関連業務システムのエンジニア
• 外資系コンサルティングファームにて大手企業のDXプロジェクト
• クラスメソッド 生成AI事業の立ち上げ・コンサルティング
• 2024年6月〜 Solvio株式会社代表として生成AI活用支援

資格: 米国PMI認定PMP

著書: 「ビジネスのためのChatGPT活用ガイド」

👥参加者自己紹介

自己紹介の内容（1人1分程度）

• 👤 お名前
• 🏢 所属（大学・会社など）
• 🎯 今日への意気込み（期待していることや目標）

🚀今日のゴール

🤖生成AIとは？

⚡Vercel v0とは？

何ができる？

🤖v0デモンストレーション

講師によるライブデモンストレーション

1

v0にプロンプトを投げるデモ

実際にv0の画面を見ながら、プロンプトを投げる過程を体験していただきます

"駅の出口案内アプリを作ってください。 路線名と駅名を選択すると、その駅の出口情報が表示される仕組みです。"

→ v0がどのように理解してアプリを生成するかを確認

2

完成したアプリを体験

🔍体験の流れ

📝13:30-14:30 ① 困りごと発見・アプリ設計（60分）

60分間の流れ

☕14:30-14:40 休憩（10分）

🤖14:40-15:20 ② AIを使ったアプリ作成 by Vercel v0（40分）

このセクションでは、v0アイデアシートで決めたアイデアを実際にAIで作成し、インターネット上に公開します。

🔐 まず最初に：v0へのログイン

📝 v0ログイン手順（画像付き）

※ このログイン手順は最初の1回のみ実行します

🌐 ブラウザでv0にアクセス

v0.app

ブラウザのアドレスバーに上記URLを入力してv0のページを開いてください

Step 1: メールアドレス入力

指定されたメールアドレスをEmail Address欄に入力してください。

Step 2: 認証コード入力

6桁のセキュリティコードが求められます。利用しているメールアドレスを講師に伝えて、コードを確認してください。確認でき次第、6桁のコードを入力します。

Step 3: チーム変更

ログインに成功するとv0画面に遷移します。左上のTeam表示を「Personal」から「classmethod-v0-trial」に変更してください。

Step 4: ログイン完了確認

左上のTeam表示が「classmethod-v0-trial」に変更されたらログイン完了です！

アプリ作成の流れ

1

アイデアシートの準備: 設計したアイデアを元にプロンプトを作成

2

v0にアイデア投入: プロンプトをv0に入力してアプリ生成

3

公開・改善: デプロイして動作確認、必要に応じて改善

Step 2: インターネット上に公開

1

デプロイ実行: 「Publish」ボタンで公開

2

公開完了: URLを確認して動作テスト

Step 3: v0内での改善サイクル

🎤15:20-15:50 ③ 成果発表（30分）

このセクションでは、完成したアプリと制作過程をグループ内で共有し、お互いの成果を讃え合います。

進行の流れ

発表形式

📱 参加者作成アプリのQRコード

発表中に、手元のスマートフォンから各アプリにアクセスしてみましょう！

いがらしさんのアプリ

いしむらさんのアプリ

いとうさんのアプリ

くまがいさんのアプリ

こんださんのアプリ

ふくじゅさんのアプリ

×

🎉15:50-16:00 クロージング（10分）

今日のゴールを達成できましたか？