GitHubなどに公開されているコードをscriptタグで読み込む方法

Photo credit: kana hata via Visual Hunt / CC BY-NC-ND

jsFiddleやjsbin、CodePenといったサービスやローカル環境で実験用にコードを書くことがある。実験用なのでなるべく労力をかけず、なるべく1ファイルで完結させたい。

GitHubで公開されているコードを直接scriptタグで読み込めたらいいが、Raw（https://raw.githubusercontent.com）のURLを読み込もうとしてもうまくいかない。

Github is not a CDN, using it as such will cause issues with loading the file. Do you still wish to it?

良い方法はないかとググったら RawGit というsushiのアイコンが目立つサービスをみつけた。

RawGitを使う

どうやら RawGit がCDNの代わりになってくれるらしい。

使い方は簡単。
「Paste a GitHub file or gist URL here.」とかかれたテキストボックスにURLを入寮するだけ。それだけでURLが自動生成される。

このURLを使うと、jsFiddleやjsbin、CodePen、ローカルであろうとコードを読み込むことができる。

※このサービスはあくまで実験・テスト用に限り使えるものであり、本番用（プロダクト用）には使わないように！



以上

written by @bc_rikko