フロントエンド

IT

Vuetifyを使った開発 ~環境構築とHellowWorld~

VueとVuetifyを使った開発環境の初期構築と簡単な画面の作成を行います。普通だとややこしいデザインをVuetifyを利用して簡単に作成してみましょう。
IT

[Vue.js]子で変更した内容を親に反映させたい

子コンポーネントでオブジェクトのリストを追加・削除して、その内容を親に反映させる方法について調査実装したため、その方法をまとめます。またシンプルなテキスト型の親子間での反映についても記載しています。
IT

[Vue.js] 配列を毎回置換する際のrefとreactiveの使い方

Vue.jsのrefやreactive(リアクティブ)について、APIから取得したオブジェクトの配列データを描画する具体例を用いながら理解を深めていきます。うまく描画されずに困っている方の参考になれば幸いです。
IT

VSCodeでのデバック前後でVue.jsを自動的に起動・停止する方法

VSCodeでVue.jsのアプリを作成し、デバッグを開始してもアプリ自体は自動で起動しないためデバッグに失敗します。アプリを毎回手動で起動するのも手間ですので、VSCodeのタスクを利用して自動化する方法をお伝えします。