まつもと生成AIハッカソン with Manus【2025年9月27日開催】

2025年9月27日（土）に長野県松本市で開催される生成AIハッカソンの配布資料です。
https://matsumoto-ai-hackathon.manus.space/

Transcript

1. まつもと⽣成AIハッカソン with Manus 2025.09.27 Code for Matsumoto準備室∕株式会社BGL
2. 本⽇のアジェンダ 1 きょうの趣旨‧運営紹介 2 アイデア発散タイム 3 ⽣成AIを使うコツ 4 実装タイム！ 5 発表 & 投票 6 クロージング‧次回予告 7 最後に まつもと⽣成AIハッカソン with Manus 1
3. 01 1. きょうの趣旨‧運営紹介 まつもと⽣成AIハッカソン with Manus 2
4. きょうのゴール ⽣成AIを「つかう」から、⽣成AIと「つくる」へ まつもと⽣成AIハッカソン with Manus 3 ‧とにかく“動くもの”を作ってみる（完璧でなくてOK） ‧アイデア→仮説→プロトタイプ→フィードバックを⾼速に回してみる！ ‧作品を公開して、みんなで使ってみる
5. そもそもハッカソンって？ 「ハック(hack)」と「マラソン(marathon)」を組み合わせた造語 エンジニアやデザイナー、プログラマーなどの関係者が集まり、短期間で集中的に ソフトウェアやサービスの開発を⾏い、その成果を競い合うイベントのこと まつもと⽣成AIハッカソン with Manus 5
6. でも今⽇は… “つくる楽しさと喜びをすこし味わえるだけでも ⼤成功！（with Manus） — まつもと⽣成AIハッカソン with Manus 6
7. スケジュール 趣旨説明 運営紹介 13:00 - 13:15 アイデア発 散タイム 13:15 - 13:30 ⽣成AI講座 13:30 - 13:50 実装タイム 13:50 - 15:30 発表‧投票 15:30 - 15:50 クロージング 15:50 - 16:00 交流会 （任意参加） 16:00 - 17:30 まつもと⽣成AIハッカソン with Manus 7
8. 主催‧運営メンバー紹介 • 主催：Code for Matsumoto準備室、株式会社BGL • 開発サポートスタッフ：Manusで開発するうえで困ったことがあればお 気軽に相談してください！ まつもと⽣成AIハッカソン with Manus 8
9. 会場紹介 まつもと⽣成AIハッカソン with Manus 8
10. 02 2. アイデア発散タイム まつもと⽣成AIハッカソン with Manus 9
11. アイデア発散の進め⽅ 1. ブレスト (5分) 今⽇作ってみたいもの をポストイットにたくさ ん書き出す。 2. 観察と⾔語化 (5分) アイデアの共通点や、 アイデアに潜む欲求‧ 課題を探ってみる。 「きょう作るもの」 を仮決めする 3. ショートプレゼン (5分) 近くでペアを組み、 ひとり90秒でプレゼン 残りの時間で質疑応答。 まつもと⽣成AIハッカソン with Manus 11
12. アイデア発散＆具体化、お疲れ様でした！ • いまプレゼンしたアイデアは仮置きでOKです • このあとの実装フェーズでアイデアの作り直しもOKです まつもと⽣成AIハッカソン with Manus 12
13. 03 3. ⽣成AIを使うコツ まつもと⽣成AIハッカソン with Manus 13
14. そもそも⽣成AI（LLM）とは？ ⼤量テキストから次に来る単語を確率で⽣成するモデル • 例：「こんにちは。今⽇は空が〇〇ですね」 • 〇〇に⼊る⾔葉としては「⻘い」が確率的に⾼いはず。他には「⽩い」「曇り」 など。「美味しい」はたぶん⼊らない。 まつもと⽣成AIハッカソン with Manus 14
15. ⽣成AIが得意なこと‧苦⼿なこと 要約 分類 補完 対話 コード⽣成 フォーマット変換 画像⽣成などなど 得意なこと 苦⼿なこと ⻑い、複雑な⼿順の正確な実⾏ 曖昧な指⽰ うまくいかない理由の説明 まつもと⽣成AIハッカソン with Manus 15
16. ⽣成AIを使う上で⼤事なこと コンテキスト AIに適切な背景知識や前提条件を与えること プロンプト 具体的で明確な指⽰を出すこと まつもと⽣成AIハッカソン with Manus 16
17. 私は明⽇、親しい友⼈と遊びます。天気予報は⾬ で、友⼈も私もクリーム系の⽢いもの（例： シュークリーム、エクレア）が好きです。 交通⼿段は駅まで電⾞、駅からは徒歩です。お互 い給料⽇前なので、予算はひとり1000円以内で。 明⽇の15時に営業していて、松本駅から徒歩15分 以内でおすすめのカフェを地図リンク付きで教え て。 プロンプトで意識すること ⽬的、前提知識、制限事項を具体的に伝え、例を⽰すことが有効 悪いプロンプト例 「松本でおすすめ教えて」 良いプロンプト例 まつもと⽣成AIハッカソン with Manus 17 コンテキストが含まれている
18. プロンプトで意識すること ‧相⼿は⽣成AIだが、初対⾯の⼈や新メンバーにお願いするときにどうす るか？という考え⽅は⼤事。 ‧とはいえ、きょう使うManusは雑に指⽰しても“ある程度”うまく動いて くれる良ツール。まずはやってみることも今⽇は重要。 まつもと⽣成AIハッカソン with Manus 17
19. Manusとは？（概要） ⽣成AIでアプリやツール制作、各種分析ができるサービス • Chatモード: 画像‧PDF‧テキスト理解、Web検索に対応。無料で無制限 に利⽤可能 • Agentモード: 指⽰に基づき⾃律的に計画‧実⾏。ブラウザ操作やコード 実⾏など多段⼯程をこなす • Adaptiveモード: 指⽰内容を⾒てChat/Agentを⾃動で使い分ける まつもと⽣成AIハッカソン with Manus 18
20. おすすめの開発フロー 1 無料のChatモードで作りたいものを具体化し、計画を⽴てる 2 ある程度⾔語化できたら、Agentモードで⼀度指⽰してみる 3 軽微な修正は同じチャットで、⼤きな修正は指⽰を⾒直して新規 チャットで依頼 まつもと⽣成AIハッカソン with Manus 19
21. Playbook（テンプレート）活⽤もオススメ まつもと⽣成AIハッカソン with Manus 19
22. 覚えておいてほしいこと 壁打ちが⼤事！ Chatモードでの相談や、他のAI、⼈間との対話を 活⽤しよう タスクを切り替える！ 同じタスクで詰まったら、⼀度別のタスクに移るの が効果的 Playbookを活⽤！ 作りたいものがテンプレートにあれば、積極的に利 ⽤しよう 困ったら相談！ ManusのChatモード、他のAI、そして運営スタッ フに気軽に相談してください まつもと⽣成AIハッカソン with Manus 20
23. SHOWCASE（Manusの作例紹介） まつもと⽣成AIハッカソン with Manus 19
24. どうしてもアイデアが浮かばない…！という⽅へ まつもと⽣成AIハッカソン with Manus 20 SWEET WORKのWebサイトのアップデート版を作ってみてください
25. 04 4. 実装タイム（90分） まつもと⽣成AIハッカソン with Manus 21
26. おすすめの時間の使い⽅ 最初の20分 まずは雑に指⽰ して作らせる アイデアを⾔語 化‧最⼩機能に 絞る 次の20分 最初の成果物を 踏まえ調整 練ったプロンプ トで再度指⽰ 中盤の10分 気分転換‧進捗 を⾒せ合う 残り時間の使い ⽅を考える 後半の30分 引き続き実装 視点を変えてみる 最後の20分 最終仕上げ‧動 作確認 作品を投稿 まつもと⽣成AIハッカソン with Manus 22
27. 作品の投稿をお願いします！ まつもと⽣成AIハッカソン with Manus 23
28. 未公開の⽅はManus共有リンクの投稿を！ まつもと⽣成AIハッカソン with Manus 23
29. 06 6. クロージング まつもと⽣成AIハッカソン with Manus 26
30. 次回予告 きょう時間がなかった or もっと作りたいものがある…！という⽅へ ⽣成AIもくもく会 ‧10/1(⽔) 17:00-19:00 @SWEET WORK ‧10/2(⽊) 13:00-15:00 @サザンガク 次回のハッカソン ‧11/9 or 30の⽇曜⽇で調整中 ‧場所：サザンガク or 松本市博物館講堂 ‧向こう半年で複数回、開催予定 まつもと⽣成AIハッカソン with Manus 27
31. イベント開催していくにあたって 試しにつくって、つかって、より良いものにしていく場ができたら最⾼ ⾃分の ためのもの 誰かを 楽しませるもの 暮らしや地域、 企業の課題を 解決するもの まつもと⽣成AIハッカソン with Manus 28
32. 企業や⾏政の⽅へ ‧⼀緒に⼩さく課題を解決していくプロトタイピングをしませんか？ ‧ぜひイベント後や懇親会でお声がけください まつもと⽣成AIハッカソン with Manus 29
33. 補⾜資料 まつもと⽣成AIハッカソン with Manus 30
34. 関連資料のQR まつもと⽣成AIハッカソン with Manus 29 Manus作例集 作品投稿サイト Manus Playbook テンプレート集