<a href="/ja/pRegroup-done-2019">pRegroup-done-2019</a>
from <a href="/ja/%E4%BB%98%E7%AE%8B%E3%81%AE%E9%81%B8%E6%8A%9E%E3%83%BB%E5%9C%A7%E7%B8%AE%20UI%E8%A8%AD%E8%A8%88">付箋の選択・圧縮 UI設計</a>
<img src="https://gyazo.com/2e29f60f300a367426d17599439e9894/thumb/1000" alt="image">
<ul>
<li>できた<ul>
<li><a href="https://copypet.jp/528/">コピペでできる！CSSとhtmlのみで作るツールチップ | copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a></li>
<li>SpanをCanvasの上に浮かべる形で実装した</li>
<li><a href="/ja/%E9%81%B8%E6%8A%9E%E3%81%97%E3%81%9F%E3%82%89%E3%83%90%E3%83%AB%E3%83%BC%E3%83%B3%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC">選択したらバルーンメニュー</a></li>
</ul>
</li>
</ul>
<hr>
バルーンメニュー
<ul>
<li>選択すると選択範囲の上か下にバルーンメニューが出て欲しい</li>
<li>選択範囲のそばにバルーンメニューを出したい</li>
<li>出したいが、<ul>
<li>「バルーンメニューの描画」</li>
<li>「バルーンメニューが出ているときにキャンバスに発生したイベントはバルーンメニューが取る」</li>
</ul>
</li>
<li>などの実装のことを考えると今優先すべきことはそれではない気がする。</li>
<li>バルーンメニューに出したいメニュー<ul>
<li>スタイル変更、カット、コピー、削除、グループ化</li>
<li>付箋をクリックした場合<ul>
<li>削除</li>
<li>詳細情報</li>
</ul>
</li>
</ul>
</li>
</ul>
「バルーンメニューが出ているときにキャンバスに発生したイベントはバルーンメニューが取る」
<ul>
<li>Canvasに書くのではなく上にDOMを浮かべてしまう手も。</li>
<li>付箋追加時に下から編集Divが出てくるのと同じ</li>
</ul>