XAMPPで複数のローカルサイトを「作成・管理」する方法 公開日:2021年3月19日 開発環境 XAMPPを使ってローカル環境上にサイトを構築するには「htdocs」フォルダ配下にファイルを置く必要があります。 「C:\xampp\htdocs」直下に置いた「index.html」は、下記のURLでア […] 続きを読む
MAMP(無料版)で複数サイトを構築する方法 公開日:2021年3月5日 開発環境 MAMP(無料版)では、基本的に1つのローカルホストしか構築できないのですが、 設定ファイルをいじる事によって複数のローカルホストを作れます。 以下の目次に沿って説明していきます。   […] 続きを読む
nodistの使い方を説明します 【Node.jsのバージョン管理】 更新日:2020年6月16日 公開日:2020年1月3日 開発環境 nodistとは何か? Windows環境でNode.jsのバージョンを管理するツールのことです。 Windows上でNode.jsのいろんなバージョンを使い分けたい場合。 通常なら今使ってい […] 続きを読む
Visual Studio Codeのメッセージ「php実行可能ファイルが設定されていない」の解決方法 更新日:2020年6月16日 公開日:2019年12月19日 開発環境 PHP 実行可能ファイルが設定されていないため、検証できません。設定’php.validate.executablePath’を使用して PHP 実行可能ファイルを構成してください。 &nbs […] 続きを読む
Bootstrap4のブレイクポイントを変更する手順(Gulpで再コンパイル) 更新日:2020年6月16日 公開日:2019年2月21日 CSS開発環境 Bootstrap4のブレイクポイントを変更する手順を記載していきます。 大まかな手順 Bootstrap4のソースをダウンロード Sassファイルのブレイクポイントを編集 Gulpを使ってb […] 続きを読む
【SASS】メディアクエリをまとめるプラグイン「mqpacker」の使い方【gulp】【PostCSS】 更新日:2020年6月16日 公開日:2018年12月21日 CSS開発環境 SASSを書いていると、どうしてもメディアクエリを細切れに記述する事になります。 細切れのままCSSにコンパイルするのはサイトの読み込み速度に悪影響ですし、何より可読性が悪くなるので、メディアクエリ毎にまとめる必要があり […] 続きを読む
Windowsにgulpを導入してsassをコンパイルするまでの手順 更新日:2020年6月16日 公開日:2018年11月27日 CSS開発環境 Windowsにgulpを導入してsassファイルをコンパイルするには、 大きく分けて3つの手順が必要になります。 【手順1】 作業するパソコンにNode.jsとgulpをインストールする & […] 続きを読む
Local by Flywheelの導入手順と使い方【WordPressローカル環境】 公開日:2018年11月6日 Wordpress開発環境 WordPressローカル環境である「Local by Flywheel」について 以下の順番で説明していきます。 「Local by Flywheel」の特徴 「Local by Flywheel」のイン […] 続きを読む
BracketsでjQueryを書くと「’$’ is not defined」エラー【対処方法】 更新日:2020年6月16日 公開日:2018年7月31日 開発環境 BracketsでjQueryの構文を書くと何故かエラーが大量に出ます。 エラー箇所にマウスを重ねてみると、 ERROR: ‘$’ is n […] 続きを読む
WindowsにSassを導入する手順【インストール】と【コンパイル】 更新日:2020年6月16日 公開日:2018年7月23日 開発環境 Windowsにsassを導入する為には、 事前にrubyがインストールされている必要があります。 以下の手順で説明していきます。 ① rubyをインストール ② sassをインストール ③ sassのコン […] 続きを読む
Sublime Text 3【PackageControl・日本語化】 更新日:2017年6月20日 公開日:2017年6月6日 開発環境 PackageControlをインストール Sublime Text 3 をまだインストールできていない方は、 この記事を参考にしてインストールしておいてください。 […] 続きを読む
Sublime Text 3 とは? インストール手順 更新日:2018年10月4日 公開日:2017年6月5日 開発環境 Sublime Text とは Sublime Text は、パッケージ(プラグイン)をインストールすることで 誰でも簡単にカスタマイズできるテキストエディターです。 主な機能として以下のものがあります。 […] 続きを読む
XAMPPにWordPressをインストール【テスト環境構築】 更新日:2017年6月2日 公開日:2017年6月1日 開発環境 XAMPPのインストールとWordpressのダウンロード XAMPPとWordpressを準備します。 XAMPPのインストールは 以下の記事を参考にして準備しておいてください。   […] 続きを読む
XAMPPのインストールと使い方 【自作Webページを表示する】 更新日:2018年10月3日 公開日:2017年5月27日 開発環境 XAMPPのインストール 以下の公式サイトからXAMPPをダウンロードします。 好きなPHPのバージョンを選んでダウンロードしてください。 実行するとセットアップが […] 続きを読む