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
Usefull GitLens
Search
Nokogiri
January 22, 2020
Programming
3
860
Usefull GitLens
Nokogiri
January 22, 2020
Tweet
Share
More Decks by Nokogiri
See All by Nokogiri
Zustandを用いた実践的状態管理
undefined_name
3
760
React Testing Libraryでの WAI-ARIAロールの活用事例
undefined_name
1
190
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
5
1.8k
Pipe Operator (|>) の紹介
undefined_name
2
370
FizzBuzzで学ぶOCP
undefined_name
0
140
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
undefined_name
4
3k
オブジェクト指向のプラクティスをフロントエンドで活用する
undefined_name
7
1.7k
モププロ@kintone開発チーム
undefined_name
1
630
勉強会で登壇者に 質問しづらい課題を解決する サービスをリリースしました🎉
undefined_name
2
1.3k
Other Decks in Programming
See All in Programming
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
cloverrose
2
500
DevFest Android in Korea 2025 - 개발자 커뮤니티를 통해 얻는 가치
wisemuji
0
190
CSC307 Lecture 05
javiergs
PRO
0
490
AI Schema Enrichment for your Oracle AI Database
thatjeffsmith
0
140
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
5.7k
なぜSQLはAIぽく見えるのか/why does SQL look AI like
florets1
0
370
Vibe codingでおすすめの言語と開発手法
uyuki234
0
200
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる!
tosuri13
1
170
Claude Codeの「Compacting Conversation」を体感50%減! CLAUDE.md + 8 Skills で挑むコンテキスト管理術
kmurahama
1
810
Fluid Templating in TYPO3 14
s2b
0
110
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
390
rack-attack gemによるリクエスト制限の失敗と学び
pndcat
0
260
Featured
See All Featured
KATA
mclloyd
PRO
34
15k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.6k
A designer walks into a library…
pauljervisheath
210
24k
Done Done
chrislema
186
16k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
150
Amusing Abliteration
ianozsvald
0
87
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
560
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Become a Pro
speakerdeck
PRO
31
5.8k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Transcript
GitLensバリ便利
Taiki Nishi @Cybozu ɾkintone ɾϑϩϯτΤϯυ / όοΫΤϯυ ɾReact / TypeScript
/ Java ɾwww.nkgr.app ɾझຯɿ೫ࡔ46 / WebαʔϏε։ൃ ɹɹ Nokogiri(@nkgrnkgr)
GitLens ͍ͬͯΔਓ"
GitLens VSCodeϢʔβʔʹͱͬͯ ίʔυͷྺ࢙ΛΔͷʹ ༗༻ͱ͍͏
GitLensͱ
GitLensͱ • ؆୯ʹݴ͏ͱVSCodeͰ͑ΔGitϓϥάΠϯ • OSS • ࠩൺֱ͕͍͢͝ • มߋཤྺ͕͍͢͝ •
https://gitlens.amod.io/
Πϯετʔϧ
GitLensͷΠϯετʔϧ ᶃ ᶄ ᶅ
GitLensͷΠϯετʔϧ
Feature1 ίϛοτཤྺͱࠩͷՄࢹԽ
Feature1 ίϛοτཤྺͱࠩͷՄࢹԽ εςʔδϯάલͷϑΝΠϧมߋࠩVSCodeඪ४ΈΕΔ GitLensͰ͞ΒʹҎԼͷίϛοτཤྺຖͷࠩΛ VSCodeͰ֬ೝͰ͖Δ • currentϒϥϯν • local/remoteϒϥϯν •
ίϛολʔ • λά • Stashes
Feature1 ίϛοτཤྺͱࠩͷՄࢹԽ • ϒϥϯν -> develop • ίϛοτ-> Merge pull
request • ࠩͷ͋ΔϑΝΠϧ -> package.json
Feature1 ίϛοτཤྺͱࠩͷՄࢹԽ local/remoteͷϒϥϯν Stashes ίϛοτͨ͠ਓ λά
Feature2 ϑΝΠϧ / ߦ ͝ͱͷ มߋཤྺ
Feature2 ϑΝΠϧ / ߦ ͝ͱͷมߋཤྺ • ಛఆͷϑΝΠϧΛ։͍ͯɺαΠυόʔͷFILE HISTORY Λ։͘
Feature2 ϑΝΠϧ / ߦ ͝ͱͷมߋཤྺ ϑΝΠϧͷߦΛબ͢ΔͱͦͷཤྺΛݟΔ͜ͱ͕Ͱ͖Δ
Feature3 ࣗ༝ͷߴ͍ൺֱ
Feature3 ࣗ༝ͷߴ͍ൺֱ • ̎ͭͷϒϥϯν/ίϛοτͳͲΛࢦఆͯ͠ɺͦͷؒͷ ϑΝΠϧࠩݟΔ͜ͱ͕Ͱ͖Δ • ·ͨͦͷൺֱ݁ՌΛҰ࣌తʹอଘͰ͖ΔʢVSCode͕ऴ ྃ͢Δ·Ͱʣ
Feature3 ࣗ༝ͷߴ͍ൺֱ • RepositoriesͷπϦʔͰӈΫϦοΫ • ൺֱ͍ͨ̎ͭ͠ͷʢϒϥϯν/ίϛοτʣΛબ
Feature3 ࣗ༝ͷߴ͍ൺֱ • ̎ͭͷ࣌ͷίϛοτͱϑΝΠϧมߋ͕ࠩΈΕΔ
Feature4 ൜ਓ୳͠
Feature4 ൜ਓ୳͠ • ϑΝΠϧͷมߋͨ͠ίϛοτͱίϛολʔΛΈΕΔ • ࠷৽͚ͩͰͳ͘ɺFILE HISTORYͱΈ߹ΘͤΔ͜ͱͰ աڈͷมߋཤྺதͷίϛολʔΘ͔Δ
ͦͷଞͷFeature • ίϛοτϝοηʔδΛݕࡧͯ͠ίϛοτҰཡΛग़͢ • ΤσΟλ্ʹblameΛදࣔ͢Δ • ·ͩ·ͩհͯ͠ͳ͍ػೳ͕ຬࡌ • ৄ͘͠ https://github.com/eamodio/vscode-gitlens/
tree/master/
એ
PutYourHandsUp ΛϦϦʔε͠·ͨ͠ • pyhu.nkgr.app • ษڧձͷͦͷͰ͑Δάϧʔϓνϟοτ • ಗ໊ϢʔβʔɺTwitterɺGoogleͰϩάΠϯ • Twitterʹϋογϡλά͖Ͱಉ࣌ߘ
• ͬͯ͘ΕΔΠϕϯτΛืूͯ͠·͢ʂ
Frontend Weekly LunchΛͬͯ·͢ • αΠϘζϑϩϯτΤϯυΤΩεύʔτνʔϜ͕࠷ۙͷ ϑϩϯτΤϯυใΛݟͳ͕ΒϥϯνΛ৯ΔձͰ ͢ʂ • ຖिՐ༵ 12:00ʙ
• ؾʹͳΔτϐοΫjser.infoΛͳ͕Ίͳ͕Β͠ΌΓ· ͢& • ࣾ֎ͷํ͝ࢀՃՄೳͰ͢ʂ • @nkgrnkgr, @shisama_
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠