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.5k
Raspberry Pi と Netatmo と少しの ruby で作る二酸化炭素濃度モニター君
ravelll
0
83
Ruby の静的型チェックの話
ravelll
0
85
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
ロールが細分化された組織でSREは何をするか?
tgidgd
1
200
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
190
Lufthansa ®️ USA Contact Numbers: Complete 2025 Support Guide
lufthanahelpsupport
0
240
Operating Operator
shhnjk
1
650
【あのMCPって、どんな処理してるの?】 AWS CDKでの開発で便利なAWS MCP Servers特集
yoshimi0227
6
730
LLM時代の検索
shibuiwilliam
2
640
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
nstock
0
290
クラウド開発の舞台裏とSRE文化の醸成 / SRE NEXT 2025 Lunch Session
kazeburo
1
450
助けて! XからWaylandに移行しないと新しいGNOMEが使えなくなっちゃう 2025-07-12
nobutomurata
2
140
ソフトウェアテストのAI活用_ver1.25
fumisuke
1
560
CDK Vibe Coding Fes
tomoki10
1
530
microCMSではじめるAIライティング
himaratsu
0
120
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
72
4.9k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Designing for Performance
lara
610
69k
Optimizing for Happiness
mojombo
379
70k
Building Applications with DynamoDB
mza
95
6.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Why Our Code Smells
bkeepers
PRO
336
57k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
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 ࠙ձͰͥͻ͋Ε͜Ε͓͠·͠ΐ͏