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
66
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)
「コード品質向上のテクニック」連載継続の秘訣
lycorptech_jp
PRO
0
58
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
1
240
Arakawa 101 Or How To Build a Data App by Python
lycorptech_jp
PRO
0
30
ドメイン駆動設計の実践により事業の成長スピードと保守性を両立するショッピングクーポン
lycorptech_jp
PRO
17
3.6k
LINEスキマニにおけるフロントエンド開発
lycorptech_jp
PRO
1
1.4k
Yahoo! ズバトクにおけるフロントエンド開発
lycorptech_jp
PRO
0
680
LINE Developersプロダクト(LIFF/LINE Login)におけるフロントエンド開発
lycorptech_jp
PRO
0
940
AI時代のデータセンターネットワーク
lycorptech_jp
PRO
1
540
連合学習を用いたスタンプの推薦
lycorptech_jp
PRO
2
81
Other Decks in Technology
See All in Technology
人はなぜISUCONに夢中になるのか
kakehashi
PRO
6
1.6k
レビューを増やしつつ 高評価維持するテクニック
tsuzuki817
1
670
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
3
1.2k
エンジニアの育成を支える爆速フィードバック文化
sansantech
PRO
3
1k
株式会社EventHub・エンジニア採用資料
eventhub
0
4.3k
クラウドサービス事業者におけるOSS
tagomoris
0
210
次世代KYC活動報告 / 20250219-BizDay17-KYC-nextgen
oidfj
0
240
開発組織のための セキュアコーディング研修の始め方
flatt_security
3
2k
TAMとre:Capセキュリティ編 〜拡張脅威検出デモを添えて〜
fujiihda
2
230
Nekko Cloud、 これまでとこれから ~学生サークルが作る、 小さなクラウド
logica0419
2
950
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
2
2.8k
RECRUIT TECH CONFERENCE 2025 プレイベント【高橋】
recruitengineers
PRO
0
150
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.5k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Writing Fast Ruby
sferik
628
61k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A better future with KSS
kneath
238
17k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
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