Reactで実現！自動スクロールで使いやすさ抜群のレッスンスケジュール作成エディタのプロトタイプ紹介

レッスンスケジュールで画像検索するとたくさんできてきます。

このレッスンスケジュールを設定するにあたり、作成時のエディタのコアロジックだけプロトで起こしてみました

こちらのリンクから様々確認できます

画像をクリックするとデモサイトへ遷移します

Altキー押しながらDragすると、追加したい範囲を選択できます

デフォルトはDragScrollが縦方向で可能です

イベントの自動スクロールも対応しています

スクリーンショット

サーベイすると、日ごとにスタジオがいくつかあるので、作り込むときにはある程度、幅をもう少しとって、オーバーフロー調整すれば、よさそうです

段落ちの入れ子のイメージはこちらに近いかもです

Jexer会員ならよりイメージ湧きますね！