やじうまの杜

GitHubのURLをちょろっと書き換えるだけでコードを「Visual Studio Code」で閲覧できる素敵なサービスが話題に

トグルするブックマークレットも用意されている

樽井秀人

2021年2月12日 16:47

　“やじうまの杜”では、ニュース・レビューにこだわらない幅広い話題をお伝えします。

GitHubのURLをちょろっと書き換えるだけでコードを「Visual Studio Code」で閲覧できる素敵なサービスが話題に

　“GitHub”のURLをちょろっと書き換えるだけでソースコードを「Visual Studio Code」で閲覧できるようになる素敵なサービスが“Twitter”で話題になっています。

Github1s is really nice.
Just add "1s" after "github" when viewing code onhttps://t.co/0Wbx80muQpand VS Code loads up instantly:pic.twitter.com/rW5tdxrqIJ
— Henning Dieterichs (@hediet_dev)February 9, 2021

　使い方は簡単で、“github.com”というドメインを“github 1s .com”に書き換えるだけ（“.com”の前に“1s”を挿入）。“1s”というのは“One Second”という意味だそうですが、ローカルに“GitHub”のリポジトリをクローンしてコードエディターで開くといった手順をすっ飛ばして、まさに“1秒で”コードが見られるというわけ。拡張機能のインストールも不要で、本当に手軽ですね。“github.com”と“github1s.com”をトグルするブックマークレットも用意されているので、これを使えばワンクリックで切り替えが可能です。

javascript:/^github(?:1s)?\.com$/.test(location.hostname) ? location.hostname = `github${location.hostname === 'github.com' ? '1s' : ''}.com` : location.href = location.href

　なお、「Google Chrome」用の拡張機能もあったのですが、編集部にて試用したところちゃんと機能していないように見えたので、ブックマークレットの方がお勧めです。

GitHub1s - Chrome ウェブストア

　シンタックスハイライトなんかは“GitHub”でもやってくれますが、「Visual Studio Code」だとツリーでファイルのナビゲーションができるので、デカいプロジェクトでもディレクトリ構造の見通しがよくていいですね。タブで複数のファイルを扱えたり、検索ペインでソースコードを検索したり、エディター画面のポップアップで変数の型をのぞいたり、［定義へ移動］コマンドで定義部分へ飛べるのもGoodです。

「Visual Studio Code」の便利機能がコードリーディングをサポート

Markdownのプレビューも可能

　ちなみに、PCだけでなくiPhoneでもちゃんと動くのだそう。