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.9k
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
AI時代のUIはどこへ行く?
yusukebe
18
9k
速いWebフレームワークを作る
yusukebe
5
1.7k
Honoアップデート 2025年夏
yusukebe
1
930
パスタの技術
yusukebe
1
590
AI Ramen Fight
yusukebe
0
160
TypeScriptでDXを上げろ! Hono編
yusukebe
4
1k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
2
420
MCP with Cloudflare Workers
yusukebe
2
430
Remix on Hono on Cloudflare Workers
yusukebe
3
780
Other Decks in Programming
See All in Programming
Rancher と Terraform
fufuhu
2
550
より安全で効率的な Go コードへ: Protocol Buffers Opaque API の導入
shwatanap
1
290
Navigation 2 を 3 に移行する(予定)ためにやったこと
yokomii
0
320
AIでLINEスタンプを作ってみた
eycjur
1
230
今から始めるClaude Code入門〜AIコーディングエージェントの歴史と導入〜
nokomoro3
0
210
RDoc meets YARD
okuramasafumi
4
170
OSS開発者という働き方
andpad
5
1.7k
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
110
CloudflareのChat Agent Starter Kitで簡単!AIチャットボット構築
syumai
2
500
rage against annotate_predecessor
junk0612
0
170
アセットのコンパイルについて
ojun9
0
130
Namespace and Its Future
tagomoris
6
700
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Gamification - CAS2011
davidbonilla
81
5.4k
Agile that works and the tools we love
rasmusluckow
330
21k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Speed Design
sergeychernyshev
32
1.1k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
850
A Modern Web Designer's Workflow
chriscoyier
696
190k
The Invisible Side of Design
smashingmag
301
51k
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
ऴΘΓ