Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20260722_イベント資料.pdf
Search
okad
July 16, 2026
190
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
20260722_イベント資料.pdf
okad
July 16, 2026
More Decks by okad
See All by okad
20260730_イベント資料
ryotam
0
130
20260727_イベント資料
ryotam
0
59
第6回【未経験者向け】AI時代の生存戦略!未経験から「創れる人」になるアプリ開発体験
ryotam
0
91
20260213_【🔰未経験者向け】生成AIで始める!爆速アプリ開発体験
ryotam
1
190
20250922_Gemini CLIの可能性を探る会#2_Gemini CLI 育成してみた
ryotam
0
90
20250905_【🔰未経験者向け】Firebase Studioで始める!爆速アプリ開発体験
ryotam
0
150
第2回【未経験者向け】生成AIで始める!爆速アプリ開発体験
ryotam
1
130
【未経験者向け】Firebase Studioで始める!爆速アプリ開発体験
ryotam
0
74
Featured
See All Featured
The browser strikes back
jonoalderson
0
1.6k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
42k
Building an army of robots
kneath
306
46k
What's in a price? How to price your products and services
michaelherold
247
13k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.8k
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
310
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
450
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
310
Transcript
None
AGENDA 本日の流れ ゆるシェア Gemmaって何? オープニング 施設利用につい て 今日どんなことやった? ハンズオン 学習コーチング
AIアプリ ※ 本イベントの発言はすべて個人の見解であり、所属組織を代表するものではありません。 エンディング
None
None
None
None
写真・動画撮影 NGの方はお声がけください
None
WHAT IS GEMMA? Gemmaって何? Googleが提供するローカルLLM クラウドLLM ローカルLLM 接続先のサーバー内で動く 手元の端末内で動く •
常に最新で最大規模 • 入力内容が外に出ない • ハードへの初期投資が不要 • ハードへの初期投資が必要 • 従量課金あり • 従量課金なし 例: ChatGPT(OpenAI) Gemini(Google) 例: Gemma(Google) Qwen(Alibaba) ★
クラウドLLM ローカルLLM 接続先のサーバー内で動く 手元の端末内で動く ChatGPT・Gemini と同じ “会話できる AI(LLM)”の仲間。 大きな違いは「どこで動くか」 ★
LOCAL LLM TREND 最近のローカル LLM事情 性能がクラウドに追いついてきた スマホやノート PCでも 動かせるようになった テキスト入力だけでなく、画像入力な
どにも対応できるようになった ツールが成熟し、 簡単に使えるようになった
WORKSHOP FLOW ハンズオン → ゆるシェア 1 ハンズオン 本日作成するアプリの紹介 環境構築・開発 2
ゆるシェア 感想や学んだこと
None
— 学習コーチング AIアプリ —
突然ですが ... 学習者が抱える悩みってなんだと思いますか?
WHY WE STOP なぜ勉強は続かないのか? 1 2 記録するのが 面倒 → 振り返る
習慣がない 3 → 成長が 見えない 4 → モチベが 続かず挫折 「記録」と「振り返り」を AIコーチに任せれば、学習は続けられると考えました
SOLUTION 解決策:記録するだけ。あとは AIが分析してコーチング ① ワンフォームで学習記録 ② 記録を分析するAIと対話 ③ ダッシュボードで集計
→5つのステップをバイブコーディングで行いました
None
None
None
https://ollama.com/download
None
None
https://antigravity.google/download
None
None
None
None
学習コーチングAIシステムをあなたの得意な開発言語で作ってください。 ※現在gemma4をダウンロード中なので、ローカルLLM以外の実装を先に実施してください。 技術スタック: あなたの得意な技術スタックを適用 ローカルLLM: Ollama(localhost:11434)モデルはローカルにダウンロードされているgemma4を適用 実行方法: 1つのコマンドで全ての機能が起動 機能: -
学習記録(内容・勉強時間)を登録できる - 学習記録を分析したAIと日本語チャットで会話できる - ダッシュボードで集計を確認できる まずプロジェクト構成・DB・基本APIを作成し、実装を行なってください。 ※ モデルはGemini 3.5 Flash (Medium)を使用します
音声機能を追加してください。 - チャット入力欄にマイクボタンを追加。クリックで録音開始・再クリックで停止し、文字起こし後に自動送信する - AIの返答は自動で読み上げる。ON/OFFを切り替えるボタンも付ける - 自動読み上げが起動していなくてもテキストチャットは普通に使えるようにする
以下を改善してください。 - LLM応答速度: Ollama呼び出し時に think=false・keep_alive="30m" を設定し、サーバー起動時にウォームアップ呼び出しを 行う - 日本語IME変換中にEnterキーを押しても誤送信されないようにする
以下のシナリオを実際に動かして問題があれば修正してください。 ① 学習記録が登録できる ② マイクで話す → 文字起こし → 自動送信される ③
AIの返答が自動で読み上げられる ④ ダッシュボードで集計結果が確認できる
None
None