bl.ocks.orgを直接編集できるWebエディタ「blockbuilder」

最終更新日

とても便利なWebエディタを見つけたのでご紹介。

Building_Bl.ocks

bl.ocks.orgとは?

bl.ocks.orgはGistに登録されたコードをWebページとして実行することができるWebプロクシサービスです。

参考:gist – bl.ocks.org に記事を投稿する – Qiita

Githubのアカウントを持っている人なら誰でも利用でき、Gistにindex.htmlを書いて http://bl.ocks.org/<GitHub id>/<gist id> にアクセスすればindex.htmlがWebページとして表示されます。

bl.ocks.orgは、D3.jsの作者であるMike Bostock氏によって作られていて、D3.jsの公式サンプルもこのサービスを利用して多数公開されています。

Mike Bostock氏のblocks
http://bl.ocks.org/mbostock

ちなみに私もblocksを最近利用し始めました。
http://bl.ocks.org/shimizu

わざわざリポジトリを作る程でもないサンプルを公開したい場合にはとても便利なサービスです。

Building Bl.ocks

blockbuilder.org はBl.ocks風のインターフェイスを備えたWebエディタです。

エディタ上で書いたコードがリアルタイムにプレビューされるので、まるでbl.ocksのコンテンツを直接編集しているかのような感覚でコーディングできます。saveボタンを押せばgistに保存され、bl.ocksに投稿されます。とても便利。

ちなみに、エディタのレイアウトはbl.ocks風以外にサイドバイサイドが選べます。

Building_Bl.ocks2