Next.js + TypeScriptのプロジェクトを作成する
今回は、Next.js + TypeScriptでプロジェクトを作成する方法をメモ代わりに書いていきます。前提Node.jsはインストール済みで、npmコマンドが使えるのが前提で進めていきます。Nex...
- JavaScript
WordPressでショートコードを自作する方法
今回は、WordPressのショートコードを自作する方法を紹介します。ショートコードにはいくつか使い方があるので、パターン別に解説していきます。単体のショートコード終了タグがない単体で使うタイプのショ...
- PHP
Gitで既存のフォルダにプロジェクトをcloneする
今回は、Gitで既存のフォルダにプロジェクトをcloneする方法を紹介します。フォルダが空の場合とすでにファイルなどがある場合の2つのパターンを紹介します。プロジェクトのURLを取得githubのcl...
- ツール
WordPressでTwitterとInstagramの埋め込みを遅延読み込みさせる方法
TwitterとInstagramの読み込みは、サイト表示速度を低下させます。これらの埋め込みがあるとPageSpeed Insightsで減点されてしまいます。TwitterとInstagramの読...
- JavaScript
WordPressで記事中の見出し前にアドセンスを自動で挿入
今回は、WordPressで記事の見出し前にアドセンスを自動で挿入する方法を紹介します。この記事で紹介するコードでは、以下の設定をすることが可能です。どの見出しを含めるか（h2、h3、h4...）を設...
- PHP
HTML CollectionとNodeListの違い【JavaScript】
HTML CollectionとNodeListはともに配列風のオブジェクトですが、挙動が若干異なります。今回は、HTML CollectionとNodeListの違いについて解説していきます。HTM...
- JavaScript
WebデザイナーにおすすめのPCは？スペックやOSについて解説
今回は、WebデザイナーにおすすめのPCのスペックやOSについて解説していきます。Webデザインをこれから始める方、PCを買い換えたいという現役Webデザイナーの方におすすめの内容です。ぜひPC選びの...
- Web Design
【Mac】Local by FlywheelでWordPress開発環境を構築する方法と使い方
今回は、「Local by Flywheel」の導入方法と使い方を解説していきます。「Local by Flywheel」は手軽にWordPress開発環境を構築できて便利です。MAMPやXAMPPに...
- WordPress
【画像軽量化】WordPressで画像を軽くする方法やプラグインの紹介
サイトの表示速度が遅くなる原因のほとんどが画像です。画像を最適化することは、サイトの表示速度を速くするのにとても有効です。以下の方法で画像を軽くすることができます。画像サイズを最適化JPEGで保存する...
- WordPress
WordPressのセキュリティを強化できるプラグイン「All In One WP Security」の使い方
WordPressは利用者が多い分、悪意のある第三者にハッキングされる危険性があります。何も対策を行わないと、サイト改ざんなどの被害にあってしまう可能性があります。ということで今回は、WordPres...
- WordPress