はにわまん
WindowsからMacに変更したときに覚えておきたいショートカットと設定
Windowsを10年くらいメインに使ってきたのですが、Macを知らないままWindows使い続けるの損してるかもしれない…と思いMacBook Proに買い換えてみました。 （ガチで使っ…
はにわまん 
画像上の任意の場所をクリックできる「クリッカブルマップ」の使い方
Webサイト上に配置した画像内の任意の場所をクリックできるようにするコーディング方法の紹介です。 「クリッカブルマップ」あるいは「イメージマップ」と呼ばれたりしていて、特別な実装方法ではなくHTMLが…
途中からヘッダー固定にする方法！画面上部までスクロールされたら固定する
途中からヘッダー固定にする方法の紹介です。 スクロールしてグローバルメニューが画面の上部に達した時に固定するという動きを実装していきます。 実際の動きとしてはこんな感じです。 途中からヘッダー固定にす…
公式のSNSボタンをWordPressで設置する方法【Twitter,Facebook,Line等】
TwitterやFacebook、Lineなどの公式が提供しているSNSボタンを設置する方法を紹介していきます。 ※ 本記事は2019年3月29日現在の情報です。公式の仕様変更などでコードや使い方が変…
EJSの使い方！静的なHTMLサイトで「共通パーツ」と「変数」を使おう
EJS（イージェーエス）はテンプレートエンジン呼ばれるNode.jsのパッケージの１つです。JavaScriptとHTMLを混ぜた感じでHTMLサイトが作れることをイメージしてもらえたらと思います。 …
WordPressカスタマイズ案件での失敗3つと配慮したいこと1つ
これまで約300件のWordPress案件を対応してきました。そのほとんどが既存テーマを書き換える「カスタマイズ」案件です。ビビリなので石橋を叩きつつ対応するのですが、失敗がゼロというわけにはいきませ…
Font AwesomeをPCにインストールしてデザインカンプにコピペで使おう
Font AwesomeをPCにインストールしておくと、XDやPhotoshopなどのデザインカンプにコピペで使うことができるようになります。 一般的に画像で作られていることが多いですが、個人的にFo…
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のインストール…