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
Honoをフロントエンドで使う 3つのやり方
Search
Yusuke Wada
February 17, 2025
Programming
8
4.4k
Honoをフロントエンドで使う 3つのやり方
LINEヤフー × Deno Land Inc. Meetup
2025-02-17 Yusuke Wada
Yusuke Wada
February 17, 2025
Tweet
Share
More Decks by Yusuke Wada
See All by Yusuke Wada
Honoのおもしろいミドルウェアをみてみよう
yusukebe
2
350
MCP with Cloudflare Workers
yusukebe
2
400
Remix on Hono on Cloudflare Workers
yusukebe
3
710
僕がつくった48個のWebサービス達
yusukebe
21
18k
Honoの来た道とこれから
yusukebe
20
7.1k
JS RPCを理解する
yusukebe
5
880
Honoとhtmx
yusukebe
6
2k
Cloudflare Workersの環境を再現することについて
yusukebe
7
1.1k
Hono v4
yusukebe
11
5.5k
Other Decks in Programming
See All in Programming
テスト駆動Kaggle
isax1015
0
330
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
120
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
450
10 Costly Database Performance Mistakes (And How To Fix Them)
andyatkinson
0
400
Hack Claude Code with Claude Code
choplin
4
2.2k
効率的な開発手段として VRTを活用する
ishkawa
0
140
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
1
6.1k
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
230
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.3k
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
2
14k
ニーリーにおけるプロダクトエンジニア
nealle
0
860
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
130
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
134
9.4k
It's Worth the Effort
3n
185
28k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Being A Developer After 40
akosma
90
590k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Fireside Chat
paigeccino
37
3.5k
Transcript
:VTVLF8BEB )POPΛϑϩϯτΤϯυͰ͏ ͭͷΓํ -*/&Ϡϑʔʷ%FOP-BOE*OD.FFUVQ
.F w :VTVLF8BEB w 8FCGSBNFXPSLEFWFMPQFS w 4FOJPS%FWFMPQFS"EWPDBUF !$MPVE fl BSF
w #PLFUFDPGPVOEFS w $SFBUPSPG)POP w IUUQTHJUIVCDPNZVTVLFCF
ࠓ ʮ)POPΛϑϩϯτΤϯυʹ͏ʯ ͜ͱʹ͍ͭͯ͠·͢
ˎҙࣄ߲ w ࠓճಛఆͷϥϯλΠϜʹݶͬͨͰ͋Γ·ͤΜ w ڞ௨෦ͷΛ͠·͕͢ɺ͋ΔϥϯλΠϜͰಈ͔ͳ͍͔͠Ε·ͤΜ w ʮ%FOPͰಈ͔ͳ͍ʯ͋Δ͔͠Ε·ͤΜ w ޙ΄ͲରԠ͢ΔՄೳੑ͕͋Δ w
ߟ͑ํಉ͡Ͱ͢
ϑϩϯτΤϯυͱ Ϣʔβʔ͕γεςϜͱ৮ΕΔͱ͜Ζ ˓)5.-ɺը૾ɺ$44ɺΞηοτɺΠϯλϥΫγϣϯ ʷ+40/ɺ9.-ɺ(SBQI2-FUD
)POPݩʑόοΫΤϯυΛతʹ࡞ΒΕͨ w ύϥϝʔλ͔ΒσʔλΛऔಘ͠ +40/Ͱฦ͢ w ΦϦδϯʹΞΫηε͠ϨεϙϯεΛ ฦ͢ϦόʔεϓϩΩγ w ϔομɺ63-ͷݕূ w
ύεΛݩʹϦμϨΫτͤ͞Δ w FUD
)POPϑϩϯτΤϯυʹ͑Δ )POPࣗମ͕ϑϩϯτΤϯυ Λఏڙ͢Δ )POPͷ্ʹϑϩϯτΤϯυ ϑϨʔϜϫʔΫ ΛͷͤΔ ϑϩϯτΤϯυ ϑϨʔϜ ϫʔΫ ͷதͰ)POPΛ͏
)POPΛϑϩϯτΤϯυͰ͏ͭͷํ๏Λհ )POPࣗମ͕ϑϩϯτΤϯυΛఏڙ͢Δ wαʔόʔαΠυϨϯμϦϯάIPOPKTYIUNMϔϧύʔ3FBDUFUD wΫϥΠΞϯτؚΉIPOPKTYEPN)POP9FUD )POPͷ্ʹϑϩϯτΤϯυϑϨʔϜϫʔΫΛͷͤΔ w IPOPSFBDUSPVUFSBEBQUFS
ϑϩϯτΤϯυϑϨʔϜϫʔΫͷதͰ)POPΛ͏ w /FYUKT 7FSDFM"EBQUFS
)POPࣗମ͕ ϑϩϯτΤϯυΛఏڙ͢Δ
αʔόʔαΠυϨϯμϦϯά )POPͷΞϓϦ͕)5.-ΛϨϯμϦϯά͢Δ
)5.-Λग़ྗ͢Ε͍͍ จࣈྻϦςϥϧͰ)5.-Λॻ͘
+49͕͑Δ )POPͰςϯϓϨʔτΤϯδϯͷΘΓʹαʔόʔαΠυ+49Λ͏ UTDPO fi HKTPOͰAIPOPKTYAΛࢦఆ ֦ுࢠΛUTYʹม͑Δ UTDPO fi
HKTPO
IPOPKTY 3FBDUͱಉ͡Α͏ͳ+49͕ॻ͚Δ +49ΛDIUNMʹ͚ͩ͢ͰαʔόʔαΠυϨϯμϦϯά͞ΕΔ
IUNMϔϧύʔ ʮIUNMϦςϥϧʯΛ͑ͯมͷจࣈྻ͕Τεέʔϓ͞ΕΔ ʮMJUIUNM74$PEF֦ுʯͳͲ͏ͱγϯλοΫεϋΠϥΠτ͕͖͘
3FBDU͑Δ 3FBDUΛΠϯετʔϧ͠UTDPO fi HKTPOΛదʹઃఆ͢Δ SFOEFS5P3FBEBCMF4USFBNʹ+49͢ͱ3FBCMF4USFBN͕ͱΕΔ
DTFU3FOEFSFSDSFOEFS DTFU3FOEFSFSͰϨϯμϥʔΛઃఆՄೳ ίϯςϯπΛΒͬͯ3FTQPOTFΛฦ͢ DSFOEFSͰίϯςϯπΛ͢ ྫ+49λά
IPOPKTYͷ໘ന͍ػೳ "TZOD$PNQPOFOUΛͦͷ·· DIUNMͰϨϯμϦϯάͰ͖Δ 4VTQFOTF͕αʔόʔαΠυͷ ࣮͚ͩͰಈ͘ &SSPS#PVOEBSZ͕͋Δ 4VTQFOTFͷྫ
ΫϥΠϯτؚΉ )POPͰαʔόʔαΠυϨϯμϦϯά ͦΕʹΫϥΠϯτͷΠϯλϥΫγϣϯΛ͢
ΫϥΠΞϯτίϯϙʔωϯτͱ7JUF ΫϥΠΞϯτͰಈ͘ίϯϙʔωϯτΛϏϧυͭͭ͠)POPͰಈ͔͢ඞཁ͕͋Δ 7JUFͱ!IPOPWJUFEFWTFSWFSΛ͏ WJUFDPO fi HUT )POPΞϓϦΛࢦఆ͢Δͱ։ൃαʔόʔ্ཱ͕͕ͪΔ
αʔόʔ͔Βࢀর͍ͯ͠ΔΫϥΠΞϯτίʔυϏϧυ͞ΕΔ
41" "1*͕࡞ΕΔ AA w Ψϫͷ)5.- w +BWB4DSJQUͷϖʔδΛϚϯτ͢Δ w IPOPKTYEPN3FBDUΛ͏ ABQJA
w "1*ΤϯυϙΠϯτ
TSDJOEFYUTY
TSDDMJFOUUTY
)POP9 443ͭͭ͠ΠϯλϥΫγϣϯΛ͚͍ͭͨ࣌ʹ͑Δ 7JUFͱ)POPΛͬͨϝλϑϨʔϜϫʔΫ IUUQTHJUIVCDPNIPOPKTIPOPY
*TMBOET)ZESBUJPO *TMBOEίϯϙʔωϯτ443͞ΕɺΠϯλϥΫγϣϯ͕ೖ͞ΕΔ
*TMBOEίϯϙʔωϯτ BQQSPVUFTDPVOUFSUTY
ϧʔτఆٛ BQQSPVUFTJOEFYUTY
$PVOUFSίϯϙʔωϯτ ϨϯμϦϯά͞Εͨ)5.-ʹΫϥΠΞϯτͷΠϯλϥΫγϣϯ͕ೖ͞ ΕΔ
)POPͷ্ʹ ϑϩϯτΤϯυϑϨʔϜϫʔΫΛͷͤΔ
)POPͷ্ʹϑϩϯτΤϯυϑϨʔϜϫʔΫΛͷͤΔ 8FC"1*ͷ3FRVFTU3FTQPOTFΛ͍ͬͯͨΒͷͤΔ͜ͱ͕Ͱ͖Δ ϑϩϯτΤϯυΞϓϦΛ.JEEMFXBSFʹͯ͠)POPΞϓϦͰಈ͔͢
IPOPSFBDUSPVUFSBEBQUFS 3FBDU3PVUFSΛ)POPͷ্Ͱಈ͔ͨ͢ΊͷΞμϓλ 7JUFͷϓϥάΠϯͱ֤ϓϥοτϑΥʔϜͰಈ͔ͨ͢Ίͷϋϯυϥͷηοτ WJUFDPO fi HUT
)POPΞϓϦ3FNJYΞϓϦͷॱͰ࣮ߦ͞ΕΔ
ͭͷخ͍͜͠ͱ "1*ΛੜͤΔ )POPͷ.JEEMFXBSF͕͑Δ TFSWFSJOEFYUT ABQJA w "1* ABENJO
A w #BTJDೝূϛυϧΣΞదԠ
෦࣮γϯϓϧ
ϑϩϯτΤϯυϑϨʔϜϫʔΫͷதͰ )POPΛ͏
ϑϩϯτΤϯυϑϨʔϜϫʔΫͷதͰ)POPΛ͏ ϑϩϯτΤϯυϑϨʔϜϫʔΫͷதͷʮ"1*ϧʔτʯͰ)POPΛಈ͔͢ "1*ΛΫϥΠΞϯτ͔Βୟ͘31$ػೳ͕͑Δ
/FYUKTͷதͰ͏ 7FSDFM"EBQUFS BQJͷΩϟονΦʔϧʹஔ͘ BQQBQJ<<SPVUF>>SPVUFUT
13$Λ͏͜ͱ͕Ͱ͖Δ ΫϥΠΞϯτ͔Β"1*ͷఆٛΛ5ZQF4DSJQUͷܕͱͯ͠Δ͜ͱ͕Ͱ͖Δ
None
None
Ҏ্ ·ͱΊ
·ͱΊ )POPͰͭͷΓํͰϑϩϯτΤϯυΛ࡞Δ͜ͱ͕Ͱ͖Δ )POPࣗମ͕ϑϩϯτΤϯυΛఏڙ͢Δ wαʔόʔαΠυϨϯμϦϯά wΫϥΠΞϯτؚΉ )POPͷ্ʹϑϩϯτΤϯυϑϨʔϜϫʔΫΛͷͤΔ w IPOPSFBDUSPVUFSBEBQUFS
ϑϩϯτΤϯυϑϨʔϜϫʔΫͷதͰ)POPΛ͏ w /FYUKT 7FSDFM"EBQUFS
ऴΘΓ