検証も兼ねて個人開発でHonoとかと向き合った話

2024.4.23
TechBrew in 東京〜業務外で取り組む 個人開発での学び〜
https://findy.connpass.com/event/313271/

Transcript

1. TechBrewin 東京〜業務外で取り組む 個人開発での学び〜 検証も兼ねて個人開発で とかと向き合った話 Hono hanetsuki
2. 自己紹介 hanetsuki 　 @hantsuki_dev #TypeScript　#Next.js　 　#AB型　#子育て #日本酒　#アニメ　#イラスト　#漫画　#ゲーム　#VTuber #Hono フロントエンド領域を主戦場とし、 浅く広くやっているモノづくり好きなWEBエンジニア。 最近のプライベートタイムは絵描き活動をしている。
3. 個人開発やってますか？
4. 私はどうして個人開発をしているのか 学習 開発意欲 課題解決
5. 仕事でモダンな技術を取り入れたい I 今後新規プロダクトが立ち上がる時にProd起用できるようC I Prod起用することになった時に触れるように
6. 今回は何を触る？ 5 Remi& 5 Hon 5 Next.j# 5 Cloudflare 気になるスタックは色々あるけど...今回は、
7. 今回は何を触る？ on
8. with RPC
9. 今回の技術モチベーション f Next.jsのRoute Handlersをいちいち定義したくなa f Remix on Hono on Cloudfrareとかも興味あったが..S f Hono使ってみたa f Hono使ってみたa f Hono使ってみたa f Hono使ってみたい
10. Step. 1 本家公式ドキュメントを読み漁る
11. Step. 1 本家公式ドキュメントを読み漁る Hono - Ultrafast web framework for the Edges https://hono.dev/
12. Step. 2 yusukebeさんのZennを読み漁る
13. Step. 2 yusukebeさんのZennを読み漁る Hono - Ultrafast web framework for the Edges yusukebeさんの記事一覧 | Zenn https://hono.dev/ https://zenn.dev/yusukebe
14. Step. 3 気 完全に理解した になる
15. 多分登壇の時間が押しているので 簡単に実装面の紹介
16. 今回はa U Next.jsのApp Routerをベースとして
 Route HandlersにHonoを乗せていきまR U 最低限必要になってくるserver.tsとroute.ts
 のサンプルコードを紹介します。
17. /server.ts
18. /server.ts
19. /server.ts
20. /server.ts
21. /server.ts
22. /app/api/[...route]/route.ts
23. もう一歩深い使い方を試す Grouping routes for RPC
24. Grouping routes for RPC https://hono.dev/snippets/grouping-routes-rpc
25. c Hono on Next.js 結構おすすQ c 個人開発をしておくと、会社で新しいプロジェクトを立ち上げる時や 立ち上がった時に手をあげやすくな" c 注目の技術をキャッチアップしておくと社内で一目置かれる存在に？ Special Thank You 言語ロゴ：さわらつき さん（https://x.com/sawaratsuki1004） まとめ
26. 「今年はフロントエンド20名を募集中！」
 採用情報 フルリモート フルフレックス Vercel Sandbox使い放題 https://chot-inc.com/recruit
27. ご清聴ありがとうございました