vueとkonva.jsを使った記事が全然ないので作ってみました。 (vue-konvaを使ってる記事はちょいちょいあるんですけどね。) はじめに その1では、お絵描きできるCanvasの実装まで行います。 その1の内容はこのデモページをvue用に書き換えただけです。 また、MacOSを使って実装してます。 最終的な完成画面イメージはこんなん。 モードでペン、消しゴム、直線を切り替えられるようにして、各種ボタン押下時はそれに応じた処理ができればなと。 バージョン情報 vue・・・2系 node・・・11.14.0 npm・・・6.7.0 vueプロジェクト作成 「vue init webpack <プロジェクト名>」でvueのプロジェクトを作成します。 最初の質問(Project Name)だけ、vueプロジェクトを作成するプロジェクトの名前を指定してあげて、あとはエンターで問題ないです。