Base Mini appのはじめ方

大喜利.hack Vibe Coding Hackathon キックオフ + ワークショップでの登壇資料です！！

lumaのページ
https://luma.com/etrs8qw8?tk=mweHSt&utm_source=x

デモデイのlumaのページ
https://luma.com/kaagallz?tk=YjxvyK

関連するXのポスト
https://x.com/basejapan_org/status/1999435829048160764

Transcript

1. Base Mini app のはじめ方
2. 1.Base Mini app とは 2.Base Mini app のはじめ方 3.AI を使うタイミング 4. 参考文献 目次
3. Who are you? 名前： Haruki (OSS Developer) Web3 エンジニアコミュニティを運営してます！ ETH Tokyo などのハッカソンに出場してます！ Toban の X @haruki_web3 UNCHAIN の X 自分 の X
4. Web アプリを Farcaster 上に 公開できる仕組み Base Mini app とは
5. NFT ミントなどの 処理も実装可能！ Base Mini app とは ・AA... いけます ・ガスレス... いけます ・パスキー認証... いけます
6. まずは触ってみよう！ Base Mini app にするメリット
7. UI/UX がすごい向上する！ Base Mini app にするメリット
8. Base Mini app にするメリット 具体的には.... 　1. ソーシャルネイティブ！ 2. Base のウォレットの恩恵を享受可能 　3. MiniApp はインストール不要 4. タップするだけで起動！
9. SDK やUI コンポーネントも充実！！ Base Mini app にするメリット
10. Base Mini app にするメリット コアになる開発キット 　① Farcaster SDK 　② Mini App SDK 　③ OnchainKit
11. 一定水準のUI/UX とセキュリティが 担保されたWeb3 ソーシャルアプリが 簡単に実装できます！！！ Base Mini app にするメリット
12. つまり、最強です！！！ Base Mini app にするメリット
13. Base Mini app のはじめ方 1. チュートリアルのアプリを動かす⭐️ 2. オリジナルの機能を加えてみる 3. ハッカソン用に作り変える
14. Base Mini app のはじめ方 クイックスタートやってみた！
15. Base Mini app のはじめ方 まずは、テンプレの中身を理解する！！
16. 1. 作るものを決める 2.Base Mini app の構造を理解する ⭐️ 3. 要件定義、設計書、タスクリスト作成 4. 実装 5.update AI を使うタイミング
17. 参考文献 OnchainKit プロンプトガイド デモコードリポジトリ
18. 参考文献 Youbute - Base Mini App チュートリアルビデオ(10 分) クイックスタート UNCHAIN 教材
19. Let’s Buidl
20. 補足資料