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

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でもちゃんと動くのだそう。

GithubのURLに1sって書きたすとVS Codeオンライン版が起動できるようになるやつ、iPhoneでも動いた。すごい😍pic.twitter.com/0HHTD5w8YY

— robo8080 (@robo8080)February 10, 2021

　ただし、このサービスは読み取り専用となっているので注意（よく考えれば当たり前ですが）。利用制限に引っかかった場合や、プライベートリポジトリでも使いたい場合は作者のブログを参考に設定を行ってください。