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
140
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
1
140
LINEギフトのLINEミニアプリアクセシビリティ改善事例
lycorptech_jp
PRO
2
400
ウェブアクセシビリティとは
lycorptech_jp
PRO
1
400
Head toward Java 24 (JVM)
lycorptech_jp
PRO
1
140
Apache Iceberg Case Study in LY Corporation
lycorptech_jp
PRO
0
670
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
1.7k
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
1.9k
LINEギフトにおけるバックエンド開発
lycorptech_jp
PRO
0
1.9k
「コード品質向上のテクニック」連載継続の秘訣
lycorptech_jp
PRO
0
120
Other Decks in Technology
See All in Technology
DynamoDB のデータを QuickSight で可視化する際につまづいたこと/stumbling-blocks-when-visualising-dynamodb-with-quicksight
emiki
0
140
LINE 購物幕後推手
line_developers_tw
PRO
0
420
AIによるコードレビューで開発体験を向上させよう!
moongift
PRO
0
420
kernelvm-brain-net
raspython3
0
460
OPENLOGI Company Profile for engineer
hr01
1
26k
続・やっぱり余白が大切だった話
kakehashi
PRO
2
300
AndroidアプリエンジニアもMCPを触ろう
kgmyshin
2
640
クラウドネイティブ環境の脅威モデリング
kyohmizu
1
400
『ささAI』ネタづくりをささえるAI📝 (にぼしいわし担当:GIFTech2025)
masapyon1212
0
110
社会人力と研究力ー博士号をキャリアの武器にするー
kentaro
2
110
地に足の付いた現実的な技術選定から魔力のある体験を得る『AIレシート読み取り機能』のケーススタディ / From Grounded Tech Choices to Magical UX: A Case Study of AI Receipt Scanning
moznion
0
300
AI-in-the-Enterprise|OpenAIが公開した「AI導入7つの教訓」——ChatGPTで変わる企業の未来とは?
customercloud
PRO
0
160
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.7k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.5k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
420
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
Faster Mobile Websites
deanohume
307
31k
Done Done
chrislema
184
16k
Embracing the Ebb and Flow
colly
85
4.7k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.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