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
830
Usefull GitLens
Nokogiri
January 22, 2020
Tweet
Share
More Decks by Nokogiri
See All by Nokogiri
Zustandを用いた実践的状態管理
undefined_name
3
560
React Testing Libraryでの WAI-ARIAロールの活用事例
undefined_name
1
170
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
5
1.7k
Pipe Operator (|>) の紹介
undefined_name
2
350
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
Understanding Ruby Grammar Through Conflicts
yui_knk
1
140
20250808_AIAgent勉強会_ClaudeCodeデータ分析の実運用〜競馬を題材に回収率100%の先を目指すメソッドとは〜
kkakeru
0
210
ゲームの物理
fadis
5
1.6k
エンジニアのための”最低限いい感じ”デザイン入門
shunshobon
0
130
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
310
フロントエンドのmonorepo化と責務分離のリアーキテクト
kajitack
2
150
旅行プランAIエージェント開発の裏側
ippo012
1
500
Infer入門
riru
4
1.6k
もうちょっといいRubyプロファイラを作りたい (2025)
osyoyu
0
180
Langfuseと歩む生成AI活用推進
licux
3
320
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
570
Updates on MLS on Ruby (and maybe more)
sylph01
1
160
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
330
21k
A Tale of Four Properties
chriscoyier
160
23k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Typedesign – Prime Four
hannesfritz
42
2.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Become a Pro
speakerdeck
PRO
29
5.5k
It's Worth the Effort
3n
187
28k
Site-Speed That Sticks
csswizardry
10
800
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
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_
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠