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
820
Usefull GitLens
Nokogiri
January 22, 2020
Tweet
Share
More Decks by Nokogiri
See All by Nokogiri
Zustandを用いた実践的状態管理
undefined_name
2
520
React Testing Libraryでの WAI-ARIAロールの活用事例
undefined_name
1
170
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
4
1.7k
Pipe Operator (|>) の紹介
undefined_name
2
340
FizzBuzzで学ぶOCP
undefined_name
0
120
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
undefined_name
4
2.9k
オブジェクト指向のプラクティスをフロントエンドで活用する
undefined_name
7
1.6k
モププロ@kintone開発チーム
undefined_name
1
600
勉強会で登壇者に 質問しづらい課題を解決する サービスをリリースしました🎉
undefined_name
2
1.3k
Other Decks in Programming
See All in Programming
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
pluu
1
230
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
41
16k
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
teamlab
PRO
0
450
[DevinMeetupTokyo2025] コード書かせないDevinの使い方
takumiyoshikawa
2
260
画像コンペでのベースラインモデルの育て方
tattaka
3
1.3k
Quality Gates in the Age of Agentic Coding
helmedeiros
PRO
1
120
新しいモバイルアプリ勉強会(仮)について
uetyo
1
250
11年かかって やっとVibe Codingに 時代が追いつきましたね
yimajo
1
240
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
220
ワープロって実は計算機で
pepepper
2
940
Claude Code と OpenAI o3 で メタデータ情報を作る
laket
0
110
WebAssemblyインタプリタを書く ~Component Modelを添えて~
ruccho
1
430
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Embracing the Ebb and Flow
colly
86
4.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
332
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
750
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Raft: Consensus for Rubyists
vanstee
140
7.1k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Designing Experiences People Love
moore
142
24k
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_
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠