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