Web制作 【CSS】flexboxでflexコンテナからflexアイテムがはみ出る場合の対策
display; flex;を指定した際、flexコンテナ（親要素）からflexアイテム（子要素）がはみ出てしまうときは、flexアイテムに対してそれぞれ下記の指定をしてあげます。flex-direction: row; の場合Flexアイ...
Web制作 
Web制作 サイトを閉鎖する場合の設定
index.phpを作成サイトが閉鎖したことをお知らせするページを作ります。また、ステータス410（Gone）を返すようにphpで設定し、サイトが削除されたことを通知します。ウェブサイトやページを削除すると、それ以後のアクセスに対しては自動...
Web制作 【JavaScript】いろいろな月末/月初・年末/年始の日付を取得する
JavaScriptで、任意の日付を起点として色々な月末・月初や年末・年始の日付を取得する方法です。起点とする日付を指定// 今日を起点にする場合const date = new Date();// 任意の日付を起点にする場合const d...
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でソートする...
業務効率化 オンラインでコードの差分を比較できるサイト「Diffchecker」
コードの差分を比較する場合、オンラインツールでも簡単に比較することができます。Diffcheckerというツールなら、エディタにプラグインやアドオンが入っていない場合でもブラウザから手軽に実行できます。Diffcheckerファイルをアップ...
サーバー・ドメイン ドメイン【ed.jp】で取得が可能な組織種別
ed.jpドメインで取得可能な組織種別の一覧は以下の通りです。組織種別登録組織における代表者の肩書各種学校(主に18歳未満を対象とするもの)校長 理事長 学校法人(.ed.jpドメイン取得可能な組織を複数設置しているもの) 理事 理事長 公...
業務効率化 画質を落とさずに画像ファイルを軽量化できるサイト「TinyPNG」
jpgファイルやpngファイルは画質を落とさずに今よりもっと軽量化することができます。ファイルによっては80％以上も軽量化できることがあるので、ウェブサイトにアップする画像などは事前に軽量化してあげましょう。「TinyPNG」というオンライ...
Web制作 色々なrobots.txt の書き方サンプル
robots.txtファイルは、クローラーにサイトのどのファイルへのアクセスを許可するか、管理できるファイルです。基本的なルールファイル名は「robots.txt」にする必要があります。各サイトに配置できるrobots.txtファイルは1つ...