mapStateヘルパー
mapStateヘルパー this.$store.state.messageと書くのは少し長くて面倒なので、 ヘルパー関数が用意されています。 App.vueのスクリプトの部分を以下のように書き...
0
0
Comment0
35 search resultsShowing 1~20 results
Stocked
You need to log-in
VeeValidate を使って、vue.jsで簡単にバリデート
VeeValidate フォームでのバリデーションで便利なVeeValidateというライブラリを使用。 yarnを使ってVeeValidateを導入 yarn add vee-validate...
0
0
Comment0
URL のクエリー文字列の操作？URLSearchParamsの使い方
クエリ文字列（URLパラメーター）とは？ クエリ文字列（URLパラメーター）とは、**サーバーに情報を送るためにURLの末尾につけ足す文字列（変数）**のこと。「?」をURLの末尾につけ、その次...
1
1
Comment0
コンポーネント / props / emit の基本
コンポーネントとは ウェブアプリケーションはたくさんの機能を持つUI部品で構成されている。 その要素を再利用可能な部品化したものをコンポーネントと呼ぶ。 再利用可能というのは、例えばボタンを1つ...
0
1
Comment0
Vuexでアプリケーションの状態を管理する
Vuexとは データとその状態を一括管理する「状態管理」のための拡張ライブラリ。 アプリケーション規模が大きくなり、コンポーネントの数も増えていくと、 同じ「data」にアクセスしたいという場合...
1
0
Comment0
axiosライブラリを使ったHTTP通信
axios とは HTTP通信を簡単に行うことができるJavascriptライブラリ GET通信を行う index.js // GET通信 axios.get('http://localhost...
2
1
Comment0
Vuexで名前空間（Namespace）を使う
Namespace とは このオプションを付けることで、state, getters, actions, mutationsには自動的に自分が属しているmodule名(この場合helloModu...
3
0
Comment0
Promise (resolve) / (reject) について勉強
Promise Promiseの引数にresolveとrejectがあり、非同期処理が実行された場合のコールバック関数となります。 コールバック関数： **関数の引数には、関数が渡せる。これを利...
0
0
Comment0
Rootgetters とは
Rootgetters は、そのアプリケーション内で定義されている**getters**を持ってこれる。 example1.js export default { namespaced: tru...
1
0
Comment0
v-modelの使い方と双方向データバインディング
フォーム入力バインディング フォーム（input要素, select要素, textarea要素など）の入力値 / 選択値をvueインスタンスのdataを同期させる 「双方向データバインディング...
1
1
Comment0
v-forによる繰り返しの描画
v-forによる繰り返し 配列やオブジェクトをループ処理して、 要素を繰り返しを描画するには、v-forディレクティブを使用する。 index.html // v-for 構文 <li v...
3
2
Comment0
5分で分かるVue.jsの基礎
参考 Vue Mastery The Net Ninja Vue JS 2 Tutorial Vue.js とは Vue.jsとはユーザーインターフェースを構築するための**フレームワーク（アプ...
16
20
Comment0
Transition まとめ
transition とは 直訳すると変化や移り変わりという意味で、変化するまでの時間を設定するプロパティのこと。 transitionは、ショートハンドプロパティを含め5つのプロパティがある。...
0
0
Comment0
backgroundの詳細設定とショートハンドの使用
app.css background { background: url(/assets/img/picture/xxx.jpg) no-repeat center/cover; } 一行のスタ...
5
0
Comment0
box-sizingで表示崩れを解決
box-sizingは簡単に言うと「外に広げるか(content-box)」「中に狭めるか(border-box)」 padding や線を大きさに含めない：content-box paddin...
0
0
Comment0
transformプロパティを使って要素を上下中央に配置する
HTML index.html <div class="box> <img src="dummy.png" alt="" width="24" height="24" clas...
3
1
Comment0
Overflow: hiddenではみ出した部分を隠す
CSS の overflow overflowとはCSSのプロパティの１つで「要素のボックスからはみ出た部分をどう扱うか」を指定する。 example.css セレクタ { overflow: ...
1
0
Comment0
@contentを使って、@mixinにスタイルセットを渡す
@mixin（ミックスイン）おさらい **Mixin（ミックスイン）**は関数に近く、 CSSスニペットに名前を付けていつでもどこでも呼び出せるというイメージ。 mixの呼び出しは@includ...
19
15
Comment0
スクロールしたらナビゲーションを固定・変化させる
html と CSSファイルを準備 index.html <header class="l-header js-header"> <div class="l-header-in...
0
0
Comment0
CSSの基本単位として使うと便利なrem
CSSでのフォントサイズ指定は「px」や「em」を使うのが一般的。 CSS3で追加された「rem」という単位がとても使いやすそうなので、使い方について調べてみた。 rem と em の違い em...
3
3
Comment0
35 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles