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
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
420
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
550
AtCoder Conference 2025
shindannin
0
990
Grafana:建立系統全知視角的捷徑
blueswen
0
310
The Art of Re-Architecture - Droidcon India 2025
siddroid
0
170
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
izumin5210
6
1.7k
re:Invent 2025 のイケてるサービスを紹介する
maroon1st
0
170
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
390
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
tinykitten
PRO
0
200
2026年 エンジニアリング自己学習法
yumechi
0
100
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
5.8k
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
520
Featured
See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
120
Designing for Timeless Needs
cassininazir
0
120
For a Future-Friendly Web
brad_frost
181
10k
Designing for humans not robots
tammielis
254
26k
Done Done
chrislema
186
16k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
280
Utilizing Notion as your number one productivity tool
mfonobong
2
200
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
6.9k
We Have a Design System, Now What?
morganepeng
54
8k
Typedesign – Prime Four
hannesfritz
42
2.9k
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_
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠