当サイトは、さくらのVPS上にWordPressをのせて構築していているが、体感的に表示速度が遅かった。 WordPress高速化するのため、PHPのキャッシュ機能パッケージであるOPcacheとAPCuをインストールする。 ...

TypeScriptの方の書き方をまとめていく。 boolean型 const value: boolean; number型 const num: number; string型 const greet: string; オブジェクト型 const cat: { name: string; age: number; } = { name: "tama", age: 2, }; 配列型 const colors: string[] = ["red", "blue"]; 配列にstring型やnumber型が混在する場合はanyなどが使える。 ...

vue create <プロジェクト名>コマンドを入力すると以下のようなエラーがでた。 gyp: No Xcode or CLT version detected! XcodeあるいはCLTのバージョンがおかしいらしい。 ...

いつもはVue.jsのフレームワークであるNuxt.jsで開発を行なっているが、Vue CLIでの開発環境の構築をしてみる。 事前にNode.jsをインストールしておく。 ...

タイトル通りTypeScriptのインストールとJavaScriptのコンパイル方法をやっていく。 TyepScriptのインストール Node.jsは事前にインストールされているものとする。 ...

Nuxt.jsで開発中に以下のエラーが出てハマった。 [Vue warn]: Unknown custom element: <コンポーネント名> - did you register the component correctly? For recursive components, make sure to provide the "name" option. エラーメッセージにあるように、nameオプションで指定してもダメだった。 ...

動的なコンポーネントについて説明する。 開発環境ははVue CLIを使っている前提で話を進めていく。 動的なコンポーネントの記述方法 動的にコンポーネントを切り替えるために、複数コンポーネントを用意しておく。 ...

Google Chromeのデバッグコンソールに以下のようなエラーが出た。 front.js:8 Uncaught ReferenceError: browser is not defined at HTMLDocument.<anonymous> (front.js:8) 色々調べた結果、今回の場合はGoogle Chromeの拡張機能が原因だった。 ...

ES2015（ES6）から追加されたアロー関数だが、省略した書き方が色々あるのでまとめてみる。 アロー関数の基本形 アロー関数は基本的には、無名関数（匿名関数）の省略記法で、その名の通り=>を使って関数リテラルを定義する。 ...

Nuxt.jsで状態管理を行うライブラリであるVuexのクラシックモードとモジュールモードについて説明。 まず、新規Nuxtプロジェクトを作成 以下、コマンドでテスト用にNuxtプロジェクトを作成しておく。 ...