JavaScript

【jQuery】絶対パスでもスムーススクロールする方法

今回はスムーススクロールを絶対パスでも処理できるようにする方法を解説します。 よく見かける方法だと「#」で始まっている内部リンクしか処...
CSS

【CSS】flexの子要素をheight: 100%;にしつつalign-items: center;にしたい場合のやり方

display: flex;とalign-items: center;を指定すると子要素は縦に揃いますが、height: 100%;を指定し...
JavaScript

郵便番号から住所を自動で入力!ajaxzip3の使い方!

今回は郵便番号を入力しただけで住所を自動で入力してくれるライブラリ「ajaxzip3」の使い方を解説します。 ajaxzip3を読...
WordPress

【Contact Form 7/MW WP Form】メールが届かない時の対処法

今回はContact Form 7やMW WP Formでお問い合わせメールが届かない時の対処法を解説します。 普通メールはちゃんと届...
環境構築

【一発】MAMPでPHPがなかなか更新されないときの対処法

今回はMAMP環境のPHPがなかなか更新されない場合に一発で直す超絶簡単な方法を紹介します。 MAMPのPHPがなかなか更新されな...
CSS

【CSS】transitionでプロパティを複数指定したいときの書き方

今回はtransitionでプロパティ(transition-property)を複数指定したいときの書き方を解説します。 tra...
JavaScript

SafariでブラウザバックするとJSなどが解除されていない問題【bfcache】

ある日仕事でWebサイトを作っていたのですが、iPhone実機のiOS Safariでハンバーガーメニューのリンクからページ遷移した後ブラウ...
CSS

【CSS】テキストの両端を超簡単に揃える方法

今回はテキストの両端を揃える方法を紹介します。超簡単です。 テキストの両端を揃える方法 CSSにはテキストの両端を揃えるtext...
JavaScript

【超簡単】slickで各スライドの要素の高さを合わせる方法

今回はslickで各スライドの要素の高さを合わせる方法を解説します。 テキストの量にばらつきがあるスライドだとこんな感じで高さが不揃い...
JavaScript

【jQuery】上にスクロールした時に表示されるヘッダーの作り方

今回はjQueryで上にスクロールした時に表示されるヘッダーの作り方を解説します。 デモ 実際の動きはこんな感じです。下にスクロ...
JavaScript

【超図解】jQueryでスクロール時に要素をフェードインさせる方法

今回はjQueryでスクロール時に要素を下からふわっとフェードインさせる方法を初心者でもわかりやすいように図解で説明します。 デモ...
JavaScript

【jQuery】ヘッダー固定時に別ページへのアンカーリンクがずれる時の対処法

今回はヘッダーにposition: fixedを指定している場合に別ページからアンカーリンクに遷移するとヘッダーの高さ分ずれてしまうアレの対...
JavaScript

jQueryでリアルタイム数字バリデーション機能を作る

今回はjQueryで入力値が数字かどうかをリアルタイムでチェックし、数字じゃない場合は弾くというリアルタイム数字バリデーション機能の作り方を...
WordPress

WordPressをルートディレクトリへ移動する方法

あるフォルダを作ってその中にWordPressをインストールしてしまうと、そのディレクトリ名がそのままURLに表示されてしまってなんとなく微...
WordPress

【WordPress】カスタムフィールドの値が出力できない時の対処法4つ

今回はWordPressのカスタムフィールドがなぜか出力されない場合に考えられる原因と対処法を解説します。 対処法1.記事を更新す...
WordPress

【WordPress】query_posts()を使わずに検索結果ページのみ表示件数を変える方法

今回はWordPressの検索結果ページのみ表示件数を変える方法を解説します。 query_posts()は非推奨 色んな人が何...
JavaScript

JavaScriptのCookieを使ってアクセス回数をカウントする方法

今回はJavaScriptのCookie(クッキー)を使ってアクセス回数をカウントする方法を紹介します。 Cookieでアクセス回...
JavaScript

JavaScriptのCookieを使って初回アクセスかどうかチェックする方法

今回はJavaScriptのCookie(クッキー)を使ってサイト訪問時に初回アクセスかどうかを判定する方法を解説します。 Coo...
CSS

【CSS】flexboxの子要素を均等幅にする方法

今回はflexbox内の子要素をコンテンツ量に関わらず均等幅にする方法を紹介します。 flexboxの子要素を均等幅にする方法 ...
JavaScript

JavaScriptのsort関数の使い方を絶対わかるまで解説する

JavaScriptで数字を並び替えしたい時があってsort関数を使う機会があったのですが、どういう原理で並び替えをしているのかイマイチよく...