エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
by
CARTA Engineering
×
Copy
Open
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Slide 1
Slide 1 text
エンジニアインターン 「Treasure」とHonoの2年 そして未来へ Hono Conference 2025 2025.10.18 CARTA HOLDINGS ねこや(@nekoya)
Slide 2
Slide 2 text
CARTA HOLDINGS ねこや @nekoya 略歴 ● 2000年からこの仕事で飯を⾷っています ● 広告配信システムの開発を10年ほど ● 2015年から現職(当時はVOYAGE GROUP) ● 「事業をエンジニアリングする技術者たち」 ● サポーターズのシステム全⾯刷新したり ● 現在は社内⼈事システムを開発 今⽇は Honoの本番投⼊を後押しに来ました
Slide 3
Slide 3 text
Honoのよさ
Slide 4
Slide 4 text
⼩さなパーツを組み合わせる 「フルスタックでない」 ⼩さなパーツを組み合わせる思想
Slide 5
Slide 5 text
⼩さなパーツを組み合わせる ライブラリの依存度って3⾊あんねん 1. 置き換えが現実的でない(作り直しと同義) 2. ⼤きな労⼒を費やせば置き換え可能 3. 現実的なコストで置き換え可能
Slide 6
Slide 6 text
⼩さなパーツを組み合わせる ライブラリの依存度って3⾊あんねん 1. 置き換えが現実的でない(作り直しと同義) 2. ⼤きな労⼒を費やせば置き換え可能 3. 現実的なコストで置き換え可能 依存度を低く保てる
Slide 7
Slide 7 text
⼩さなパーツを組み合わせる 置き換えやすい = 既存プロダクトに導⼊しやすい AWS SAM + ⾃作ルータ ↓ AWS SAM + Hono & Lambda Adapter + ⾃作ルータ
Slide 8
Slide 8 text
エンジニアインターン 「Treasure」
Slide 9
Slide 9 text
エンジニアインターン「Treasure」 CARTA HOLDINGSが提供する 3週間のサマーインターン 15年以上の歴史がある 弊社CTOすずけん(@suzu_v)もTreasure出⾝
Slide 10
Slide 10 text
エンジニアインターン「Treasure」 Webアプリ基礎講義 + チーム開発
Slide 11
Slide 11 text
エンジニアインターン「Treasure」 昨年から⾔語をTypeScriptに統⼀ ● ⾔語を分けるとチームが分断されがち ● チームで⼀丸となって⽬的に向かってほしい
Slide 12
Slide 12 text
エンジニアインターン「Treasure」 多種多様なバックグラウンドを持つ人が集まる ● Webアプリ開発の経験が浅い ● TypeScriptに馴染んでいない ● チーム開発が初めて
Slide 13
Slide 13 text
エンジニアインターン「Treasure」 HonoはWebアプリの定番を学ぶのに適切 ⻑い歴史の中で培われてきた定番を踏まえている ● appにHTTPメソッドでRouteを⽣やす ○ PythonのFlask ○ NodeのExpress ● Context経由でのrequest/response処理 ○ Perlの各種フレームワーク(PSGI)
Slide 14
Slide 14 text
エンジニアインターン「Treasure」 ● 特に⼤きな混乱なくスムーズに書けていた ● 導⼊ハードルは低いと実感している ● チームの分断を防ぐ⽬的も達成できた 2年で50⼈近い学⽣エンジニアに Honoを使ってもらった
Slide 15
Slide 15 text
エンジニアインターン「Treasure」 Honoはチームへの 導入ハードルが低い
Slide 16
Slide 16 text
デプロイ容易性 deployability
Slide 17
Slide 17 text
デプロイ容易性 多様なプラットフォームに簡単にデプロイ可能 ● Cloudflare ● Vercel ● AWS Lambda ● etc 移設時のアプリケーション変更コストを抑えられる
Slide 18
Slide 18 text
デプロイ容易性 ● プラットフォームごとの豊富なAdapter ● それぞれがコアから独⽴している ● ここにも「⼩さなパーツ」思想が活きている
Slide 19
Slide 19 text
デプロイ容易性 Honoは環境の変化に強い
Slide 20
Slide 20 text
Webアプリケーションの 歴史と未来
Slide 21
Slide 21 text
Webアプリケーションの歴史と未来 2000年代前半 ● 「バックエンド」「フロントエンド」が未分化 ● リクエストを受けてサーバがHTMLを返す ● JavaScriptはちょっとしたオマケ ● ブラウザ設定で無効にするオタクも多かった
Slide 22
Slide 22 text
Webアプリケーションの歴史と未来 2005年 ● Gmail, Google Mapsリリース ● 「Ajax」という概念の発⾒ ● WebAPI + JSの可能性 ● マッシュアップとか⾔ってました ○ 当時、共著で執筆させていただきました
Slide 23
Slide 23 text
Webアプリケーションの歴史と未来 2010年頃から ● AngularJSによるSPAの勃興 ● Node.jsでJSをビルドする時代に ● npmによるパッケージ配布
Slide 24
Slide 24 text
Webアプリケーションの歴史と未来 2015年頃から ● ReactやTypeScriptが普及し始める ● そして現代へ
Slide 25
Slide 25 text
Webアプリケーションの歴史と未来 現在 バックエンドとフロントエンドの境界は 再び曖昧になり、溶け合い始めている
Slide 26
Slide 26 text
Webアプリケーションの歴史と未来 frontend backend Hono RSC React Server Components
Slide 27
Slide 27 text
Webアプリケーションの歴史と未来 ● JSXを直接返せる ● Islandアーキテクチャ ● Reactもrendererに使える Honoはbackend to frontend 「次のWebの形」を模索するひとつのパターンとなる
Slide 28
Slide 28 text
まとめ
Slide 29
Slide 29 text
まとめ 1. 既存プロダクトに導⼊しやすい 2. チームへの導⼊ハードルが低い 3. 環境の変化に強い + 「次のWeb」という未来への投資 Honoを今すぐ本番投⼊しよう
Slide 30
Slide 30 text
は、いいぞ