■バックナンバー
■外部ブログリンク
■RSSフィード
RSS 1.0 RSS 2.0 Atom 1.0
■このブログのURL
http://sns.hamatch.jp/blog/blog.php?key=78678
2020年07月10日(金) 
html5+jQueryを使うと面白いモノが!

筆談ボードとか、ホワイトボード、お絵かきソフトなどのアプリは一杯あって選ぶのが大変な位です。簡単に使えて、見やすいものを作ってみました。(ただ複雑になるとなかなか作るのが難しいので)html5+jQueryを使っていろいろ遊んでみました。

始めに「手書きホワイトボード」これはマウスでボードに書くだけ、線の太さも2種類、色も4種類、消去は一気に全部消せる。全画面をある色にすることも出来る。文字を書いて失敗したときは背景の色で塗ることで消しゴムで消すようになる。これはネットに繋がなくでもindex.htmlをダブルクリックすることでも使える。(自分のPC上で)。またタブレット(Android)で該当URLにアクセスして使うことが出来る。ipadは不明。
プロジェクターに繋いだときなど黒板がわりに。Zoomのホワイトボードの代わりに画面共有で使う。また聴覚障害者の筆談ツールとしても使える。

手書きホワイトボード
http://www2s.biglobe.ne.jp/~ouji/Whiteboard/wboard/

次にWeb Whiteboardは上記より少し複雑になっている。テキスト文字を打ち込むことも出来る。線の幅は細かく調整出来る。線の透明度も変えられる。なかなかの優れものです。でもタブレット(Android)では全く動作しない。ipadは不明。

Web Whiteboard
http://www2s.biglobe.ne.jp/~ouji/Whiteboard/

次にお絵かきソフト(html5_Canvas)。
Webにあるお絵かき掲示板のようなことはほとんど出来る感じのお絵かきソフトです。色の種類も線の太さ、色の透明度も任意で選ぶことが出来る。また書いた作品は自分のパソコン、タブレットに保存することが出来る。タブレット(Android)でも動作します。ipadは不明。

お絵かきソフト(html5_Canvas)
http://www2s.biglobe.ne.jp/~ouji/Whiteboard/oekaki/

この3つのソフトウェアは自分のPCに置いておいて、index.htmlをダブルクリックするだけで動作する。但し、Web Whiteboardはネットワークに繋がってる必要がある。

閲覧数238 カテゴリソフトウェア 投稿日時2020/07/10 14:49
公開範囲外部公開
■プロフィール
星の王子さん
[一言]
よろしくお願いします。
■この日はどんな日
■最近のファイル
■最近のコメント
■最近の書き込み