環境

Gulpは、いろんな作業を自動化してくれるツールです。 CSSやHTMLを保存したらブラウザ側も自動的にリロード Sassが保存されたタイミングで自動コンパイル CSSにベンダープレフィックスを自動で付与 CSS、Jav […]

Webコーダーのわたしが普段利用しているVSCodeでの「設定」と「ショートカット」、「拡張機能」についてまとめました。 使ってないものがあれば積極的に取り入れていきましょう！ 画面レイアウトの基本 個人的に基本としてい […]

インターネット上のWebサイトをスクレイピングしてSEOに必要な要素をピックアップしてまとめてくれるツールです。 正式名称は「Screaming Frog SEO Spider Tool & Website Cr […]

VSCodeでは各拡張子ごとにスニペットを登録しておくことが可能です。スニペットとは、単語登録のように、何かの文字をキーにコード一式を登録しておいて、簡単に使い回しできる機能のことです。 プログラミングをしていると、「こ […]

サイトで使われている画像を一括でダウンロードする方法です。 運営している無料ブログから自分の画像を取得したいときに重宝するかと思います。 「Screaming Frog SEO Spider」でサイトの全ページ情報を取得 […]

display: block;の15文字をdbの2文字で入力できるようになるのがEmmetです。 1日中コーディングしているわたしにとってこの1回の差は大きく、100回入力したときには1,300文字分の差が生まれているわ […]

「Local by Flywheel」が凄すぎました。 WordPressの開発環境を作るのが地味に面倒で面倒だったのですが、「Local by Flywheel」を使えば、以下の作業をボタンひとつで出来ちゃいます！ ロ […]

WindowsでGulpコマンドを使えるようになるまでの手順です。 順番さえ覚えておけば、数分で終わります！ gulpインストールまでの流れ ざっくりと流れは以下のとおりです。 Node.jsのインストール npmのイン […]

VSCodeにWordPressでの構築が捗るであろう、あれこれを入れていきます。チェック機能が多めです。 個人的には、Sublime Textより使いやすいエディタです。（日本人に優しい気がする） おすすめの拡張機能 […]

WordPressでテーマやプラグインを開発している人なら必須な「WordPress-Coding-Standards」をWindowsに導入する方法について紹介していきます。 いざ実行するとエラー出まくりで、めちゃくち […]

Git for Windowsのインストールの流れと初期設定までを紹介していきます。 Git for Windowsのインストール では早速、Git for Windowsをインストールしていきましょう！ → Git f […]

Font Awesome 5 になり、使い方が大きく変わりました。今回は、Font Awesome 5の使い方を解説していきたいと思います。 Font Awesome 5 は2種類の使い方がある Font Awesome […]

Webサイトの世界の数字は、わたしたちが生活するリアルな数字とは異なります。 例えば、Webサイト上で「○センチ以上で表現したい」という要望に対しては、「すべてのディスプレイで等しく表現することは不可能です」という回答に […]

Windowsに導入しておくと仕事が捗るソフトを紹介します。 Web屋の自分がよく利用しているもので、「これがないと仕事にならない！」というレベルのものばかりを集めました。同業種で使ってないものがあればぜひ試してみてくだ […]

コーダーとかWebデザイナーとかフロントエンドエンジニアとか言葉の定義は様々ですが、WordPressを扱ってサイト運営する人はフロントエンドエンジニアに属するだろうということで、フロントエンドエンジニアにおすすめなCh […]

XAMPPというおそらく最も簡単に利用できるPHP・MySQL開発環境を使って、WorPressをローカル環境にインストールしちゃいましょう！ いろいろテストできて何かと捗りますよ。 XAMPPをインストール まずはXA […]

コードの動作確認したいときに、ローカルサーバー立ち上げて、jQueryインストールして、コード書いて、、、なんて無駄なことしませんか？ jsFiddleというWebサービスを使えば、サクッと簡単に確認できちゃいます。 さ […]

WindowsにComposerをインストールする手順について紹介していきます。 XAMPPをインストール まずは、XAMPPをインストールしていきます。XAMPPはWindowsでPHPやMySQLを使えるようになるツ […]