2016/01/31

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

0 件のコメント :

コメントを投稿