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を使っている前提で話を進めていく。 動的なコンポーネントの記述方法 動的にコンポーネントを切り替えるために、複数コンポーネントを用意しておく。 そし...
JavaScript

【コンソールエラーの原因】front.js:8 Uncaught ReferenceError: browser is not defined at HTMLDocument.

Google Chromeのデバッグコンソールに以下のようなエラーが出た。 front.js:8 Uncaught ReferenceError: browser is not defined at HTMLDocument.&lt...
JavaScript

JavaScript(ES2015)アロー関数の省略の書き方とthisの束縛について

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

【初心者向け】Nuxt.jsでのVuexのクラシックモードとモジュールモードについて

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