スポンサーリンク
Vue.js

Vue Routerのインストール方法

※Vue CLIを使用していることを前提としています。 プロジェクトディレクトリに移動する: cd your-project-folder Vue Routerのインストール: vue add router このコマンドは、Vue Rout...
Vue.js

「vue : このシステムではスクリプトの実行が無効になっているため、ファイル C:\Users\Own er\AppData\Roaming\npm\vue.ps1 を読み込むことができません。」のエラーを解決する

vueプロジェクトを作成するためにvue create family-album-appコマンドをパワーシェルで実行したところ以下のようなエラーが発生しました。 vue : このシステムではスクリプトの実行が無効になっているため、ファイル ...
Vue.js

Vue.jsでコンポーネント化されたTodoアプリを作る(全コードまとめ)

これまでTodoアプリを作成し、App.vueに全機能を記載してからコンポーネント化するような流れで作成してきました。実際の工程では最初からコンポーネント化してしまった方が楽な部分も多いので、最初からコンポーネント化してしまうケースが多いよ...
Vue.js

Vue.jsでTodoアプリを作る(一覧表示のコンポーネント化)

前回のVue.jsでTodoアプリを作る(フォーム部分のコンポーネント化)でフォーム入力の箇所をコンポーネント化しました。今回は一覧表示されている箇所をコンポーネント化して親コンポーネントのApp.vueをよりすっきりとした形にしていきたい...
Vue.js

Vue.jsでTodoアプリを作る(フォーム部分のコンポーネント化)

前回のVue.jsでTodoアプリを作る(ソート機能の追加)でソート機能を追加したことでTodoアプリの基本的な機能は持たせることができたと思います。 今回はVue.jsの特徴でもあるコンポーネントを用いてフォーム部分のコンポーネント化をし...
Vue.js

Vue.jsでTodoアプリを作る(ソート機能の追加)

前回、Vue.jsでTodoアプリを作る(バリデーションの追加)でバリデーションの追加を行いました。今回は期限や完了・未完了でソートができる機能を追加しています。 全体のコードを載せるので参考にしてください。 イメージは以下の画像の通りです...
Vue.js

Vue.jsでTodoアプリを作る(バリデーションの追加)

前回のVue.jsでTodoアプリを作る(編集機能・ローカルストレージへの保存・細かいデザイン)で登録したTodoを編集できるようにして、リロードしてもTodoが消えてしまわないようにローカルストレージの保存を行いました。 今回は、Todo...
Vue.js

Vue.jsでTodoアプリを作る(編集機能・ローカルストレージへの保存・細かいデザイン)

前回のVue.jsでTodoアプリを作成する(期限の設定)でTodoに対して期限を設定する機能と期限が超えているTodoに関しては文字を赤くするようにしました。 今回は一度設定したTodoを編集できるようにするとともに、今までのアプリではリ...
Vue.js

Vue.jsでTodoアプリを作成する(期限の設定)

前回のVue.jsでTodoアプリを作るで基本的なTodoの追加、完了、削除はできるようになったので、今回は期限の設定と以下の画像のように期限が過ぎていたら赤色に表示するようにしていきたいと思います。 実際にコードを見ていきましょう。前回か...
Vue.js

Vue.jsでTodoアプリを作る

今回はVue.jsでTodo簡単なTodoアプリを作っていきたいと思います。 今回はプロジェクトは既に作成されているという前提で始めていきます。 プロジェクト作成がまだの方はこちらを参考にしてください。 Vue.jsで新規プロジェクトを作成...
スポンサーリンク