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
5k
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
私はどうやって技術力を上げたのか
yusukebe
43
17k
Reactをクライアントで使わない
yusukebe
7
6.3k
AI時代のUIはどこへ行く?
yusukebe
22
10k
速いWebフレームワークを作る
yusukebe
5
1.8k
Honoアップデート 2025年夏
yusukebe
1
970
パスタの技術
yusukebe
1
640
AI Ramen Fight
yusukebe
0
170
TypeScriptでDXを上げろ! Hono編
yusukebe
4
1.1k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
2
450
Other Decks in Programming
See All in Programming
2025年版 サーバーレス Web アプリケーションの作り方
hayatow
23
25k
AIエージェント時代における TypeScriptスキーマ駆動開発の新たな役割
bicstone
4
1.5k
PostgreSQLで手軽にDuckDBを使う!DuckDB&pg_duckdb入門/osk2025-duckdb
takahashiikki
1
240
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
nrslib
7
3.9k
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
minodriven
23
12k
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
2.9k
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
ota1022
0
240
Web技術を最大限活用してRAW画像を現像する / Developing RAW Images on the Web
ssssota
2
1.2k
ИИ-Агенты в каждый дом – Алексей Порядин, PythoNN
sobolevn
0
150
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
100
iOSアプリの信頼性を向上させる取り組み/ios-app-improve-reliability
shino8rayu9
0
140
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
1.6k
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
185
22k
Making Projects Easy
brettharned
119
6.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Being A Developer After 40
akosma
91
590k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
The Invisible Side of Design
smashingmag
301
51k
Statistics for Hackers
jakevdp
799
220k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
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
ऴΘΓ