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
910
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Usefull GitLens
Nokogiri
January 22, 2020
More Decks by Nokogiri
See All by Nokogiri
Zustandを用いた実践的状態管理
undefined_name
3
900
React Testing Libraryでの WAI-ARIAロールの活用事例
undefined_name
1
220
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
5
1.8k
Pipe Operator (|>) の紹介
undefined_name
2
400
FizzBuzzで学ぶOCP
undefined_name
0
160
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
undefined_name
4
3.2k
オブジェクト指向のプラクティスをフロントエンドで活用する
undefined_name
7
1.8k
モププロ@kintone開発チーム
undefined_name
1
660
勉強会で登壇者に 質問しづらい課題を解決する サービスをリリースしました🎉
undefined_name
2
1.4k
Other Decks in Programming
See All in Programming
AI時代、エンジニアはどう育つのか -未経験エンジニアの成長を間近で見て考えたこと-
thasu0123
0
210
yield再入門 #phpcon
o0h
PRO
0
930
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
330
Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)
iidatakuma
1
960
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
freee
PRO
0
250
ビデオ通話が繋がる0.2秒で何が起きているのか
supurazako
2
170
VibeCodingからAgenticWorkflowへ
starfish719
0
200
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
1
650
生成AIで帳票OCRが「簡単に」作れる時代になった?
kon_shou
0
410
信頼性について考えてみる(SRE NEXT 2026 miniLT)
hayama17
0
240
AIが無かった頃の素敵な出会いの話
codmoninc
1
380
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
se4weed
1
330
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
ラッコキーワード サービス紹介資料
rakko
1
4.2M
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
460
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
650
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.7k
Designing for Timeless Needs
cassininazir
1
430
How to Talk to Developers About Accessibility
jct
2
480
A Soul's Torment
seathinner
6
3.3k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
Scaling GitHub
holman
464
140k
How STYLIGHT went responsive
nonsquared
100
6.2k
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_
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠