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
LINEスキマニのフロントエンド開発にDenoを採用した理由
Search
LINEヤフーTech (LY Corporation Tech)
PRO
February 20, 2025
Technology
0
180
LINEスキマニのフロントエンド開発にDenoを採用した理由
「LINEヤフー × Deno Land Inc. Meetup」の登壇資料です。
LINEヤフーTech (LY Corporation Tech)
PRO
February 20, 2025
Tweet
Share
More Decks by LINEヤフーTech (LY Corporation Tech)
See All by LINEヤフーTech (LY Corporation Tech)
Yahoo!しごとカタログ 新しい境地を創るエンジニア募集!
lycorptech_jp
PRO
1
290
データグループにおけるフロントエンド開発
lycorptech_jp
PRO
1
230
Yahoo!知恵袋におけるフロントエンド開発
lycorptech_jp
PRO
0
230
"LINE Planet" and AI: Conversations with AI
lycorptech_jp
PRO
0
49
Seamless inventory management with AI
lycorptech_jp
PRO
0
23
AI Frontiers Revealed: Transforming LINE Shopping TW with LLM-Driven Product Attribute Extraction
lycorptech_jp
PRO
0
38
LINEヤフーの音声AIがもたらす未来:ASR/TTSと対話技術の新たな可能性 / LY Corporation's Speech AI Vision: Towards Realtime Spoken Dialogue through Advanced ASR and TTS
lycorptech_jp
PRO
0
48
「Yahoo!検索」におけるWebパフォーマンス改善の取り組み / Efforts to Improve Web Performance in "Yahoo! JAPAN Search"
lycorptech_jp
PRO
0
60
アクセシビリティ改善の実践:プロダクトにおける具体的な取り組みと課題 / Practices for Accessibility Improvement: Specific Efforts and Challenges in Products
lycorptech_jp
PRO
0
55
Other Decks in Technology
See All in Technology
Rethinking Incident Response: Context-Aware AI in Practice
rrreeeyyy
2
940
推し書籍📚 / Books and a QA Engineer
ak1210
0
140
Introduction to Bill One Development Engineer
sansan33
PRO
0
260
ゼロから始めるSREの事業貢献 - 生成AI時代のSRE成長戦略と実践 / Starting SRE from Day One
shinyorke
PRO
0
110
AI エージェントと考え直すデータ基盤
na0
20
7.9k
安定した基盤システムのためのライブラリ選定
kakehashi
PRO
3
130
AIエージェントが書くのなら直接CloudFormationを書かせればいいじゃないですか何故AWS CDKを使う必要があるのさ
watany
18
7.6k
Figma Dev Mode MCP Serverを用いたUI開発
zoothezoo
0
230
サイバーエージェントグループのSRE10年の歩みとAI時代の生存戦略
shotatsuge
4
1k
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
fossamagna
1
350
How Do I Contact Jetblue Airlines® Reservation Number: Fast Support Guide
thejetblueairhelpsupport
0
150
“日本一のM&A企業”を支える、少人数SREの効率化戦略 / SRE NEXT 2025
genda
1
270
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Become a Pro
speakerdeck
PRO
29
5.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
How to train your dragon (web standard)
notwaldorf
96
6.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
4 Signs Your Business is Dying
shpigford
184
22k
The Language of Interfaces
destraynor
158
25k
GraphQLとの向き合い方2022年版
quramy
49
14k
Being A Developer After 40
akosma
90
590k
Transcript
-*/&Ϡϑʔʷ%FOP-BOE*OD.FFUVQ -*/&εΩϚχͷϑϩϯτΤϯυ։ൃʹ %FOPΛ࠾༻ͨ͠ཧ༝ -*/&Ϡϑʔגࣜձࣾ ߵ࢘
ߵ࢘ ,B[VTIJ,POPTV -*/&ϠϑʔגࣜձࣾιϑτΣΞΤϯδχΞ !LB[VTIJLPOPTV -*/&גࣜձࣾʢ࣌ʣʹ৽ଔೖࣾ ΤϯδχΞϦϯάϚωʔδϟʔɾςοΫϦʔυ ʮ-*/&εΩϚχʯϑϩϯτΤϯυνʔϜ
τϐοΫ ͳͥ%FOPΛ࠾༻͔ͨ͠ %FOPಋೖΛৼΓฦͬͯ %FOPΛͲͷΑ͏ʹ׆༻͍ͯ͠Δ͔
τϐοΫ ͳͥ%FOPΛ࠾༻͔ͨ͠ %FOPಋೖΛৼΓฦͬͯ %FOPΛͲͷΑ͏ʹ׆༻͍ͯ͠Δ͔
എܠrٕज़બఆͷߟ͑ํ ϛχϚϜͳબͷੵΈॏͶ ෳࡶͳཁ݅ͷରԠ ϩοΫΠϯͷճආ "MMJOPOFͳιϦϡʔγϣϯ ΤίγεςϜϩοΫΠϯ ٕज़తෛ࠴ͷϦεΫ αϓϥΠνΣʔϯ߈ܸ
ϓϩμΫτͷϦχϡʔΞϧͱ͍͏νϟϯε ϥϯλΠϜͲ͏͢Δ͔ʁ 1VSF41"
+BWB4DSJQUϥϯλΠϜͷͭͷإ ։ൃڥ 4FSWFS$MPVE #SPXTFS
/PEFKTΛʮਖ਼͘͠ʯڥߏங͢Δ࡞ۀɺർΕ·ͤΜ͔ʁ
ർΕΔϙΠϯτ w &4.PEVMF4ZOUBYͰॻ͍͍ͯΔ͚Ͳ$PNNPO+4ͱ࣮ͯ͠ߦ͞ΕΔίʔυ w ࣮ߦڥɾϥϯλΠϜʹ͋ΘͤͯઃఆඞཁͳUTDPO fi HKTPO w 5ZQF4DSJQUΛ࣮ߦ͢ΔͳΒඞཁͳUTOPEFUTY w
Ϧϯλʔͷઃఆ ΞϓϦέʔγϣϯ։ൃऀʹͱͬͯΤίεγςϜ͕ෳࡶ͗͢Δ
%FOPΛ࠾༻ͨ͠ཧ༝ w 8FCඪ४ʹ४ڌ͢Δ࢟ w ͻͱͭͻͱͭͷࣄ߲Λݕ౼͠ͳͯ͘GVUVSFQSPPGͳ͜ͱ͕Ͱ͖Δ w ʮͰ͖ͳ͍͜ͱʯ͕ଟ͍ͷ͍͍͜ͱ
τϐοΫ ͳͥ%FOPΛ࠾༻͔ͨ͠ %FOPಋೖΛৼΓฦͬͯ %FOPΛͲͷΑ͏ʹ׆༻͍ͯ͠Δ͔
%FOPΛͲͷΑ͏ʹ׆༻͍ͯ͠Δ͔ w /PEFKTޓͳQBDLBHFNBOBHFSͱ͍ͯͬͯ͠ΔΘ͚Ͱͳ͍ w QBDLBHFKTPOͷআ w ͯ͢ͷίʔυ%FOPͰ࣮ߦ w 7JUF 7JUFTUPO%FOP
5ZQF4DSJQU w AWJUFDPO fi HNUTA։ൃ࣌ʹ༻͢ΔεΫϦϓτྨʹ͍ͭͯAEFOP DIFDLAΛ༻ w ϑϩϯτΤϯυͷίʔυʹ͍ͭͯEFOP্ͰAUTDAΛ࣮ߦ w ϑϩϯτΤϯυ࣮ͱςετͦΕͧΕͷͨΊʹUTDPO
fi HKTPOΛϝϯςφϯε
'PSNBUUFS-JOUFS w 'PSNBUUFS1SFUUJFSΛ༻ w -JOUFSTSDʹ͍ͭͯ&4-JOU ͦΕҎ֎EFOP@MJOU
τϐοΫ ͳͥ%FOPΛ࠾༻͔ͨ͠ %FOPಋೖΛৼΓฦͬͯ %FOPΛͲͷΑ͏ʹ׆༻͍ͯ͠Δ͔
'SPOUFOE։ൃͷπʔϧ܈Λಈ͔͢ڥͱͯ͠ w ϑϩϯτΤϯυ։ൃڥͷηοτΞοϓ͕γϯϓϧʹͳͬͨ w %FOPͰಈ࡞͢Δ5ZQF4DSJQUϑΝΠϧʹ͍ͭͯઃఆͷཧΛ%FOPʹͤͨ w ։ൃڥͰ࣮ߦ͞ΕΔίʔυͷϥϯλΠϜͱͯ͠ͱͯັྗత
ϒϥβͰಈ͔͢ίʔυͷ։ൃڥͱͯ͠ w EFOP@GNUͩͱDTTUFNQMBUFMJUFSBMʹରԠͰ͖ͣ w EFOP@MJOUϓϥάΠϯγεςϜ͕ະख़ w EFOPDIFDLEFOPͰಈ࡞͢Δίʔυ͕લఏ w ࠓޙͷEFOP@MJOUͷಈ͖ʹظ
ґଘύοέʔδͷཧ w QBDLBHFKTPOΛ٫Ͱ͖ͨ w OPEF@NPEVMFTϒϥβͰ࣮ߦ͞ΕΔίʔυͷϑΝΠϧஔ͖ʹͳͬͨͷ Ͱɺೝίετ͕Լͨ͠
{ "dependencies": { "express": "4.19.2", "react": "18.3.1", "react-dom": "18.3.1" }
} &YQSFTTͱҰॹʹͳΒͿ3FBDUͷҙຯʁ
import { defineConfig } from 'npm:vite'; import react from 'npm:@vitejs/plugin-react';
// @deno-types="npm:@types/
[email protected]
" import 'npm:
[email protected]
'; // @deno-types="npm:@types/
[email protected]
" import 'npm:
[email protected]
'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], }); 'SPOUFOEͷґଘWJUFDPO fi HNUTͷ෭࡞༻ʹͳͬͨ
-PDLϑΝΠϧͷ w ಛఆͷύοέʔδ͚ͩΞοϓάϨʔυͨ͠MPDLϑΝΠϧΛ࡞Εͳ͍ w AOQNJGPP!MBUFTUA w %FOPࣾͱͷϛʔςΟϯάͰɺෳͷMPDLϑΝΠϧ͕࡞ΔΞΠσΞ͕ग़ͨ w -PDLϑΝΠϧΛׂ͢Δ͜ͱͰ1SFUUJFS &4-JOUৗʹ࠷৽൛Λ༻
w QBDLBHFKTPOͱ͍͏֓೦͕ͳ͍͜ͱʹΑΔ෭࣍తͳϝϦοτ
·ͱΊ w ͜Ε·ͰϥϯλΠϜબఆαʔόͷ͕த৺ w +BWB4DSJQUϥϯλΠϜʹෳͷإ͕͋Δ w %FOPͰ'SPOUFOE։ൃΛγϯϓϧʹ w 'SPOUFOEͷπʔϧ܈Λಈ͔͢ڥͱͯ͠ʜ✅ ϒϥβͰ࣮ߦ͞ΕΔίʔυͷ։ൃڥͱͯ͠ʜ📋
5IBOLZPV