カテゴリー「JavaScript」に投稿された記事

該当件数:8件 このカテゴリーに記録されたログをみる

Vue.jsでデータをブラウザのローカルストレージに保存する

公式のクライアントサイドストレージを使えばできる。 単純な値の場合は、localStorage.nameでアクセスできるが、配列とかオブジェクトの複雑な値の場合、JSON形式に変換したりしてから、localStorage.get...

VueRouterの使い方

最近学習したVueRouterの個人的まとめ。 VueRouter プラグインの使い方 import VueRouter from 'vue-router' Vue.use(VueRouter) histor...

javascriptで配列の中のオブジェクトを探す方法

備忘録に書き留めておきます。 find(一つ) const students = [ { name: 'bruno', age: '21' }, { name: 'michael', age: '2...

Vue.js + firestoreでCRUD操作を実現

firestoreでのCRUD操作をまとめます。事前にfirestoreでコレクション(=テーブルみたいなもの)を作成しておいてください。 firebaseをインストール 「project overview」→「アプリを追加」...

ES6の様々な新しい書き方

最近知った、ES6の新しい書き方をまとめます。 セミコロンがいらない セミコロンを付けなくてもちゃんと動作する。ただし以下のような場合だけエラーが出る。 const a = 42 ["a", "b"].forEac...

Vue.jsのフィルターとミックスイン

フィルターとミックスイン フィルター フィルターはテキストをフォーマットするためのものcomputed は引数を取れないthis は使えない // グローバル登録 Vue.filter('upperCase', val...

Vue.jsでフォーム要素を簡単に作る

v-modelを使って作る。v-modelにはいろいろオプション的なものが付けられて、以下のようなものがある。 v-model.lazy フォーカスが外れたときに反映させる v-model.number 数字にする ...

アロー関数の短い書き方

JavaScriptのアロー関数について。 const addCharge = (bill) => { return bill * 1.1; }; 引数が一つの場合は括弧を省略できて、一文で書ける。文...