メモ帳アプリ | 小椋　澪

単純にメモ帳アプリとしてテキストを打つだけでなく、何か本当にメモ帳の様に自由に書けるような使用にしたいと思い作成しました。

前職でエクセルを使用したこともあり、そういった事も取り入れて作成してみたら楽しいのではないかと思い作成しました。

製作時間：　約571.5時間

リンクURL：

内容としまして、本の様なUIとなっており、そこにメモ帳の様に書きこめるというものです。

テキスト文字入力以外に、

・文字の大きさ

・文字の色

・背景色

・角度

・画像の設置

等を操作できるようになっており、右クリックメニューで各種操作が可能となっています。

作成していく中で様々ありましたが、その中で抜粋して大変だったのは要素の複数選択を可能にするにはどうしたらよいかという事です。

テキストを書き込む部分や画像には一つ一つの要素としてあり、その要素を選択することで上記の様な各種機能がそのテキスト及び画像に行えるというものですが、これを任意の複数要素を指定して、まとめて処理を行うという事が出来る様にしたい。

ですが、HTML自体にテキストエリアの複数選択UIはないので断念せざるを得ないかと思いましたが、色々調べていく中で無事実現可能になりました。

結論としては、各要素にチェックボックスを設置してそれがチェックしているかの判断を行い、チェックしている部分は繰り返し処理にて行うというものです。この方法により、エクセルのように要素を複数選択する事ができるようになりました。