路線図エディタの実装

[hutinoatari]

close #14
まず駅コンポーネントの追加だけ実装した。
次は追加済コンポーネントに対する編集機能を付ける予定。

編集結果はJSONファイルにPropデータだけ吐き出して地図側から参照してもらうか、もしくはRailRoadMap.tsxそのものを書き換えるのとどっちがいいだろうか？

[hutinoatari]

そもそも本番環境にビルドしたらtsxファイルが存在しないだろ！前者の方法で進めます。

[csenet]

LGTM with nits
エディタの原型を実装していただきありがとうございます！
ユーザーの操作に関してや今回実装したい管理画面のUIに関しては別のIssueで追加していきたいと思います。
少しめんどくさいかもしれませんが、駅をドラッグできると嬉しいなと感じました。
Rootにnode_modulesが残っていたのでそのファイルだけ削除お願いします。
出力形式に関しては、JSONまたはXMLなど任意のフォーマットで出力できるようにして、表示がわでいい感じにParseできれば嬉しい気がします。

[hutinoatari]

ドラッグ操作はRailコンポーネントが厳しそう(節点を移動させたくなるので)。
https://konvajs.org/docs/react/Drag_And_Drop.html
例えばKonva.jsはdraggableが実装してあってReactにも対応してるみたいです。

[hutinoatari]

konvaでドラッグできるようにした。

• Textの中央寄せが効いていない。
• ドラッグによる位置の変更がPropsに反映しない(追加済みコンポーネントの編集機能をまだ追加していないので)。

[hutinoatari]

てなわけで最低限の実装ヨシ！

[csenet]

ありがとうございます！
RailComponentはドラッグ可能にするのはつらそうなので、マウスで引けるようにしてもらえると良いかもしれません