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
さくらのフロントエンド さくらの Vue.js // vue.js in SAKURA
Search
Yoshihide TANIGUCHI
November 29, 2018
Technology
3
4.4k
さくらのフロントエンド さくらの Vue.js // vue.js in SAKURA
Yoshihide TANIGUCHI
November 29, 2018
Tweet
Share
More Decks by Yoshihide TANIGUCHI
See All by Yoshihide TANIGUCHI
スタディサプリ/Quipper オンラインミートアップ #1(Webエンジニア) / 新規サービス開発チームの紹介 / Studysapuri online meetup #1
ravelll
0
2.6k
Raspberry Pi と Netatmo と少しの ruby で作る二酸化炭素濃度モニター君
ravelll
0
87
Ruby の静的型チェックの話
ravelll
0
86
Quipperian and VimConf2019
ravelll
1
5.7k
PHP7.2で始める型宣言 // Type declaration with PHP 7.2
ravelll
0
280
ISUCONのすゝめ // Shall we ISUCON ?
ravelll
0
120
オブジェクト指向設計とデザインパターンの基礎 / Basics of object oriented design and design pattern
ravelll
0
730
1人から始める大規模Webアプリケーションの言語バージョンアップ / Upgrade PHP in a large application
ravelll
0
150
PHP 5.4 ~ 5.6 での追加機能のおさらいとバージョンアップへの誘い / Re-introduce PHP5.4~5.6 and invitation for upgrading
ravelll
0
97
Other Decks in Technology
See All in Technology
実践アプリケーション設計 ①データモデルとドメインモデル
recruitengineers
PRO
4
380
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
30k
.NET開発者のためのAzureの概要
tomokusaba
0
230
7月のガバクラ利用料が高かったので調べてみた
techniczna
3
550
「守る」から「進化させる」セキュリティへ ~AWS re:Inforce 2025参加報告~ / AWS re:Inforce 2025 Participation Report
yuj1osm
1
140
生成AI利用プログラミング:誰でもプログラムが書けると 世の中どうなる?/opencampus202508
okana2ki
0
190
kintone開発チームの紹介
cybozuinsideout
PRO
0
73k
Browser
recruitengineers
PRO
5
540
モダンフロントエンド 開発研修
recruitengineers
PRO
4
620
JOAI発表資料 @ 関東kaggler会
joai_committee
1
380
Goss: New Production-Ready Go Binding for Faiss #coefl_go_jp
bengo4com
0
1.1k
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
2
20k
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
246
12k
GraphQLとの向き合い方2022年版
quramy
49
14k
Site-Speed That Sticks
csswizardry
10
790
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
YesSQL, Process and Tooling at Scale
rocio
173
14k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Why Our Code Smells
bkeepers
PRO
338
57k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
900
Designing for Performance
lara
610
69k
Producing Creativity
orderedlist
PRO
347
40k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Transcript
͘͞ΒͷϑϩϯτΤϯυ ͘͞Βͷ7VFKT ୩ޱఓӳ
୩ޱఓӳ!SBWFMMM ͘͞ΒΠϯλʔωοτגࣜձࣾd ϑϩϯτΤϯυΤϯδχΞ7VFKT3VCZPO3BJMT ڈ·ͰόοΫΤϯυΤϯδχΞͰ1)13VCZΛॻ͍ͯ·ͨ͠
ຊͷ
6*5ͷࢀՃืूϖʔδΛݟͯΈΔͱʜ ༰7VFKTʹ·ͭΘΔͰ͋ΕԿͰܴͰ͢ʂ ͱͯ͠୯ͳΔٕज़հΑΓɺ ࣮ફʹجͮ͘ϢχʔΫͳࣄྫ͕·ΕΔ͕͋Γ·͢ ͘͞ΒͱνʔϜ ͘͞Βͷઐ༻αʔό ͷϑϩϯτΤϯυ։ൃ ಛʹ7VFKTΛར༻ͨ͠։ൃͰ࣮ફ͍ͯ͠Δॾʑ Λ͍͔ͭ͘ڞ༗͠·͢
⇣
͘͞ΒΠϯλʔωοτ ϑϩϯτΤϯυ։ൃ ͷ
αʔόʔ͞Μ ϑϩϯτΤϯυʁ ͷ
7VFKTɺଟ༻͍ͯ͠·͢ ར༻ࣄྫଟ͠ 3FBDU "OHVMBS 7VFKT &NCFSKT
None
None
None
w ίϯτϩʔϧύωϧʢμογϡϘʔυʣ w ͍߹ΘͤɾਃࠐΈϑΥʔϜ w ͚ࣾͷӡ༻αʔϏε w ίʔϙϨʔταΠτ ͳͲͳͲ
ͳͥ7VFKT ʮ)5.-4DSJQU$44Λ໌֬ʹͯ͠ॻ͚ΔͷͰ σβΠφͱڠۀͦ͢͠͏ͩͬͨʯ ʮॾπʔϧ͕ެ͔ࣜΒग़ͯͯ҆৺ײ͕͋ͬͨʯ ʮࣾʹ7VFKTͷࢿ࢈͕݁ߏ͋ͬͨ ૿Ճʹ͋ͬͨʯ ʮຊޠͷυΩϡϝϯτ͕ॆ࣮͍ͯͨ͠ʯ ʮ࣌3FBDU͕#4% 1"5&/54ϥΠηϯεͩͬͨʯ
ฉ͍ͯΈ·ͨ͠
͘͞Βͷઐ༻αʔό ϑϩϯτΤϯυ։ൃ ͷ
৽ίϯτϩʔϧύωϧ Ћ൛
αʔϏείϯύωΛ৽ͨ͠ w ϝϯςφϯεੑʹ͘͠อक͕ଐਓԽ͍ͯͨ͠ ˠ7VFKTϕʔεͰϦϓϨΠε
w 'SPOUFOE7VFKT 7VF3PVUFS 7VFY w 41" ඇ443 /VYUKTΘͣ w $
git ls-files | grep -E 'vue$' | wc -l ˞ඇ"UPNJD%FTJHO w ϩʔΧϧͷ։ൃͰϞοΫαʔό &YQSFTT Λ͏ ಈ࡞Λ֬ೝͰ͖Δ࠷খͷৼΔ͍͚ͩΛ࣮ ࣮ࡍͷ"1*ΞϓϦέʔγϣϯΛؚΊͨ֬ೝڞ༗ͷ։ൃ༻ڥʹ σϓϩΠͯ͠ߦ͏ w #BDLFOE1ZUIPO %KBOHP w "1*ઃܭ0QFO"1*υΩϡϝϯτͰڞ༗ ΞϓϦέʔγϣϯߏ
͜ͷΞϓϦέʔγϣϯͰ࣮ફ͍ͯ͠Δ σ ΟϨΫτϦߏ Τϥʔݕ ςετ ύοέʔδͷΞοϓσʔτ ࠔΓ͝ͱʢ࣮ફ͍ͯ͠Δʜʁʣ ʹ͍ͭͯڞ༗͠·͢
σ ΟϨΫτϦߏ
σ ΟϨΫτϦߏ ϖʔδ 63- ʹدΒͣ͏ίϯϙʔωϯτ܈ ྫɿϩʔσ ΟϯάΞχϝʔγϣϯɺϖʔδωʔγϣϯ TUPSFʹΞΫηε͠ͳ͍ ྫ֎ͱͯ͠ϔομʔάϩʔόϧφϏͳͲɺ ڞ௨ͷϨΠΞτΛ͢ͷTUPSFΞΫηεՄ
·ͨͲ͏ͯ͠HFUUFSΛ͍͍ͨͷ DPNQPOFOUTHMPCBMTҎԼʹஔ͍ͯ͏ ϧʔϧ&4-JOUͷϩʔΧϧϧʔϧʹͯ͠อূ
σ ΟϨΫτϦߏ ϖʔδ 63- ʹඥͮ͘ίϯϙʔωϯτ܈ ύϥϝʔλΛؚΉ63-@JEͰද͢
σ ΟϨΫτϦߏ ΞϓϦέʔγϣϯશମͷڍಈΛมߋ͢Δ࣮ 7VFVTF ͯ͠͏ͷͷઃఆʢWBMJEBUJPOͱ͔ʣ ίϯϙʔωϯτTUPSFͰॏෳ͢Δखଓ͖Λൈ͖ग़ͨ͠ͷ )551ϦΫΤετΛγΣʔϐϯά͢Δ܅ɺ BYJPTΛϥοϓͨ͠)551ΫϥΠΞϯτͱ͔
Τϥʔݕ w 4FOUSZΛར༻ w γϡοͱಋೖͰ͖ͯศརɺݱঢ়ࠔͬͯͳ͍ w )551ϦΫΤετʹ͍ͭͯηογϣϯΕʹΑΔɺ "1*ଆͷόϦσʔγϣϯΤϥʔʹΑΔҎ֎Λه w 7VF8BSO։ൃ࣌
ϨϏϡʔ࣌ʹਓ͕ؒݕ͢Δํ w ัଊ͍ͨ͠ͳΒ7VFDPOpHXBSO)BOEMFSʹDBQUVSF͢ ΔؔΛొ͠ͱ͍ͯEFWNPEFͰಈ͔͢
ςετ w ίϯϙʔωϯτͷςετ͋·Γॻ͍ͯͳ͍ʜ w ෳࡶͳػೳɾ࣮ΛؚΉͷʹ͍ͭͯɺͦͷڍಈΛઆ໌͢ΔͨΊͷς ετ͕͋Δ͘Β͍ w TUPSFͷϝιουͷ͏ͪσʔλϑϩʔҎ֎ͷϩδοΫ FYσʔλͷՃ ΛؚΜͰ͍Δͷʹ͍ͭͯςετॻ͍ͯΔ
w ॻ͍ͯͳ͍ྫड͚औͬͨͷΛDPNNJU͢Δ͚ͩͷBDUJPO w KTʹΓग़͞Ε͍ͯΔϝιουʹ͍ͭͯςετॻ͍ͯΔ w +FTU 7VF5FTU6UJMT w HJUQVTI୯ҐͰ$*ճͯ͠ςετ BVEJU
ςετྫ αʔόʔใΛऔಘ͢ΔBDUJPO
ςετྫ αʔόʔใΛऔಘ͢ΔBDUJPO w ઃఆ͞Εͨݕࡧ݅Λऔಘ HFUUFSTTFBSDI$POE w ݕࡧ͕݅͋ΕϦΫΤετύϥϝʔλͷܗʹม w มͨ͠ͷΛIUUQHFU
ʹ͢ w IUUQHFU ͷ݁Ռ αʔόʔใ ΛDPNNJU
ςετྫ αʔόʔใΛऔಘ͢ΔBDUJPO w IUUQHFU ʹϞοΫΦϒδΣΫτΛೖ w ςετͷഎܠͱͳΔݕࡧ݅ͱظ͢Δ IUUQHFU ʹΔύϥϝʔλΛઃఆ w
IUUQHFU ʹ͍ͬͯΔύϥϝʔλ͕ظͲ͓Γ Ͱ͋Δ͜ͱɺϦΫΤετ݁Ռ͕DPNNJU͞ΕΔ ͜ͱΛݕূ w ݕࡧ݅ʹԠͯ͡ਖ਼͘͠ߜΓࠐ·ΕΔ͔ɺ ϑϩϯτΤϯυͷͰͳ͍ͷͰ֬ೝ͠ͳ͍
ύοέʔδͷΞοϓσʔτ w ZBSOVQHSBEFͯ͠ϓϧϦΫΛ ͛Δ+FOLJOTλεΫΛिͰ ಈ͔ͯ͠Δ w खಈͰͷಈ࡞֬ೝ͕ଟ͍ʜͷͰ ςετͰอূ͢Δׂ߹Λ্͍͛ͨ w ϝδϟʔόʔδϣϯΞοϓ
ਓ͕ؒԹ͔ͬͯ͘Δ w XFCQBDLͱ͔#BCFMͱ͔
ࠔΓ͝ͱσβΠφʔͱͷڠۀ w σβΠϯͷڞ༗ɾ࣮͕ w ʮ99ϖʔδͷσβΠϯͰ͖·ͨ͠ʢ4LFUDIͰσβΠϯΛڞ༗ʣʯ ʰ͜͜ͷ༨ന෯ࢦఆແ͍Ͱ͚͢ͲͲ͏͠·͠ΐ͏͔ ɹ͋ͱͬͯ͜͜จষ͘ͳͬͨΒ่Ε·ͤΜʁ ͦΕͱ͜͜จষ͕ۭͷ߹ͦΕͱ͔ΔจݴΛӠʑʜʱ w ίϯϙʔωϯτͷࡉ͔͍ڍಈɾશͯΛ4LFUDIͰ͑Δͷ͕େมɺ
σβΠφʔͷϦιʔε͕Γͳ͍ w ࠓ)5.-$44ؚΊͯશͯϑϩϯτΤϯυΤϯδχΞ͕ॻ͍͍ͯΔ͕ɺ 4UPSZCPPLΛಋೖͯ͠ϥϑըΛݩʹίϯϙʔωϯτͷܗΛΤϯδχΞ͕ॻ͖$44 ΛσβΠφʔʹॻ͍ͯΒ͏ͱ͔ͰվળͰ͖Δͷ͔ʜʁ w ʮν͜͏ͬͯΔʯΛͥͻ͓ฉ͖͍ͨ͠Ͱ͢ʂ
·ͱΊ w 7VFKTΛར༻ͨ͠։ൃͰ࣮ફ͍ͯ͠Δ͜ͱΛ͋Ε͜Ε ڞ༗͠·ͨ͠ w σ ΟϨΫτϦߏɺΤϥʔݕɺςετɺύοέʔ δཧɺࠔΓ͝ͱ w ࠙ձͰͥͻ͋Ε͜Ε͓͠·͠ΐ͏