Chrome Life

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

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

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

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

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

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

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

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

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

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

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

YouTube Preview Image

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

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

それでは、また!

コーディングに関するおすすめ書籍

タグ: , , ,

新着記事

この記事の読者におすすめの記事

このブログを購読しませんか?

RSSリーダーを使うと、このブログの更新情報がすぐに入手できるようになります。
このブログのRSSをRSSリーダーに登録すれば、更新されるたびに記事の本文を読むことができます。

Twitterでもこのブログの更新情報や筆者が見つけた情報をつぶやいていますので、@opakenをフォローしていただけるとうれしいです。

Facebookのファンページも用意しています。こちらでも更新情報を配信しています。「いいね!」をクリックしてもらうだけで購読できます。