Vue.js 【初心者向け】Vue.jsのスロットの使い方
Vue.jsのスロットの使い方をざっくり説明する。
開発にはVue CLIを使っている前提で話を進めていく。
スロットコンテンツ
スロットコンテンツでは、親コンポーネントから子コンポーネントへコンテンツを丸ごと渡しあげる...
2020-06
Vue.js Vue.js $nextTickでタイミングを遅延させて子コンポーネントにアクセスする
mountedやupdatedを使用してもでは子コンポーネントを全てをマウントしたことは保証しないため、子コンポーネントへアクセスがうまくいかない時がある。
そこ解決するために、$nextTickを使用してDOMの更新サイクル後に処...
PHP 【エラー解決】PHP: syntax error, unexpected BOOL_FALSE in /etc/php.ini
さくらのVPSにPHP7.4をインストールして使用しているが、PHPを実行するたびに以下のようなエラーを吐いていた。
php -v
PHP: syntax error, unexpected BOOL_FALSE in /etc/...
WordPress WordPress高速化、Nginx環境にOPcacheとAPCuをインストール
当サイトは、さくらのVPS上にWordPressをのせて構築していているが、体感的に表示速度が遅かった。
WordPress高速化するのため、PHPのキャッシュ機能パッケージであるOPcacheとAPCuをインストールする。
...
TypeScript TypeScriptの型まとめ
TypeScriptの方の書き方をまとめていく。
boolean型
const value: boolean;
number型
const num: number;
string型
const gree...
Vue.js Vue.jsエラー。gyp: No Xcode or CLT version detected!
vue create <プロジェクト名>コマンドを入力すると以下のようなエラーがでた。
gyp: No Xcode or CLT version detected!
XcodeあるいはCLTのバージョンがおかしいら...
Vue.js Vue.jsの開発環境Vue CLIのインストールと初期設定
いつもはVue.jsのフレームワークであるNuxt.jsで開発を行なっているが、Vue CLIでの開発環境の構築をしてみる。
事前にNode.jsをインストールしておく。
Vue CLIのインストール
コマンドラインを起...
TypeScript TypeScriptのインストールとJavaScriptへのコンパイル方法
タイトル通りTypeScriptのインストールとJavaScriptのコンパイル方法をやっていく。
TyepScriptのインストール
Node.jsは事前にインストールされているものとする。
以下のコマンドでTyepS...
Vue.js 【Nuxt.js コンポーネント間の循環参照】Unknown custom elementとなる原因と解決方法
Nuxt.jsで開発中に以下のエラーが出てハマった。
: Unknown custom element: <コンポーネント名> - did you register the component correctly? Fo...
Vue.js Vue.jsの動的なコンポーネントの使い方
動的なコンポーネントについて説明する。
開発環境ははVue CLIを使っている前提で話を進めていく。
動的なコンポーネントの記述方法
動的にコンポーネントを切り替えるために、複数コンポーネントを用意しておく。
そし...