Chrome Life

Chrome OS, Chrome Web Store などChrome関連の話題、Google+などの新しいGoogleサービス、HTML5, JavaScript, CSS3によるWebアプリ開発、ChromeBook、MacBook Air、クラウドの活用方法などを紹介

ソースコードからゴージャスなスナップショットが作れるChromeアプリ「Marmoset」

開発者の方は、よくブログなどでソースコードを貼り付けて記事を書くことも多いと思います。

しかし、ソースコードがメインの記事だとどうしても画像が無いそっけない記事になってしまうため、FacebookGoogle+でシェアされた時に目立ちにくくなってしまいます。

そこで今回ご紹介するのが、ソースコードからゴージャスなスナップショットが作れるChromeアプリ「Marmoset」です。

Marmoset」を使えば、自分のソースコードから下記のような立体的でゴージャスなスナップショットを生成することができます。

「Marmoset」はChromeアプリとして提供されています。起動すると、左にソースコード、右側にスナップショットが表示されます。

コードを貼り付けてテーマや、言語を選択します。

スナップショットのエリアをドラッグすると角度が変更でき、ホイール操作で拡大・縮小が行えます。

調整が完了したら、Save asでPNGファイルに出力します。詳しい使い方は動画を見て下さい。


Marmoset Demo

Marmoset」は、Web GLを利用して作られていて高速に立体的なスナップショットを出力できます。

Marmoset自体のソースコードも公開されているようなので、興味がある方はチェックしてみてください。

それでは、また!