Vue.jsで画像を作成しRailsのActive Storageで保存する
Railsアプリケーション内でVue.jsを使って画像を作成するアプリを制作していて色々と詰まった部分があったので記録に残しておこうと思います。 ざっと流れを説明しておくと以下のようになります。 Vue.js + Konva.jsを使ってcanvasタグで図形を作成 Base64形式のData URLに変換 RailsのActive Storageで保存 開発環境 Rails 6.1.4 Vue 3.1.5 Konva 8.1.1(canvasタグで図形などを描画するJavaScriptライブラリ) Konva - JavaScript 2d canvas library 環境構築などの部分は省略します VueとKonvaで画像を作成しData URLに変換、画像表示させる 今回はChartモデルの_form.html.erb内にVueを描画します
リースバックナビ - 持ち家を売ってそのまま住む
お金が必要！でも家に住み続けたい。そんな人にオススメのリースバックとは？兵庫県でリースバックするなら知っておきたい情報
Vue.js with Rails 6 and performing CRUD Operations
In this tutorial, we will study how to setup Vuejs with Rails 6 and perform CRUD operations. Before we start I will assume that you have installed Ruby (version greater than 2.6.0), Rails 6, NodeJs, and yarn on your machine. rails new rails_vuejs --webpack=vueThis will install a new project with Vue.js included as a pack. A pack is Rail’s terminology for any JavaScript we add to the project. Open
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
