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
8.8k
速いWebフレームワークを作る
yusukebe
5
1.7k
Honoアップデート 2025年夏
yusukebe
1
930
パスタの技術
yusukebe
1
580
AI Ramen Fight
yusukebe
0
160
TypeScriptでDXを上げろ! Hono編
yusukebe
4
1k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
2
420
MCP with Cloudflare Workers
yusukebe
2
420
Remix on Hono on Cloudflare Workers
yusukebe
3
770
Other Decks in Programming
See All in Programming
さようなら Date。 ようこそTemporal! 3年間先行利用して得られた知見の共有
8beeeaaat
3
1.4k
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
cc4966
1
190
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
20
11k
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
itsmedreamwalker
0
150
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
nyatinte
7
1.1k
Design Foundational Data Engineering Observability
sucitw
3
190
Ruby Parser progress report 2025
yui_knk
1
440
AIコーディングAgentとの向き合い方
eycjur
0
270
個人軟體時代
ethanhuang13
0
320
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
110
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
300
Improving my own Ruby thereafter
sisshiki1969
1
160
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
What's in a price? How to price your products and services
michaelherold
246
12k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Side Projects
sachag
455
43k
Docker and Python
trallard
45
3.6k
Unsuck your backbone
ammeep
671
58k
Raft: Consensus for Rubyists
vanstee
140
7.1k
The Invisible Side of Design
smashingmag
301
51k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
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
ऴΘΓ