車いすなコーダーAbout小樽で3年と少し経験を積み、現在は札幌でコーダーをしております。赤い電動車いすに乗って生活をしています。不便はありますが、行列待ち等の椅子がない状況では、真価を発揮します。※スロープやエレベーターに関しては、もはや好きという感情では収まり切れません。JanHTML5Vue.js内容自体は軽めですが、応用すれば面白いことができそうだったので、メモがてら記事にしようと思います。HTML5から追加されたinputタグの一つとしてレンジ入力欄というものがあります。ドラッグで度合いを調整できるようなUIとなっており、スライダーと言った方がイメージしやすいかもしれませんね。タグを使うと以下のようなインターフェースが表示されます。ステップ(どのように刻んでいくか)の3つでしょうか。minプロバティ調整できる最小値を指定します(デフォルト0)。maxプロバティ調整できる最大値を指定します(デフォルト100)。stepプロバティどのように刻んでいくか指定します(デフォルト1)。step="0.1">その他レンジ入力欄の詳細については、こちらご参照ください。コンテンツ一覧へ戻るVue.jsの処理についてレンジ入力欄を操作すると、正方形のdivを回転させられるというサンプルを想定してみたいと思います。v-model="rotate"></div>レンジ入力欄、正方形のdivが置かれている状態ですね。}"という記述により、transformのrotateの値をレンジ入力欄から引っ張ってくることが出来るようになります。Vue.js続いてVue.js側ですが、今回の場合変数を設けているだけの役割となりますね。Posts2019.07.15「別のプログラムがこのフォルダーまたはファイルを開いているので、操作を完了できません。