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
130
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)
Step by Step: 生成AIアプリケーション開発入門
lycorptech_jp
PRO
0
110
LINEギフトのLINEミニアプリアクセシビリティ改善事例
lycorptech_jp
PRO
1
380
ウェブアクセシビリティとは
lycorptech_jp
PRO
1
380
Head toward Java 24 (JVM)
lycorptech_jp
PRO
0
130
Apache Iceberg Case Study in LY Corporation
lycorptech_jp
PRO
0
570
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
1.5k
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
1.7k
LINEギフトにおけるバックエンド開発
lycorptech_jp
PRO
0
1.7k
「コード品質向上のテクニック」連載継続の秘訣
lycorptech_jp
PRO
0
110
Other Decks in Technology
See All in Technology
LangfuseでAIエージェントの 可観測性を高めよう!/Enhancing AI Agent Observability with Langfuse!
jnymyk
1
220
DETR手法の変遷と最新動向(CVPR2025)
tenten0727
2
1.4k
CloudWatch 大好きなSAが語る CloudWatch キホンのキ
o11yfes2023
0
180
フロントエンドも盛り上げたい!フロントエンドCBとAmplifyの軌跡
mkdev10
2
280
DuckDB MCPサーバーを使ってAWSコストを分析させてみた / AWS cost analysis with DuckDB MCP server
masahirokawahara
0
1.3k
Amazon CloudWatchで始める エンドユーザー体験のモニタリング
o11yfes2023
0
190
技術者はかっこいいものだ!!~キルラキルから学んだエンジニアの生き方~
masakiokuda
2
260
Would you THINK such a demonstration interesting ?
shumpei3
1
220
新卒エンジニアがCICDをモダナイズしてみた話
akashi_sn
2
230
[2025年4月版] Databricks Academy ラボ環境 利用開始手順 / Databricks Academy Labs Onboarding
databricksjapan
0
140
プロダクト開発におけるAI時代の開発生産性
shnjtk
2
240
watsonx.data上のベクトル・データベース Milvusを見てみよう/20250418-milvus-dojo
mayumihirano
0
110
Featured
See All Featured
KATA
mclloyd
29
14k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building an army of robots
kneath
304
45k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.2k
Done Done
chrislema
183
16k
The Invisible Side of Design
smashingmag
299
50k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.5k
Embracing the Ebb and Flow
colly
85
4.6k
Six Lessons from altMBA
skipperchong
27
3.7k
Into the Great Unknown - MozCon
thekraken
37
1.7k
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