IT記事Vue.jsを使ってファイル選択Formと画像のプレビュー機能を作った。cliを作ってプロジェクトを作った。nanntokaprojectCSSフレームワークとしてBootstrapを選んだ。Vue用のBootstrapプラグインBootstrapVueを使う。https://bootstrap-vue.js.org/BootstrapVueを入れると、例えばタブなんかは以下のように書けて楽。ファイルインプット(<b-form-file></b-formfile>)は、v-modelに指定した変数にFileオブジェクトを入れてくれる。multipleだとリストにしてくれる。プレビュー用の変数に入れる。reader.resultはこの場合DataURLが帰る。}プレビュー用の変数を用意して、FileReaderで読み込んだものを入れている。コメントで書いてあるが、imgタグのsrcに突っ込むと表示される。プレビュー用の変数の中身をTemplateで表示しよう。HostingとVue.jsを触ってみる。Amplify触ってみる。速攻でApi形式のWebアプリ作れる。...Vue.jsでファイル選択フォームと画像プレビュー機能を作るVue.jsを使ってファイル選択Formと画像のプレビュー機能を作った。HostingとVue.jsを触ってみる。FirebaseでVue.jsを試してみる。...最近のコメントオーバーウォッチ・アンチピックがひと目でわかるサイトを作った。琴葉茜プロフィールopvelwebサイトを作ったりしています。opvel.hero@gmail.com仕事も募集中。