HTML

pugでmeta情報などをjsonで外部ファイル化して読み込む方法

pugでWeb制作をしていて、 「ページごとのmeta情報をjsonなどで外部ファイル化して一元管理したい」 「できれば各ファイ...
環境構築

【コピペでOK!】gulpで画像を自動圧縮するimageminの使い方

gulp環境ではgulp-imageminというパッケージを使うことで画像を圧縮できるようになります。 gulp-imageminは、 ...
環境構築

gulp-html-beautifyでコンパイル後のHTMLを綺麗に整形する方法

今回は「gulp環境でpugやejsをコンパイルした後のHTMLを綺麗に整形したい!」という人に向けて、gulp-html-beautify...
環境構築

.editorconfigの書き方!全員のコードに一定のルールを適用する!

.editorconfigは複数人でコードを書く際、使うエディターやその人のクセによってコーディングのスタイルがバラバラになるのを防ぐファイ...
環境構築

【gulp】imageminのSyntaxError: Invalid regular expression: /^.*?\((?<label>.*?)[,)]/: Invalid groupエラーを解決する

gulpで環境構築をしていて画像を自動圧縮したかったので「gulp-imagemin」を入れたところ、こんなエラーが出ました。 /User...
WordPress

【超厳選】オススメのWordPressの有料テーマ5選!理由も解説

とりあえずWordPressを入れたけど、テーマをどうすればいいのかわからない... 有料テーマを導入しようと思っているが...
ソフト/ツール

【超簡単】さくらのレンタルサーバーでメールアドレスを作る+Gmailに転送・送信する方法

今回はさくらのレンタルサーバーで独自ドメインのメールアドレスを作る方法と、受信したメールをGmailに転送し、Gmailから送信できるように...
フリーランス

【フリーランス】独自ドメインのメールアドレスの作り方を超丁寧に解説

フリーランスになったらオリジナルのメールアドレスを持っておきたいですよね。しかし作り方がわからないという人も多いはず... というわけ...
JavaScript

jQueryで特定の行数以上のテキストを「続きを読む」で表示する方法

今回はjQueryで特定の行数以上になったらテキストをトリミングし、「続きを読む」をクリックしたら全文表示させる方法を紹介します。 文...
PHP

PHPで\nを使っても改行されない時の原因と対処法

PHPで改行するには\nを使いますが、ブラウザで表示されると改行されない現象で詰まってました。 // 改行されない... echo "こ...
CSS

CSSのbackground-positionで右や下から基準で指定する方法

今回は上の画像のように配置したいときに、background-positionを右や下から基準で指定する方法を紹介します。 bac...
ソフト/ツール

サーバー移行の手順を丁寧に解説します【独自ドメインはそのまま】

今回は独自ドメインはそのまま引き継ぎつつ、サーバーのみ別のものに移行する手順を初心者でもわかりやすく解説します。 サーバー移行は正直怖...
ソフト/ツール

【超簡単】ロリポップでメールアドレスを作る+Gmailに転送・送信する方法

今回はロリポップのサーバーで独自ドメインのメールアドレスを作る方法と、メールをGmailに転送する設定のやり方を紹介します。 Gmai...
CSS

CSSだけで背景画像を暗くしたりimg画像を暗くする方法!

今回はCSSのbackground-imageを使って表示した背景画像や、<img>タグを使って表示した画像を暗くする方法を紹介...
ソフト/ツール

【超簡単】ロリポップのサブドメインにWordPressをインストールする方法

今回はロリポップサーバーのサブドメインにWordPressをインストールする方法を解説します。 やることは超簡単で、ボタンをポチポチし...
ブログ運営

【決定版】本当に使える!おすすめのフリー素材サイト12選!

今回は「おすすめのフリー素材サイトを教えて欲しい!」という人に向けて、僕が激推しする無料のおすすめフリー素材サイトを12個紹介します! ...
WordPress

WordPressで記事のカテゴリーを追加・編集する方法をわかりやすく解説

今回はWordPressで記事をカテゴリー分けする方法と、カテゴリーの編集方法について解説します。 本記事で解説するのは ...
JavaScript

【React】react-routerでリロードするとページが表示されないエラーの対処法

今回はreact-routerの遷移先のURLでリロードするとページが表示されないエラーや、ブラウザの戻る・進むボタンを使うとページが表示さ...
JavaScript

【React】react-routerの使い方を丁寧に解説

今回はReact初心者に向けてreact-routerを使ったルーティング(ページ遷移)のやり方を解説します。 react-rou...
ブログ運営

【図解】はてなブログを解約する方法と注意点を丁寧に解説

今回は「はてなブログproを解約したい」という人に向けて、解約の仕方を解説します。 また、解約するにあたって 解約までの...