drawioのようなドラック＆ドロップで図を作成できるWebアプリの作り方についての質問です。

Question

皆さんこんにちは
私は、drawioのようにドラック&ドロップで図を作成できるようなWebアプリを作成したいと思っています。
しかし、私はwebアプリ系の知識がなくどのようなライブラリ(&言語)を利用すれば実現できるか分からず困っております。
つきましては、以下についてご教授願えますか。

知りたい点

• ドラック&ドロップで図を作成できるようなライブラリorフレームワークは存在するのか？
• github等に参考コードがあるのか？
• 可能ならvue.jsだとうれしいです(唯一読んだwebアプリの入門書がvueだったので)

Answer 1

ドラック&ドロップで図を作成できるようなライブラリorフレームワークは存在するのか？

ある

github等に参考コードがあるのか？

ある

可能ならvue.jsだとうれしいです(唯一読んだwebアプリの入門書がvueだったので)

ある

まずは情報を調べらるようになりましょう。
でないと、詰まった場合に質問頼りになります。

キーワードとしては「draw.io」はとりあえず置いておき、
draw.ioの構成要素を分解して検索していきましょう。

• drag
• drop
• draw
• javascript
• canvas
• svg

などですね。
知識の下支えとして、HTML、JavaScriptの基礎があると検索しやすいですし問題解決能力もあがります

---

可能ならvue.jsだとうれしいです(唯一読んだwebアプリの入門書がvueだったので)

まずはJavaScript/HTMLを勉強したほうが良いと思います。

Comments

[BOU]

ありがとうございます
検索能力が低いのは自分の悪いところなんですよね・・・
検索したいときに用語がわからず右往左往することが多いので、焦らずにJavaScriptから触る方が早いかもですね・・・

[BOU]

vueだと、Vue.Draggableとかがよさそうでしたが、まだ触ってないので要素間の線等をかけるか調べてみます。