「Marmoset」はソースコードのスクリーンショットを、ちょっとした見栄えで作成できるChromeの拡張機能です。
ソースコードのアイキャッチ画像が欲しい時に重宝します。
インストール
Chromeのウェブストアから「Marmoset」をインストールします。
使い方
ショートカットを作成
Chromeの「設定」にある「拡張機能」から、「Marmoset」にある「詳細」を押下し、デスクトップにショートカットを作成します。
![Marmoset Chromeの「設定」を選択](https://www.pc-weblog.com/wp-content/uploads/2016/08/marmoset-set01.png)
![Marmoset 「拡張機能」から「詳細」を押下](https://www.pc-weblog.com/wp-content/uploads/2016/08/marmoset-set02.png)
![Marmoset 「ショートカットを作成」ボタンを押下](https://www.pc-weblog.com/wp-content/uploads/2016/08/marmoset02.png)
![Marmoset 「デスクトップ」にチェックを入れ、「作成」ボタンを押下](https://www.pc-weblog.com/wp-content/uploads/2016/08/marmoset03.png)
![Marmoset デスクトップにショートカットが作成される](https://www.pc-weblog.com/wp-content/uploads/2016/08/Marmoset-shortcut.png)
「アプリ」から起動
Chromeのバーにある「アプリ」から起動することもできます。
画像を押下すると動画が表示されます。
![Marmoset 「アプリ」から起動](https://www.pc-weblog.com/wp-content/uploads/2016/08/marmoset-Animation-1024x639.gif)
操作
画像を押下すると動画が表示されます。
カラー
![Marmoset カラーを選択](https://www.pc-weblog.com/wp-content/uploads/2016/08/Marmoset-color-1024x870.gif)
言語
![](https://www.pc-weblog.com/wp-content/uploads/2016/08/Marmoset-language-1024x867.gif)
エフェクト
![Marmoset エフェクトを選択](https://www.pc-weblog.com/wp-content/uploads/2016/08/Marmoset-eff-1024x870.gif)
変形
![Marmoset マウスで変形](https://www.pc-weblog.com/wp-content/uploads/2016/08/Marmoset-transform-1024x544.gif)
マウスホイールで拡大縮小、マウスをドラッグしてカーソル移動させると変形させることができます。
最後に「Save AS」ボタンを押下することにより、pngファイルとしてソースコード画像が保存されます。
まとめ
- 「Marmoset」はソースコードのスクリーンショットを作成するソフト。
- ショートカット、または「アプリ」から起動。
- カラー、言語タイプ、エフェクトを選択できる。
- マウスで変形を行える。
- 画像の保存形式はpng。
「Marmoset」はソースコードのアイキャッチ画像が欲しい時などにちょうど良いと思うので、気になった方は導入を検討してはいかがでしょうか。
コメント