スロット スロットは親から子コンポーネントにテンプレートの一部を差し込む機能で コンテンツやテンプレートの一部をカスタマイズする際に使用する。 デフォルトスロット HTML <parent>埋め込みたいもの</parent> HTML <div class="child"> <slot>埋め込まれる場所</slot> ->このまま実装すると[埋め込みたい</div>…

親子関係(親子コンポーネント) テンプレートで他のコンポーネントを使用すると親子関係になる。 propsとカスタムイベントを使用する。 親コンポーネント→子コンポーネント データバインディングで親のデータを子コンポーネントが使用できる。 props downとい…

コンポーネント テンプレート(html)とJavaScriptをセットにして、 機能ごとに分割して管理できるようにする仕組み。 例:headerのセット,mainのセットとして最終的に組み合わせる。 コンポーネントの定義 Vue.componentメソッドでグローバルに登録しすべての…

算出プロパティ 算出プロパティとは処理を含めることができるデータのこと。 ゲッター(取得) セッター(代入) 算出プロパティへの代入を行う場合エラーになる。 しかし、getで値を取得し、setでプロパティに代入することで対応できる。 キャッシュ機能 算出プ…

リアクティブシステム リアクティブシステムとは Vueの内部の核となるシステムで 同期や最適化などを行う。 データバインディングはその機能の内の1つである。 リアクティブシステム中のデータをリアクティブデータという。 クラスのデータバインディング HT…

用語 データバインディング データと描画を同期させる。 コンポーネント 機能ごとに分離して開発できるようにする仕組み。 ディレクティブ (v-で始まる) データ用オブジェクトのプロパティ フック あらかじめ決めたタイミングで処理を行わせること。 <div v-○○:○○></div> 参考に…

更新 新しく更新しました。 こちらの方がいいかもしれないです。 taitoajiki.hatenablog.com 前提 OSに合わせてnpmのインストールが必要 vue-cliインストール 開発環境をセットアップなどをする公式のコマンドラインツール npm install -g vue-cli Webpack W…

Kubernetesは Google社が開発したコンテナオーケストレーションシステム。 Compose/Stack/Swarm/を統合して、もっと高度に管理できる。 Nodeとは Kubernetesクラスタ内でコンテナを配置するためのサーバで、 マシンのスペックによってコンテナの数は変わる。…

永続化データ 新しいバージョンのコンテナがデプロイされても以前のバージョンのコンテナで利用していた ファイル・ディレクトリをそのまま継続して利用できるためにData Volumeが利用される。 Data Volume コンテナ内のディレクトリをディスクに永続化する…

基礎 docker-composeとは 複数のコンテナ実行を一括で管理できる。 ファイルはyaml形式で設定。 記法 versionはファイルフォーマットのバージョン。 service要素下の定義はコンテナの名前の定義であり、さらにその一つ下の階層が実行するコンテナの定義。 im…

基礎 Dockerコンテナ dockerイメージから作成された、システムとアプリケーションが実行されている状態。 基本コマンド Dockerコンテナ実行コマンド docker container run -d イメージ名:タグ名 -dがバックグラウンドで実行。 出力される文字列は実行時のコ…

基本 dockerイメージ dockerコンテナの構成を設定したもので、コンテナの作成の基になる。 dockerコンテナ dockerイメージから作成された、システムとアプリケーションが実行されている状態。 docker image pull イメージ名:タグ でイメージを取得できる。 …

まずdockerの使う意味について 開発中はライブラリやファイルの設定をしていますよね？ それでデプロイするときにファイルの修正とかするのめんどくさいから、 開発中からサーバーの環境を再現するためのもの。 dockerってどんな技術？ dockerは、Linuxのコ…