Web制作
おすすめアプリや音楽をブログに表示する方法｜Widget Builderの代替
アプリや音楽をブログに表示できるiTunes Storeの「Widget Builder」を試してみました。Widget Builderを使えば、インタラクティブなウィジェットを簡単にウェブサイトやブログに追加できます。かなり実用性の高い機…
Web制作184記事・13ページ目
Web制作
【CSS】サイドバーのカテゴリー名にアイコン表示｜背景画像・疑似要素・絵文字
ブログのサイドバーにカテゴリーアイコンを付けました。最初、自動でリンクにアイコンを付けられるWordPressプラグイン「Category and Page Icons」をインストールしましたが、上手く動作しませんでした。そこで、CSSを変…
パソコン
縦に並べた画像の下のすき間を消すCSS5つの対処法｜原因はインライン要素
画像を縦に並べたとき下にできる数pxのすき間。原因はimgがインライン要素でベースラインに揃うためです。display:blockやvertical-align、Flexboxなど5つの対処法を使い分けまで解説します。
Web制作
CSS整形オンラインツール厳選5選｜現役で使える無料フォーマッタと圧縮
CSS整形(フォーマッタ)と圧縮(minify)の無料オンラインツールを、2026年も現役で使えるものだけ厳選紹介。整形と圧縮の違いや使い分け、VS CodeのPrettierによる自動整形まで実例つきで解説します。
Web制作
Dreamweaverの検索・置換で正規表現を使う方法｜基本のメタ文字と実例
Dreamweaverの検索・置換で正規表現を使う方法を初心者向けに解説します。正規表現を使用の設定手順から、よく使うメタ文字の意味、タグ一括変換や属性削除、キャプチャ置換など現場でそのまま役立つ実例まで紹介します。
Web制作
FileZillaで大きいファイルがアップロードできない原因と対策
FileZillaで大きいファイルがアップロードできない・途中で止まる原因と対策を解説。タイムアウト延長やパッシブモード、転送モード、サーバー上限、再開機能、SFTP/FTPSによる暗号化接続まで具体的な手順で紹介します。
Web制作
ドメインの種類と決め方｜取得の流れとSEOの関係を徹底解説
「ドメイン名の決め方」や「欲しいドメインが取得されていた際に使えるテクニック」などを紹介。ドメインはわかりやすく覚えやすい文字列にするのが基本です。また、「.com」「.net」など、ドメインの種類と検索順位（SEO）の関係についても解説し…
Web制作
Photoshopで人物写真の肌・目を自然にレタッチする方法｜やりすぎないコツ
Photoshopで人物写真の肌や目を自然にレタッチする方法を解説。無料アクションの使い方から周波数分離・ダッジ&バーン・修復ブラシの基本、ニューラルフィルターやLightroom、スマホアプリの使い分け、やりすぎない仕上げのコツまで紹介し…
Web制作
SEO対策の基本チェックリスト｜サイト全体を点検する最低限のポイント
2026年のSEOで本当に押さえるべき基本を、検索意図・E-E-A-T・タイトル・表示速度・モバイル対応・構造化データ・被リンクの考え方までチェックリスト形式で点検。古い手法も明確に否定し、Googleの一次情報で裏取りします。
パソコン
ドラマ「リッチマン、プアウーマン」劇中企業のフェイク企業サイトに見るWeb演出術
ドラマ「リッチマン、プアウーマン」の劇中IT企業NEXT INNOVATIONの企業サイトは現実に実在しました。作品世界をWebで体験させるフェイクサイト演出の面白さを、Web制作者の目線でじっくり振り返ります。