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

は、いいぞ