LoginSignup
4
3

More than 5 years have passed since last update.

gistを表示するためにbl.ocks.orgのChromeプラグインを入れました。

Last updated at Posted at 2015-09-17

この記事の内容は古くなったので、 http://qiita.com/pugiemonn/items/bdb69dcdb0e528fedbe6 こちらの手法のほうが良いと思います(☝ ՞ਊ ՞)

簡単なHTMLやJS、CSSをgistで試したいと考えていました。

gistで記事を作成

https://gist.github.com/ からindex.htmlという名前のファイルを作成します。

試しに作ったファイル

bl.ocks.orgにページが作成される

gistにファイルを作成すると、bl.ocks.org からgistページを表示できるようです。

bl.ocks.orgのプラグインをいれる

bl.ocks.orgにはプラグインがあると書いてあります。ChromeとFirefoxがあるそうです。
https://github.com/mbostock/bl.ocks.org/blob/master/README.md

プラグインを入れてから、gistの試しに作ったファイルページにアクセスします。

bl.ocks.orgへのリンクができる

サイドバーにbl.ocks.orgというボタンができています。

ボタンを押すと、
http://bl.ocks.org/pugiemonn/d74f4261f7bab86dd0ea へのリンクになっていました。

枠がないURLのパターンはリンクにならないんですね(^^ゞ
http://bl.ocks.org/pugiemonn/raw/d74f4261f7bab86dd0ea/

参考

http://bl.ocks.org/
http://qiita.com/hnakamur/items/ad1346bc9cfb0288ff60

4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3