-
Web制作豆知識
[Vue.js]TODOアプリの開発〜タスクのリスト表示 / 完了・未完了の処理 / リストのスタイル整形 / タスクの削除
引き続き、Vue.jsによるTODOアプリの開発を上記レクチャー動画を見ながら進めていきたいと思います。 リスト表示 今まで、inputから入力してAddボタンを押したものを配列に格納するという処理を作ってきました。 こ […] -
Web制作豆知識
[Vue.js]TODOアプリの開発〜inputのデータバインディング / タスクの追加 / 入力したタスクの文字列削除 / タスクが空ならデータセットしない
引き続き、TODOアプリの作成を進めて行きましょう。 inputのvalueを双方向データバインディングする まずは、inputのvalueと双方向データバインディングするプロパティを作成します。 次はテンプレート側のi […] -
Web制作豆知識
[Vue.js]TODOアプリの開発〜Vueインスタンスとルートテンプレートの作成 / 主要な要素の配置 / 追加ボタンのイベントハンドリング
Vue.jsを利用して、TODOアプリの開発をしてみます。今まで学習した内容のまとめはこちらから一覧でご覧いただけます。引き続きjsFiddleを利用して開発していきます。 Vue.jsを読み込む まずはVue.jsを読 […] -
Web制作豆知識
[Vue.js]いろいろなディレクティブを触ってコンポーネントの基本を学ぶ
今回は、前回触ってみたv-bind以外のディレクティブを触ってみます。また、コンポーネントの基本についても触れてみます。新しいことがたくさん出てきますね。講座の内容を確認しながら並行して公式リファレンスも確認していくと学 […] -
Web制作豆知識
[Vue.js]ディレクティブとは
今回はディレクティブというものを学習していきます。 ディレクティブとは ディレクティブとは一体何なのか。 「ディレクティブ」とはv- で始まる特別な属性のこと。directive(指令)という名前通り、Vue.jsに何か […] -
Web制作豆知識
[Vue.js]dataオプションにオブジェクトや配列を設定してみる
今回は、dataオプションにオブジェクトや配列要素を設定して、データを出力させてみます。今までの学習内容はこちらにまとまっていますので、時系列順で読んでいただくとわかりやすいかもしれません。 dataオプション オブジェ […] -
Web制作豆知識
[Vue.js]Vueインスタンスの作成とデータバインディング、テンプレートについて
前回に引き続いて、Vue.jsの学習を進めていきます。前回は、講座の紹介や学習環境などを紹介しました。 Vueインスタンスの作成 Vueインスタンスを作成する方法です。学習環境としてjsFiddleを推奨されているので、 […] -
Web制作豆知識
[Vue.js]UdemyでVue.jsを勉強してみます〜講座の内容と受講準備と基本的な使い方
新しい技術にはいつもワクワクします。しかし、僕の場合、触ってみてかじっても突き詰めていくことがあまりないので、浅い知識で終わってしまいます。仕事で色々な提案をしていく上で博学な部分はどうしても必要となってくると考えている […]