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

Webサイトのデザインで修正点を指摘したいと思った時にどうしていますか。テキストで書いても伝わりづらいです。そのため、印刷してペンで書き込んで渡しているでしょうか。または画像編集ソフトウェアや、PowerPointに貼り付けてドローしてくる人もいます。

そんな方々に使えそうなのがmarkerPenです。Web上で使えるマーカーペンを実現できるライブラリです。

markerPenの使い方

デモです。Webページ上にマウスで線が書けます。

クリアしたり、一部消すこともできます。

実際に使っている様子です。

デモでは再読み込みすれば消えてしまいますが、サーバにデータを残すようにしたり、WebSocketでリアルタイムにデータを共有するようにしたりすることで他の人のフィードバックを素早く得られるようになるでしょう。自分たちのサービスに組み込んでみても面白そうです。

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

markerPen Demo

ajarunthomas/markerPen: Include a marker pen for your webpage

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2