「URLの入力でPC/スマホのスクリーンショットを撮影可能なOSS・「Screenshot.rocks」」のご紹介| Webデザイン参考記事まとめアプデ

2023年02月16日(木)

URLの入力でPC/スマホのスクリーンショットを撮影可能なOSS・「Screenshot.rocks」

0

4

1

3

Screenshot.rocks

Screenshot.rocksはURLの入力でPC/スマホのスクリーンショットを撮影可能なOSSです。サードパーティ製に頼らず簡単にモックアップを作成できる、というものになります。

PCとモバイルの選択が可能で、撮ったSSはスマホ等のモニターに納めた状態やブラウザで見てる状態のSSなどの選択の他、背景や余白、斜めに傾ける、URLを表示/非表示で切り替えるなどなどちょっとした加工も可能となっています。フォーマットはSVG、PNG、JPGの他画像のコピーもワンクリックで可能です。

今のところ日本語は文字化けしますが、OSSなので問題はないと思います。ブラウザエクステンションも用意されており、こちらもOSSとしてソースコードが公開されています。ライセンスはMIT。

Screenshot.rocks

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『URLの入力でPC/スマホのスクリーンショットを撮影可能なOSS・「Screenshot.rocks」』についてまとめています。

この記事は特にSVG・モックアップについて書かれており、気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。