Web制作 【エックスサーバー】無料で使えるモリサワWebフォントの書体一覧
エックスサーバーのWebフォント機能を利用することで、誰でもかんたんに美しいWebサイトを製作することが可能になります。「モリサワ」が提供する「TypeSquare」から33書体のWebフォントを無料で利用可能です。エックスサーバー明朝体ゴ...
Web制作
Web制作 
Web制作 JavaScriptのHTMLCollectionとNodeListの違い
HTMLCollectionとNodeListは、どちらもDOM（Document Object Model）を操作する際に、複数の要素を取得するためにJavaScriptで利用されるオブジェクトコレクションです。しかし、それぞれの特徴や使...
Web制作 【jQuery】slick.jsに一時停止機能をつける
slick.jsを一時停止できるようにします。最低限しか書いていないのでお好みで変更してください。HTML<div class="slider"> <div><img src="image1.jpg" alt=""></div> <div>...
Web制作 【HTML・CSS・JavaScript】aタグのリンクを無効にする
aタグのリンクを無効にしたい場合の、HTML・CSS・JavaScriptそれぞれの方法です。単にリンクを無効にしたいだけであれば、href属性を外してtabindex="-1"を付けるのが最もシンプルで、デメリットもありません。HTMLの...
Web制作 .htaccessで海外からのアクセス(IP)を拒否する(GeoIPが使用できる環境の場合)
.htaccessで海外からのアクセス(IP)をすべて拒否します。GeoIPが使用できる環境の場合、日本に割り当てられているIPアドレスをわざわざ取得してこなくても容易に日本国内のIPだけを許可することができます。<IfModule mod...
Web制作 PHPで外部サイトのHTTPステータスコードを取得する
PHPのfile_get_contentsを使って任意のサイトのHTTPステータスコードを取得します。取得後はステータスコードによって処理を振り分けています。$url = '$context = stream_context_create(...
Web制作 【CSS】flexboxでflexコンテナからflexアイテムがはみ出る場合の対策
display; flex;を指定した際、flexコンテナ（親要素）からflexアイテム（子要素）がはみ出てしまうときは、flexアイテムに対してそれぞれ下記の指定をしてあげます。flex-direction: row; の場合Flexアイ...
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;}後方一致...