ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Gistはちょっとしたコンテンツを載せておくのに便利ですが、セキュリティ上の制限も幾つかあります。例えばHTMLを書いてもソースが表示されるだけでHTMLページとして表示はできません。

そこで使ってみたいのがGist HTML Previewです。Gistで書かれたHTMLを表示してくれるソフトウェアです。

Gist HTML Previewの使い方

メイン画面です。基本的にはGistのIDを入れるだけです。

そうするとHTMLコンテンツが表示されます。

Gist HTML Previewの仕組みとしてはJavaScriptでHTMLコンテンツを取得して、それをそのままdocument内に展開しているようです。サーバサイドがなくとも動いている辺りが面白いです。

Gist HTML PreviewはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Gist HTML Preview

gistpreview/gistpreview.github.io: Gist HTML Preview

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2