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
640
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
クラウドネイティブな省エネサービスの内製開発で、BizDevOpsを実現する / Achieving BizDevOps in in-house development of cloud-native energy-saving services
genkiogasawara
1
200
AthenaとStep Functionsで簡単ETLオーケストレーション #midosuji_tech
nayuts
0
200
Amazon FSx for Net App ONTAPにおけるファイルシステム/SVM/ボリューム/qtreeの分割の考え方を整理してみる #storagejaws
non97
1
340
エレガントパズル エンジニアのマネジメントという難問にあなたはどう立ち向かうのか / Elegant Puzzle
iwashi86
13
2.4k
Kubernetesで作るIaaS基盤/KubeVirt Deep Dive
oracle4engineer
PRO
11
2.2k
Guard を利用した AWS Config ルール
yhana
0
240
Developing image pull secrets provisioner / Kubernetes Meetup Tokyo #65
pfn
PRO
2
280
データ分析力を高めるSQL研修『SQL Everyone』のご紹介【SQL勉強会 #3】
hikarut
1
170
やらない事を決めるプロダクト設計
rukiadia
4
3k
EKSと動的プロビショニングEFSを使ったマルチリージョンDR
daitak
0
200
Spring for GraphQL の実践 #jjug_ccc #jjug_ccc_c / Spring for GraphQL in Practice
sms_tech
1
120
手を動かさないインシデント対応〜自動化で迅速・正確な運用を目指す〜
jacopen
3
280
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
14
4.8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
5
240
Building Flexible Design Systems
yeseniaperezcruz
321
37k
Build your cross-platform service in a week with App Engine
jlugia
227
17k
Designing for Performance
lara
603
67k
Optimising Largest Contentful Paint
csswizardry
14
2.5k
Code Review Best Practice
trishagee
57
16k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.2k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
10
1.4k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Producing Creativity
orderedlist
PRO
338
39k
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 ࠙ձͰͥͻ͋Ε͜Ε͓͠·͠ΐ͏