Web制作 【JavaScript】いろいろな月末/月初・年末/年始の日付を取得する
JavaScriptで、任意の日付を起点として色々な月末・月初や年末・年始の日付を取得する方法です。起点とする日付を指定// 今日を起点にする場合const date = new Date();// 任意の日付を起点にする場合const d...
Web制作
Web制作 
Web制作 【CSS】クラス名やid名を前方一致・後方一致・部分一致で指定する
前方一致前方一致の場合はのように指定します。 { display: none;} { display: none;}部分一致部分一致の場合はのように指定します。 { display: none;} { display: none;}後方一致...
Web制作 【JavaScript】Dateオブジェクトで現在の年月日を取得したいが時刻はいらない場合
Dateオブジェクトで今日の年と日付を取得したいが、時刻は00:00:00にしておきたいときの処理です。new Date(new Date().toDateString());new Date()で現在の日時を取得し、それをtoDateSt...
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 成...