Web制作 【JavaScript】Dateオブジェクトで現在の年月日を取得したいが時刻はいらない場合
Dateオブジェクトで今日の年と日付を取得したいが、時刻は00:00:00にしておきたいときの処理です。new Date(new Date().toDateString());new Date()で現在の日時を取得し、それをtoDateSt...
Web制作
Web制作 Web制作 【JavaScript】sort()で連想配列をソートする
sort()は、配列の要素を並び替えるメソッドです。引数を指定しない場合、配列内の各要素を文字列に変換して昇順で並び替えます。また、並び替えた新しい配列を返すのではなく対象の配列そのものを変更します。ソートの基準が1つpointでソートする...
Web制作 色々なrobots.txt の書き方サンプル
robots.txtファイルは、クローラーにサイトのどのファイルへのアクセスを許可するか、管理できるファイルです。基本的なルールファイル名は「robots.txt」にする必要があります。各サイトに配置できるrobots.txtファイルは1つ...
Web制作 PHPでcanonicalを自動生成する
canonical（カノニカル）を適切に設定することでURLを正規化することができます。しかし、手動で設定するとなると手間がかかるので、PHPで動的に出力してみます。 のようにクエリ付きのURLが正しい場合もありますが、リンク元によっては意...
Web制作 Yu Gothic UIで一部の記号が重なって見える
ウェブサイトのフォントにYu Gothic UIが適用されてしまっている場合、Microsoft Edge環境では「」、【】、『』などの記号同士や、・と「」が組み合わさった場合に文字同士が重なって見えることがあります。CSSのfont-fa...
Web制作 【Swiper】ズームしながらフェードで切り替わるスライダーを実装する
JavaScriptライブラリ「Swiper」を使って、ズームしながらフェードで切り替わるスライダーを実装します。Swiperの読み込み通常通りSwiperのCSSとJavaScriptを読み込みます。<link rel="styleshe...
Web制作 【MW WP Form】ラジオボタンの選択内容によって送信先メールアドレスを変える
WordPressのプラグイン「MW WP Form」を使用したフォームで、選択内容によって送信先メールアドレスを振り分ける方法です。管理画面ラジオボタンラジオボタンを以下のように設定します。nameやchildrenに関しては適宜変更して...
Web制作 .htaccessでリダイレクトをかける際、アンカーリンクの#がエンコードされてしまう
#はエンコードされてしまうので、そのままだと正しい位置にリダイレクトできません。エンコードを避けるには、書き換えるルールにNEフラグを追加します。ダメな例RewriteRule ^/test.html /test.html#anchor 成...
Web制作 【SASS】文字列を置換する
SASSで文字列の置換をしたい場合、SASSには文字列の置換に関する関数が存在しないため次のような関数を自分で定義して代用します。関数（SCSS）@function str-replace($substr, $newsubstr, $str...
Web制作 【CSS】モーダルウインドウ実装時に後ろの要素がスクロールするのを防ぐ （スクロール連鎖防止）
position: fixedで配置した要素の後ろの要素がスクロールしてしまうモーダルウインドウなどposition: fixedでスクロール可能な要素を固定して配置した場合、要素の下部の境界に到達するとブラウザは次にbody要素をスクロー...