Web制作

Web制作

【MW WP Form】ラジオボタンの選択内容によって送信先メールアドレスを変える

WordPressのプラグイン「MW WP Form」を使用したフォームで、選択内容によって送信先メールアドレスを振り分ける方法です。
Web制作

.htaccessでリダイレクトをかける際、アンカーリンクの#がエンコードされてしまう

#はエンコードされてしまうので、そのままだと正しい位置にリダイレクトできません。エンコードを避けるには、書き換えるルールにNEフラグを追加します。
Web制作

【SASS】文字列を置換する

SASSで文字列の置換をしたい場合、SASSには文字列の置換に関する関数が存在しないため次のような関数を自分で定義して代用します。
Web制作

【CSS】モーダルウインドウ実装時に後ろの要素がスクロールするのを防ぐ (スクロール連鎖防止)

モーダルウインドウなどposition: fixedでスクロール可能な要素を固定して配置した場合、要素の下部の境界に到達するとブラウザは次にbody要素をスクロールし始めてしまいます。 「overscroll-behavior」にcontainまたはnoneを指定することで、スクロール連鎖を止める事ができます。
Web制作

JavaScriptでスクロールを監視するならIntersection Observerが便利

Intersection Observerは、特定の領域を監視して、監視対象の要素がその領域に交差したかどうかを検知します。デフォルトでは、viewport(見えている範囲)とある要素が交差した場合に、何かを実行します。
Web制作

SNS(ソーシャルメディア)公式ロゴアイコン配布ページまとめ

いちいち探すのが面倒なのでよく使うものだけをまとめました。使用にあたっては事前にガイドラインをご確認ください。
Web制作

JavaScriptの同期通信でPHPとJSONデータをやりとりする

PHPから返ってきた結果ををreturnしたいときなど、どうしても非同期ではなく同期通信でやりたいとき用です。下記のようにXMLHttpRequestのrequest.openの第三引数をfalseにすることで同期通信が可能です。
Web制作

サブディレクトリ配下をドキュメントルートとして読むように設定する

サブディレクトリ自身をドキュメントルートとして使用できるよう設定し、テスト→本番へそのままファイルをアップすることができるようにしていきます。
Web制作

【JavaScript】フォームの要素を取得する際、要素名に変数を設定する

関数化したい場合などでname属性の部分に変数を設定したいときは.(ドット)を無くし[]の中に変数を設定することで要素を取得することができます。
Web制作

【JavaScript/PHP】生年月日から年齢を計算する

現在の日付から生年月日を引いて、1万で割ると年齢を計算することができます。 それぞれ、19900401の部分に生年月日を設定します。