Video wird geladen...
Video konnte nicht geladen werden
VS Codeでコードの探索をグラフUIでできるVS Code拡張を公開しました。 その関数/変数などを参照しているコードを次々にジャンプして読んでいけます 📙 OSSのコードリーディングや、Vibe Codingのお供に使ってみてください〜 基本的には、どの言語でも対応LSPが入っていて"find all references" が動く限りは、同じように動作します 🔥
171,273 Aufrufe • vor 8 Monaten •via X (Twitter)
14 Kommentare

表示されているグラフをフィルタリングしたり、画像でexportすることもできます。 コードとして参照が繋がっていない箇所は原理的に追えないので、たとえば何回かに分けて画像書き出したりして、figma上で画像を並べてコードリーディングするのとかオススメの使い方です!

VS Code Marketplace:

GitHub:

` というコマンドを好きなショートカットに割り当てておくのがオススメです。 僕の場合は、好きな変数名の上にホバーして `ctrl+r → g` でグラフがすぐに出てくるようにしています

Contributionについて 🌱 基本、どなたからでもPRいただける限り、なるべくみます。 AIを使ったコーディングでも全然大丈夫です。 ただ、いくつかだけ注意点を先んじて書かせてください

1. (できる範囲でOK)既存のissueがなければ作成、あれば紐付けをお願いします! 2. なるべくPRテンプレートの内容 + 善意の補足コメントをなるべく残してもらえると助かります。何語でも大丈夫です! 3. ユニットテスト・e2eでカバーできない範囲は、手動QAでしばらくいこうと思っています(むしろテストの拡充PRもwelcomeです)。なので、負担分散のため、できるだけPRを出す人の環境でも動作確認に協力いただけると助かります。

4. 方針として1つ決めていることとして、なるべく"language-agnostic"(言語非依存) にextensionを保ちたいと考えています。 ただ、それでもどうしても各言語固有の処理を書かないといけない部分もあるかと思います。 そんなことを想定して、抽象化層としてproviderパターンを用意してあります。なので、各言語固有対応はそこにお願いできると嬉しいです。 コードこの辺↓

言語固有対応の1例として、VueのSFCファイルだけ試しにつくってみました。 ただ、こちらのprovider、とっっっても出来が悪いので、VS CodeとVolarとVueに知見があって、ガッツのある優しい方がこれを直してくれたらとても嬉しかったりします。

すげえめちゃくぅわかりやすいです! 使わせていただきます!

めっちゃ分かりやすくて最高です!! ありがとうございます!!

すごいです! 見やすくわかりやすい最高です笑

こういう感想とっても嬉しいです😊 またがんばります!

"explore code using a graph UI" been reading code linearly for 15 years like a caveman turns out the codebase was a map, not a book

a graph UI for code exploration sounds clean af! how does it handle large codebases?
Ähnliche Videos
Sensitive content
Instagramにアップしていたんですが、Xにも載せてほしいとたくさんのリクエストがあったのでアップします。 子どもを怒りたくないのに怒ってしまう。子どもに優しくしたいのに優しくできない。そんな悩みを抱えたママパパたちのコメントに返答した時のインスタライブです!Xってこういう感じの内容をアップする場所じゃないと思っているので恥ずかしいんですが、少しでもお役に立てたら嬉しいです。 親はみんなすごい!
てぃ先生
3,811,380 Aufrufe • vor 3 Jahren
