アーカイブ：2020年 5月
-
【Vue.js】「仮想DOM」について
05.31
仮想DOMとは？ DOMを象ったJavaScriptのオブジェクトになります。 なぜ仮想DOMを使うのか？ DOMに要素を追加したりするのは実際のブラウザに存在するDOMを操作することになるので非常にコストがかかって遅くなります。部分…
-
templateプロパティとは？ そのままタグごとHTMLのテンプレートの中に流し込む事が可能です。Vue.jsのViewの作り方の一つになります。全部丸々テンプレートを上書きしてしまう性質を持つので基本的には使わない機能にはなりますが、…
-
【Vue.js】「リアクティブシステム」の仕組み
05.31
後で追加したプロパティはリアクティブにはならない。 下記のように後でVueインスタンスにプロパティを追加することもできます。ただdataに記述していないデータの場合はVueインスタンスを直接覗いてみれば分けると思いますが、セッターとゲッタ…
-
【Vue.js】「v-for」について
05.31
v-forとは？ リスト形式にレンダリングする事ができます。 配列のv-for inを使用して取得できます。 [crayon-642886bd2106e287446024/] オブジェクトのv-for オブジェクトのvalueの…
-
キー修飾子 v-onのイベントkeydown、keyupで使える修飾子のことです。 例 例えば下記のサンプルであれば、keyupイベントに対して、「enter」という修飾子を付加することによってテキストボックスにenterキーを入力し…
-
イベント修飾子とは？ DOMイベント等で最初に行われそうな処理をまとめたもののこと。 よく使うイベント修飾子 他にも様々な修飾子があるのですがよく使われるのは下記の修飾子になります。 stop prevent s…
-
【Vue.js】「v-bind」について
05.30
v-bindとは？ タグの属性にVue.jsのデータを挿入する事ができるディレクティブです。 基本的な使い方 [crayon-642886bd2202a689299771/] 複数の属性値を並べる場合 複数の属性値を並べる場合は下…
-
【Vue.js】「v-html」について
05.30
v-htmlとは？ 画面にそのままhtmlタグを適用して出力させる事ができます。なので、v-textではできない文書内での改行の出力なんかに使われていたりします。 注意点 タグを解釈して実行させることになるので、JavaScriptコ…
-
標準入出力とは？ プログラムがデフォルトで利用するデータの標準的な入出力元のことです。あくまで標準の入出力先の話なのでそれぞれパイプ等で入出力先を指定すればコマンド間の連携を行うようにすることも可能です。 標準入力 プログラム…
-
【データベース設計】リレーションの設計
05.24
リレーションの種類 種類 説明 1:1 実務ではあまり使いません。 1:多 多:多 1：多 従テーブルに外部キーを設定する都合上、主テーブルの方から必ず先に作成…