fan-lab!ハッカソン

Transcript

1. fan-lab!ハッカソン 開催日程　８月２３日～２４日 

2. 本日のアジェンダ 1 挨拶 / 本日のアジェンダ説明 2 運営メンバーの紹介 3 概要説明 4 開発の説明 5 当日のスケジュール 6 運営案内 / 事前学習 / Q&A
3. 運営メンバーの紹介 たいき 九産大 4年 インターン 広報担当 たける 沖縄高専5年 インターン歴1年 アプリ開発担当 ひろと 名桜大学4年
4. fan-milyとは / ハッカソンとは fan-milyとは 「IT国士を育む」地域循環型人材教育のエコシステム事業 ハッカソンとは • 決まった期間内にアイデア出し・実装・発表を行うイベント • 短期集中で開発経験を積むことが出来るイベント
5. 今回の規模感・目的 参加者：8名 名桜生と高専生で一緒に開発の流れを体験できます ハッカソンが終わる頃には自分でWebアプリを作ることが
 できるようになります
6. チーム編成 / AI駆動開発 / 開発テーマ チーム編成について 今回はAI駆動開発の体験が目的なので、基本は個人開発で進めます。ただ、ア イデア出しや詰まったところは、周りの人と協力しながら進めましょう！ AI駆動開発 AIを使うと初心者でも簡単にアプリが作れます 開発テーマ 「身近にある困りごとを解決しよう / 今後自分が使いたいアプリ」
7. 開発フロー / 環境構築 開発フロー 1 アイデア出し 2 AIがコーディング 3 PCローカル環境で開発 4 インターネットにデプロイ 環境構築 • プログラミングを始めるための「道具」や「材料」を自分のパソコンに揃えること • Node.js：JavaScript言語をパソコン上で動かすための土台 • Git / Github：コードの「セーブポイント」を作ったり、チームで協力するための道具
8. 使用ツール / 使用言語 使用ツール Gemini： AIチャットツール V0 Vercel / Bolt.new： コードを自動で生成してくれるツール Github Copilot： 書きたいことを予測して自動で補完してくれる ツール VSCode（エディタ）： コードを書くために必要なプログラマー向 け多機能なメモ帳 使用言語 Next.js： WebサイトやWebアプリを作るためのフレームワーク
9. 当日のスケジュール 1日目 午前 環境構築 ご飯 午後 スタート / アイスブレイク アイデアソン 開発（仮デプロイ） 2日目 午前 開発の続き & デプロイ 午後 ご飯 / 記事作成 発表 & レビュー 打ち上げ（せんだん村 予定）
10. 運営案内 / 事前準備 / Q&A 運営案内 飯：会社負担（アレルギー事前申告） 施設概要：住所 / 送迎あり / 泊まれます / お風呂 / ドライヤー / Wi-Fiあり 持ち物リスト：PC, 充電器, お風呂セット, タオル,歯ブラシ 事前学習 node / git / vscode インストール Github Copilot 学生認証（時間がかかるため早めに登録を） Gemini Advanced 学生無料期間に登録 当日までに 自己紹介をチャンネルに投げてください アレルギーがある場合は事前に申告してください