TwitterやFacebook、Lineなどの公式が提供しているSNSボタンを設置する方法を紹介していきます。 ※ 本記事は2019年3月29日現在の情報です。公式の仕様変更などでコードや使い方が変わっている可能性があ […]
ブログ
EJSの使い方！静的なHTMLサイトで「共通パーツ」と「変数」を使おう
EJS（イージェーエス）はテンプレートエンジン呼ばれるNode.jsのパッケージの１つです。JavaScriptとHTMLを混ぜた感じでHTMLサイトが作れることをイメージしてもらえたらと思います。 1番のメリットとして […]
WordPressカスタマイズ案件での失敗3つと配慮したいこと1つ
これまで約300件のWordPress案件を対応してきました。そのほとんどが既存テーマを書き換える「カスタマイズ」案件です。ビビリなので石橋を叩きつつ対応するのですが、失敗がゼロというわけにはいきませんでした。 数多くの […]
Font AwesomeをPCにインストールしてデザインカンプにコピペで使おう
Font AwesomeをPCにインストールしておくと、XDやPhotoshopなどのデザインカンプにコピペで使うことができるようになります。 一般的に画像で作られていることが多いですが、個人的にFont Awesome […]
WordPressのお問い合わせフォームで郵便番号から住所を自動で入力
WordPressのお問い合わせフォームで郵便番号から住所を自動で入力できるようにする方法です。 対象のお問い合わせフォームとして、「Contact Form 7」と「MW WP Form」で作ってみました。住所の自動入 […]
VSCode内でテキスト比較（diff）する3つの方法
VScodeのテキスト比較（diff）する3つの方法の紹介を紹介します。 1つ目はVSCodeで標準に備わっているテキスト比較の使い方で実用的ではないかもしれませんが、操作方法だけでも覚えておくと後から役立つかもしれませ […]
WordPressの記事内コンテンツを一括置換できる「Search Regex」
WordPressの記事内コンテンツを一括置換できるプラグイン「Search Regex」の紹介です。 個人的には主にURLの置換で使うことが多いかと思います。 Search Regexのインストール プラグイン → 新 […]
EditorConfigの使い方！テキストエディタ側にコーディングルールを守らせよう
EditorConfigはテキストエディタで標準で利用するタブ数やインデントをタブにするかスペースにするか、改行コードをどうするか、みたいなことを定義できるツールです。 多くのテキストエディタ（を拡張すること）でサポート […]
Web APIで最安値を取得できる物販系サービス3選と使い方（PHP）
物販系で使えるWeb APIのサービスを3つ紹介します。Amazon、楽天、Yahoo!の3つですね。 思い返せばわたしがインターネット経由で初めてお仕事をいただいたのが、「Web APIを使って物販ツールを作って欲しい […]
どっち使う？WordPressの2大お問い合わせプラグインの5つの検討項目
WordPressには2台巨塔のお問い合わせフォームプラグインがあります。 Contact Form 7 MW WP Form いつもお世話になりっぱなしで、開発者の方には足を向けて寝ることはできません…。本 […]
Basic認証の設定方法！「.htaccess」と「.htpasswd」の2ファイルを作成する
Basic認証の設定方法の紹介です。 Basic認証とは、サイトにアクセスした時に以下のようなポップアップが表示されて、閲覧できるユーザーを制限できる簡易的な仕組みなります。 公開前のサイトなどのまだ不特定多数からアクセ […]
WordPressで目次を自動生成できる「Table of Contents Plus」プラグインの使い方
WordPressの記事中に目次を自動作成してくれるプラグイン「Table of Contents Plus」の紹介です。 目次があれば、読み手にとって優しいサイトになるだけでなく、Googleの検索結果にサイトリンクが […]
公開されているサイトの規模感を把握する2つの方法（ツール）
「〇〇の公開されているサイトをフルリニューアルしたい」 「〇〇の公開されているサイトをWordPress化したい」 「〇〇の公開されているサイトをレスポンシブ化したい」 「〇〇の公開されているサイトを引っ越ししたい」 み […]
ファイルやフォルダを整理整頓する5つの管理術
フォルダ（ファイル）の整理する方法をまとめてみました。 安易にデスクトップに作らないことと、一時的に作った用済みファイルは削除することが優先順位が高めで大事なことかもしれないなって思いました。 ファイル、フォルダ管理術 […]
誰でも簡単！GitHubで管理するためのSourcetreeの最低限の使い方
GitHubとのやり取りをコマンドではなく、ボタンなどの操作で直感的に操作できるのがSourcetreeというツールです。 ターミナルなどの黒い画面が苦手な方でも、Sourcetreeを入れておけば簡単にGitの操作、お […]
コーダーがPhotoshopで最低限に覚えておきたい画像加工スキル
Photoshopがゴリゴリで使える必要はありませんが、最低限でも使えるとコーディングでちょっとだけ楽になったりします。 わたしがよく使う5つの項目と使い方をまとめたので、「Photoshopの画像加工ってどこから勉強す […]
コーダーはWindowsとMacのどちらがおすすめか？結論 → 慣れてる方
今はWindowsをメインに使っていますが、実はMacも持っていて1年ほどは使っていた時期がありました。 コーダーをメインの仕事としているわたしですが、特に不便はしていません。MacがダメでWindowsを使っているとい […]
動画をヒーローイメージのように画面いっぱいに背景表示させるCSS
背景に動画を使うための方法を紹介していきます。厳密には背景は画像しか指定できないので、「背景っぽく」CSSで表現するって感じですね。 この記事ではファーストビューの画面いっぱいに動画を表示させるための書き方を紹介していき […]