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.1k
さくらのフロントエンド さくらの 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
2k
Raspberry Pi と Netatmo と少しの ruby で作る二酸化炭素濃度モニター君
ravelll
0
63
Ruby の静的型チェックの話
ravelll
0
72
Quipperian and VimConf2019
ravelll
1
5.4k
PHP7.2で始める型宣言 // Type declaration with PHP 7.2
ravelll
0
270
ISUCONのすゝめ // Shall we ISUCON ?
ravelll
0
110
オブジェクト指向設計とデザインパターンの基礎 / Basics of object oriented design and design pattern
ravelll
0
650
1人から始める大規模Webアプリケーションの言語バージョンアップ / Upgrade PHP in a large application
ravelll
0
120
PHP 5.4 ~ 5.6 での追加機能のおさらいとバージョンアップへの誘い / Re-introduce PHP5.4~5.6 and invitation for upgrading
ravelll
0
86
Other Decks in Technology
See All in Technology
Okioに愛を込めて
ryunen344
3
760
はてなのチーム開発一巡り / Hatena Engineer Seminar 30
daiksy
0
100
PHPカンファレンス福岡2024 【超特急】SQLアンチパターン総おさらいLT
ytsuzaki
0
460
デジタルアイデンティティ技術 認可・ID連携・認証 基礎
oidfj
0
470
Ruby on Browser
tmtms
1
840
スクラムチームだけどエクセルで要件定義書を書くことにしました / Requirements-Specification-Document-in-Scrum
okamototakuyasr2
0
110
Oracle Modern Data Platform Reference Architecture (Autonomous Data Warehouse編)
oracle4engineer
PRO
0
490
ぶっちゃけて話すための場作り / Creating an Environment for Open and Honest Communication
piyonakajima
6
2.4k
What's New in OpenShift 4.16
redhatlivestreaming
1
110
品質活動を事業に結びつけるためのQA文化の築き方 / how to build QA culture
mii3king
1
1.2k
20240626_PLATEAU_AWARD説明会
nokonoko1203
0
130
フロントエンドの Monorepo をやめてリポジトリ分割したワケ / Why did we stop using Monorepo on the frontend and split the repository?
kaminashi
5
2.6k
Featured
See All Featured
Building an army of robots
kneath
300
42k
Done Done
chrislema
178
15k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
Bash Introduction
62gerente
606
210k
RailsConf 2023
tenderlove
11
650
How GitHub Uses GitHub to Build GitHub
holman
471
290k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
28
1.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
650
58k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
24
1.7k
Design by the Numbers
sachag
276
18k
Building Applications with DynamoDB
mza
89
5.8k
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 ࠙ձͰͥͻ͋Ε͜Ε͓͠·͠ΐ͏