コーディング

2026年7月8日

サーバー切り替え前にドメインで表示確認する方法｜hosts設定手順

サーバー移転前に契約予定のドメインで新サイトの表示確認をする「hosts設定」の方法を解説。Windows・Macそれぞれの編集手順、記述形式、確認後の戻し方、注意点をまとめました。

2026年7月2日

スマホEFOとは？フォーム最適化10のチェックリストと実装コード例

スマホEFO（エントリーフォーム最適化）の基本と、離脱率を下げる10のチェックリストを解説。inputmode・autocomplete属性の実装コード例やEFOツール導入の判断基準、FAQもまとめました。

2026年7月2日

SVGとCSSで作る手書き風テキストアニメーション【コピペOK完全コード付き】

SVGとCSSだけで作る手書き風テキストアニメーションの実装方法を解説。stroke-dasharrayを使ったコピペOKの完全コード付きで、つまずきポイントの解決策やよくある質問もまとめました。

2026年7月1日

隠しテキストとは？SEOペナルティの理由と正しい対策を解説

隠しテキストとは、ユーザーに見えないよう仕込むテキストで検索エンジンスパムです。背景色と同色やfont-size:0など手法、Googleペナルティの理由と対策を初心者向けに解説します。

2026年7月1日

レスポンシブ改行制御｜PC・スマホで改行位置を変えるCSSの方法

レスポンシブデザインで画面幅に応じて改行位置を変えるCSSの方法を初心者向けに解説。brの表示切替、display、メディアクエリ、text-wrapなど具体的なコード例と使い分けを紹介します。

2026年7月1日

iframe埋め込みYouTube動画の再生マークを消す方法【JavaScript】

iframeで埋め込んだYouTube動画の赤い再生マークを消す方法を初心者向けに解説。enablejsapiの設定・カバー要素の重ね方・JavaScriptでの再生制御まで、サンプルコード付きで手順を紹介します。

2026年7月1日

Webサイトで游ゴシックをおすすめしない理由｜代替フォントも解説

Webサイト制作で游ゴシックをフォント指定するとかすれ・スマホ非対応などの不具合が起きます。理由と代替フォント（Noto Sans JP等）を制作会社が解説します。

2025年6月24日

viewportとは？HTMLでの設定方法についてまとめてみた！

はじめに viewportとは、PCやスマホ、タブレットなどのデバイスごとにコンテンツの表示領域を指定するためのHTMLのmeta要素（name属性に指定する値）です。直訳すると「表示領域」を意味し、「ビューポート」と読みます。このmeta viewportを正しく設定することで、レスポンシブデザインがうまく機能し、SEOにも良い影響を与えることが期待できます。逆に、viewportを設定しない […]

2025年6月12日

WordPressでソースコードを美しく表示・埋め込むプラグイン調べてみた！※自動でコードを書けるプラグインではない

WordPressでソースコードを美しく表示・埋め込むプラグイン6選 WordPressでは標準のコードブロックを使ってHTMLやCSSなどのソースコードを表示できます。ただし、キーワードの色分けや特定の行だけを目立たせるシンタックスハイライト機能は標準では備わっていません。ソースコードをより見やすく、読みやすく埋め込みたい場合は、専用プラグインの活用がおすすめです。今回は実際に6つのプラグイン […]

2025年6月10日

Flexboxの使い方についてまとめてみた！

Flexbox（フレックスボックス）の使い方まとめ一見便利そうで、実際には少しややこしい…そんなCSSの「Flexbox（フレックスボックス）」について、使い方をわかりやすく整理しました。 Flexboxの基本的な考え方 Flexboxは、要素を効率よく並べたいときに使えるCSSのレイアウト手法です。特に「横並び」にしたい場面でよく使われます。使うときはまず、並べたい子要素（item）を一つの […]