VS Code をプロダクトにどう取り込むか

https://vscode.connpass.com/event/308890/ で話した内容です。

Transcript

1. VS Code ΛϓϩμΫτʹͲ͏औΓࠐΉ͔ VS Code Extension ࣮૷͔Β࣮ࡍͷϓϩμΫτʹऔΓࠐΉ·Ͱ Presented by Naoto Ono
2. ࣗݾ঺հɿখ໺ ௚ਓ ▶ GitHub: @ono-max ▶ ॴଐɿLaunchable, inc. ▶ ։ൃʹܞΘͬͨ VS Code Extension
 Ruby Debugger
 Ruby Typeprof
 Launchable 2
3. Launchable ʹ͍ͭͯ 3 ▶ ςετʹ͓͚Δ༷ʑͳ՝୊Λղܾ͢ΔϓϥοτϑΥʔϜ ▶ Predictive Test Selection
 ػցֶशΛ༻͍ͯͦͷมߋʹରͯ͠࠷΋Ձ஋ͷ͋ΔςετΛબΜͰ͘ΕΔػೳ ▶ Test Insights
 Flakey Test ΍ ςετͷ࣮ߦ࣌ؒͷਪҠͳͲΛ෼ੳ͠දࣔͯ͘͠ΕΔػೳ ▶ …
4. σϞɿVS Code Extension 4
6. ࠓճͷ࿩ͷςʔϚ ▶ VS Code Extension ։ൃͷಓͷΓ
 ࠓ঺հͨ͠ Extension ͸ͲͷΑ͏ʹ࡞ΒΕͨͷ͔ 6
7. ࠓճͷ࿩ͷςʔϚ ▶ VS Code Extension ։ൃͷಓͷΓ
 ࠓ঺հͨ͠ Extension ͸ͲͷΑ͏ʹ࡞ΒΕͨͷ͔ 7 VS Code Ͱ ͜Μͳ͜ͱͰ͖ΔΜͩʂ
8. ࠓճͷ࿩ͷςʔϚ ▶ VS Code Extension ։ൃͷಓͷΓ
 ࠓ঺հͨ͠ Extension ͸ͲͷΑ͏ʹ࡞ΒΕͨͷ͔ 8 VS Code Ͱ ͜Μͳ͜ͱͰ͖ΔΜͩʂ VS Code Extension ։ൃͯ͠ݟΑ͏͔ͳ…
9. ḪΔ͜ͱೖࣾ̍Χ݄લ 9 ▶ Կ͔໘ന͍΋ͷΛ࡞Γ͍ͨʂ ▶ ྑͦ͞͏ͳωλΛ୳͍ͯͨ͠
10. Launchable Ͱ໘ന͍͜ͱ͕Ͱ͖ͳ͍͔ߟ͑ͯΈΔ 10 ▶ ͔ͤͬ͘ೖࣾ͢Δ͠ɺ͍͍ػձʹͳΓͦ͏ ▶ ৭ʑ৮ͬͯΈΔ͜ͱʹͨ͠
11. Launchable ʹ͍ͭͯษڧ 11
12. Launchable ʹ͍ͭͯษڧ 12
13. Ϗϧυʹؔ͢Δ৘ใΛૹΔ 13 CI ؀ڥ Ϗϧυ `456` Launchable Ϗϧυ `456` ʹ͓͚Δมߋ ʢԿߦมߋ͔ͨ͠ɾϑΝΠϧ໊ʣ
14. Ϗϧυʹؔ͢Δ৘ใΛૹΔ 14 CI ؀ڥ Ϗϧυ `456` Launchable Ϗϧυ ͷ ID 
 ʢϢʔβʔ͕ઃఆʣ Ϗϧυ `456` ʹ͓͚Δมߋ ʢԿߦมߋ͔ͨ͠ɾϑΝΠϧ໊ʣ
15. Launchable ʹ͍ͭͯษڧ 15
16. 16 CI ؀ڥ Launchable ϒϨΠϯ શ݅ςετͷҰཡ 20% ͷ ςετΛ ͍ͩ͘͞ ςετͷҰཡΛૹΔ
17. CI ؀ڥ Launchable ϒϨΠϯ 20%ͷςετ ςετͷҰཡΛૹΔ
18. CI ؀ڥ ςετΛ࣮ߦ ςετϥϯφʔ 20ˋͷςετ ςετϨϙʔτ ϑΝΠϧ
19. Launchable ʹ͍ͭͯษڧ 19
20. ςετ݁ՌΛૹΔ 20 CI ؀ڥ Launchable Ϗϧυ `456` ʹ͓͚Δςετ݁Ռ 
 ʢԿ݅ύεͯ͠Կࣦ݅ഊ͔ͨ͠ʣ ςετϨϙʔτ ϑΝΠϧ Launchable CLI Ϗϧυ `456`ͷ 
 ςετηογϣϯ
21. ςετηογϣϯͱϏϧυ Ϗϧυ `456` ςετηογϣϯ #1 ੒ޭ 100݅ ࣦഊ 5݅ ੒ޭ 95݅ ࣦഊ 10݅ ੒ޭ 99݅ ࣦഊ 6݅ Python: 3.6 ςετηογϣϯ #2 Python: 3.7 ςετηογϣϯ #3 Python: 3.8
22. ςετηογϣϯͱϏϧυ Ϗϧυ `456` ςετηογϣϯ #1 ੒ޭ 100݅ ࣦഊ 5݅ ੒ޭ 95݅ ࣦഊ 10݅ ੒ޭ 99݅ ࣦഊ 6݅ Python: 3.6 ςετηογϣϯ #2 Python: 3.7 ςετηογϣϯ #3 Python: 3.8 ͦΕͧΕͷ δϣϒͰ࣮ߦ͞Εͨ ςετΛ·ͱΊͨ΋ͷ
23. ςετηογϣϯͱϏϧυ Ϗϧυ `456` ςετηογϣϯ #1 ੒ޭ 100݅ ࣦഊ 5݅ ੒ޭ 95݅ ࣦഊ 10݅ ੒ޭ 99݅ ࣦഊ 6݅ Python: 3.6 ςετηογϣϯ #2 Python: 3.7 ςετηογϣϯ #3 Python: 3.8 ͦΕͧΕͷ δϣϒͰ࣮ߦ͞Εͨ ςετΛ·ͱΊͨ΋ͷ ϑΝΠϧͷมߋ৘ใ΍ ίϛοτ৘ใΛ ·ͱΊͨ΋ͷ
24. ࠶ܝɿLaunchable ͷ࢖͍ํ 24
25. ࠶ܝɿLaunchable ͷ࢖͍ํ 25 CLI ͷ΍ΓऔΓ ͕ଟ͍ʂʂ
26. Launchable CLI ίϚϯυ 26 ▶ Ϗϧυ৘ใΛૹΔɿ `launchable record build …` ▶ ςετͷαϒηοτͷऔಘɿ `launchable subset …` ▶ ςετ݁ՌΛૹΔɿ `launchable record test …`
27. Launchable CLI ίϚϯυ 27 ▶ Ϗϧυ৘ใΛૹΔɿ `launchable record build …` ▶ ςετͷαϒηοτͷऔಘɿ `launchable subset …` ▶ ςετ݁ՌΛૹΔɿ `launchable record test …` ίϚϯυ͕ଟͯ͘ ೉ͦ͠͏…
28. Ͳ͏͢Ε͹ CLI Λ؆୯ʹ࣮ߦͰ͖Δͷ͔ʁ
29. Ͳ͏͢Ε͹ CLI Λ؆୯ʹ࣮ߦͰ͖Δͷ͔ʁ
 => VS Code Extension ͳΒղܾͰ͖Δʂ
30. ΞΠσΟΞ͸ܾ·ͬͨʂ͋ͱ͸࡞Δ͚ͩ 30 ▶ VS Code Extension ͷςϯϓϨʔτ͸ Yeoman Ͱ ▶ github.com/microsoft/vscode-extension-samples Ͱ API ͷ࡞ΓํΛษڧ
 ΠϝʔδΛ௫ΊͨΒυΩϡϝϯτͰৄࡉΛ஌Δ ▶
31. σϞɿLaunchable CLI Λ࢖ͬͨ VS Code Extension
33. σϞͷ·ͱΊ 33 ▶ CLI ΛҙࣝͤͣʹɺϢʔβʔ͸௚ײతʹ Launchable ͷػೳΛ
 ࢖͏͜ͱ͕Ͱ͖Δ
 ཪଆͰ͸ઌ΄Ͳ঺հͨ͠ίϚϯυ͕ୟ͔Ε͍ͯΔ
34. ࡞ͬͨ Extension ΛݟͤͯΈͨ 34 ▶ ೖࣾޙɺ࡞ͬͨ VS Code Extension ΛݟͤͯΈͨ ▶ ͍͍൓ԠΛ΋Β͏͜ͱ͕Ͱ͖ɺૣ଎ϦϦʔε͠Α͏ʂͱͷ͜ͱ
35. ͜͜·Ͱ࡞ͬͯΈͯ… 35 ▶ ࠓ·Ͱͷ VS Code ͷ։ൃܦݧ͕׆͔ͤͨ
 CLI ͰͰ͖ͳ͍͜ͱΛ VS Code ͰΧοίΑ͘දݱ͢Δ ▶ ͜Ε͔ΒϑΟʔυόοΫΛ΋Β͍ͳ͕Βվળ͍ͯ͜͠͏
36. ͍͟ϦϦʔεʂ
37. ͍͟ϦϦʔεʂ ʹʼ൒೥ޙ...
38. ϦϦʔε൒೥ޙ ▶ Πϯετʔϧ਺͕ͳ͔ͳ͔৳ͼͳ͍
 Ϣʔβʔ͔ΒͷϑΟʔυόοΫ΋΄ͱΜͲͳ͔ͬͨ ▶ ϒϩάΛॻ͍ͯΈͨΓͯ͠΋ɺ͋·ΓมΘΒͣ
39. ͳͥ࢖ΘΕͳ͍ͷ͔ 39 ▶ ୭ʹ࢖ͬͯ΋Β͏͔ΛΠϝʔδͰ͖ͯͳ͍ ▶ ͦ΋ͦ΋ϩʔΧϧͰ Launchable Λ࣮ߦ͍ͨ͠ͱ͍͏Ϟνϕʔγϣϯ͕ͳ͍ ▶ ࣾ಺ͷΤσΟλ͸ IntelliJ ͕ϝΠϯ
 ࣗ෼ΛؚΊͨࣾ಺ͷਓͰ͢Β࢖͏ػձ͕ͳ͍

40. ࢖ΘΕΔ΋ͷΛ࡞Δͷ͸೉͍͠ 40 ▶ ͜ͷ··طଘͷ΋ͷΛվળͯ͠΋͋·Γָ͘͠ͳͦ͞͏ ▶ ৽͍͠΋ͷͰ΋࡞ͬͯΈΑ͏

41. ൓লΛ౿·͑ͨ৽ػೳ։ൃ 41 ▶ ৭ʑͳϓϩμΫτͷ VS Code Extension Λ࢖ͬͯΈͨ ▶ ࣗ෼͕೔ৗۀ຿Ͱ࢖͑Δ΋ͷ͔ ▶ ָ͘͠࡞Εͦ͏͔
42. ιʔείʔυʹδϟϯϓ͢Δػೳ 42 ▶ Datadog ͷ VS Code ΤΫεςϯγϣϯ ▶ Web ΞϓϦέʔγϣϯ͔Βιʔείʔυʹδϟϯϓ͢Δػೳ ▶ Ͱ͖ͨΒΊͬͪΌΧοί͍͍ʂʂ
43. ͲͷΑ͏ʹ࣮૷͢Δ͔ 43 ▶ ֘౰ͷϑΝΠϧΛͲͷΑ͏ʹݟ͚ͭΔ͔ ▶ ϢʔβʔʹΑͬͯσΟϨΫτϦߏ଄͸ҧ͏
 Web ΞϓϦέʔγϣϯଆͰೖྗ͢ΔUIΛ࡞Δͷ͸ඍົ… ▶
44. ͲͷΑ͏ʹ࣮૷͢Δ͔ 44 ▶ Datadog ͷ Extension ઃఆʹʮ୳ࡧ͢ΔσΟϨΫτϦͷਂ͞Λઃఆ Ͱ͖ΔʯϑΟʔϧυΛൃݟͨ͠
 ۪௚ʹީิͱͳΓͦ͏ͳσΟϨΫτϦΛ୳͍ͯ͠ΔͷͰ͸ʁ ▶
45. ͲͷΑ͏ʹ࣮૷͢Δ͔ 45 ▶ ֘౰ͷϑΝΠϧΛͲͷΑ͏ʹݟ͚ͭΔ͔ ▶ Α͋͘Δ୳ࡧ໰୊ͷҰͭͩͬͨʂ
 ࠶ؼతʹݕࡧͯͦ͠ͷσΟϨΫτϦΛΩϟογϡͯ͠…
 ŝŦ―― ƅ㱼ƅ)――!!
46. 46 ͲͷΑ͏ʹιʔείʔυΛ୳͍ͯ͠Δͷ͔ ։ൃऀ VS Code Extension Πϯετʔϧ
47. 47 ͲͷΑ͏ʹιʔείʔυΛ୳͍ͯ͠Δͷ͔ ։ൃऀ VS Code Extension `.git` σΟϨΫτϦ 
 Λ࣋ͭσΟϨΫτ ϦͷύεΛ୳͢ Πϯετʔϧ
48. 48 ͲͷΑ͏ʹιʔείʔυΛ୳͍ͯ͠Δͷ͔ ։ൃऀ VS Code Extension `.git` σΟϨΫτϦ 
 Λ࣋ͭσΟϨΫτ ϦͷύεΛ୳͢ Πϯετʔϧ VS Code Global Storage ύεΛอଘ
49. 49 ͲͷΑ͏ʹιʔείʔυΛ୳͍ͯ͠Δͷ͔ Launchable 
 Web ΞϓϦ VS Code Extension ։͖͍ͨςετͷύε
50. 50 ͲͷΑ͏ʹιʔείʔυΛ୳͍ͯ͠Δͷ͔ Launchable 
 Web ΞϓϦ VS Code Extension ։͖͍ͨςετͷύε VS Code Global Storage ύεΛऔΓग़͢
51. 51 ͲͷΑ͏ʹιʔείʔυΛ୳͍ͯ͠Δͷ͔ Launchable 
 Web ΞϓϦ VS Code Extension ։͖͍ͨςετͷύε VS Code Global Storage ֘౰ͷύεΛ୳͢ ύεΛऔΓग़͢
52. 52 ͲͷΑ͏ʹιʔείʔυΛ୳͍ͯ͠Δͷ͔ Launchable 
 Web ΞϓϦ VS Code Extension ։͖͍ͨςετͷύε
53. ࣮ࡍʹ࡞ͬͯΈͯ… 53 ▶ ࡞Δͷ͸ָ͔ͬͨ͠ʂ ▶ ҙ֎ͱ࢖͍ʹ͍͔͘΋…
 ϑΝΠϧͷͲ͜ʹ͋Δ͔෼͔Βͳ͍
 -> ֘౰ͷςετͷߦʹҠಈ͠ͳ͍ ▶
54. ߦ൪߸Λςετ͔Βऔಘ͢Δ ▶ Launchable CLI Ͱ͸౰࣌ςετͷߦ൪߸Λऔಘ͍ͯ͠ͳ͔ͬͨ ▶ ߦ൪߸ΛऔಘͰ͖Δͷ͔ʁ
 Ұ෦ͷςετϥϯφʔ͕ରԠ͍ͯͨ͠
55. ߦ൪߸Λςετ͔Βऔಘ͢Δ 55 ▶ ߦ൪߸ΛอଘͰ͖Δ࢓૊ΈΛνʔϜʹఏҊ ▶ ݟࣄड͚ೖΕΒΕɺ΍ͬͯΈΔ͜ͱʹ
 Ϣʔβʔ͔ΒʮιʔείʔυʹδϟϯϓͰ͖Δػೳ͕ཉ͍͠ʯͱ͍͏ཁ๬͕ ͋ͬͨͷ΋ޙԡ͠ʹ
56. ࣮૷Λͯ͠ΈΔ 56 ▶ ߦ൪߸Λऔಘ͢Δͷ͸ҙ֎ͱ೉͍͠
 ΋ͷʹΑͬͯ͸ 0 ߦ໨͔Β਺͑Δ΋ͷ΋͋Δ ▶ GitHub ͔Β΋։͚Δͱศར͡Όͳ͍ʁ
57. ίʔυδϟϯϓػೳ͕Ͱ͖ͨʂ 57 ▶ ೖࣾલʹ͸͜Μͳ͜ͱʹͳΔͱࢥ͍ͬͯͳ͔ͬͨ ▶ VS Code Extension ։ൃָ͍͠
58. ࠓޙʹ͍ͭͯ 58 ▶ ΋ͬͱ VS Code Extension Ͱ໘ന͍͜ͱ͍ͨ͠
 WebAssembly ࿈ܞʁ
 VS Code Ͱ Launchable ͷ Web ΞϓϦΛݟΕΔΑ͏ʹ͢Δʁ
 … ▶
59. ·ͱΊ 59 ▶ VS Code Extension ͷ։ൃͷܦݧΛ΋ͱʹϓϩμΫτ΁ VS Code ֦ுΛ Ͳ͏औΓࠐΉ͔ʹ͍͓ͭͯ࿩͍͖ͤͯͨͩ͠͞·ͨ͠ɻ ▶ VS Code ͷ׆༻ํ๏ͷ৽͍͠ൃݟ΍ɺࣗ෼ͷϓϩμΫτʹ VS Code Λ ࢖ͬͯ໘ന͍͜ͱ͕Ͱ͖ͳ͍͔ͳͱࢥ͍͚ͬͯͨͩΔͱ޾͍Ͱ͢ɻ
60. Launchable Ͱ͸Ұॹʹಇ͘஥ؒΛืूͯ͠·͢ 60
61. Thank you!