Web制作 【Mac/Win】ローカル環境でMP4動画のサムネイル画像を一括生成する
コマンドプロンプト/ターミナルを使って、ローカル環境でMP4動画のサムネイル画像を一括生成する方法です。input_folderに動画が入っているフォルダを、output_folderにサムネイルを出力したいフォルダを指定してください。出力...
Web制作 
Web制作 Bizメール＆ウェブ プレミアムでUse of mbstring.internal_encoding is deprecatedエラーが出る
PHPのバージョンが8.1に上がったことでエラーが出てしまっています。/www/php.iniをテキストエディタで開き、5行目のmbstring.internal_encoding = UTF-8の先頭に「;」をつけて、下記のようにコメント...
Web制作 【WordPress】記事データ内のHTMLエンティティ文字列を絵文字に一括変換する
DBの記事データに絵文字部分がHTMLエンティティ文字列として入ってしまっている場合、絵文字に一括で置き換える方法です。1. functions.phpに処理を追加/テーマディレクトリ/functions.phpに以下の内容を追記します。f...
Web制作 CSSでtableの空のセルに斜線を引く
空のセルに斜線を引くためのCSS設定/* 空のセルに斜線を引く 透明ー黒黒ー透明 */table td:empty { background-image: linear-gradient(to top left, transparent, ...
Web制作 YouTube Player APIでページにYouTube動画を埋め込む
YouTubeの動画は、簡単にWebページへ埋め込むことができます。その方法の一つに、iframeタグを使った埋め込みがあります。また、YouTubeはこのiframeで埋め込んだ動画に対して、再生や停止などの操作を自由に行えるAPIも提供...
Web制作 CSSでスクロールバーのデザインをカスタムする
デザインを変更する.scroll-areaをスクロールバーが出る要素とした場合の例です。基本的には::-webkit-scrollbar、::-webkit-scrollbar-track、::-webkit-scrollbar-thumb...
Web制作 【エックスサーバー】無料で使えるモリサワWebフォントの書体一覧
エックスサーバーのWebフォント機能を利用することで、誰でもかんたんに美しいWebサイトを製作することが可能になります。「モリサワ」が提供する「TypeSquare」から33書体のWebフォントを無料で利用可能です。エックスサーバー明朝体ゴ...
Web制作 【Mac】SiteSuckerでサイトを丸ごとダウンロードする
SiteSuckerはMac向けアプリで、サイトのデータを一式丸ごとダウンロードすることができます。主に以下のファイルがダウンロード可能です。HTMLCSS画像ファイルJavaScript基本的に静的なファイルが対象となるため、WordPr...
Web制作 おすすめのトップレベルドメインとそれぞれの違い
おすすめのトップレベルドメイン（TLD）は、使用目的やイメージに応じていくつかの選択肢があります。以下は、特に人気で信頼性のあるものです。.jp日本の国別コードトップレベルドメイン（ccTLD）で、日本国内での信頼性が高く、ビジネスや公式サ...
Web制作 JavaScriptのHTMLCollectionとNodeListの違い
HTMLCollectionとNodeListは、どちらもDOM（Document Object Model）を操作する際に、複数の要素を取得するためにJavaScriptで利用されるオブジェクトコレクションです。しかし、それぞれの特徴や使...