ホームページ制作（ウェブサイト制作）の際に使用するCSSプロパティ「font」（font-family、font-size、font-size-adjust、font-stretch、font-style、font-variant、font-weight）についてのご説明です。 ホームページ（ウェブサイト）を制作する際、ユーザーに情報を伝えるための最も重要な
Yearly Archives: 2026
鳥取県鳥取市の「白兎神社」や京都府宇治市の「宇治神社」など、うさぎに縁のある神社にちなみまして、地元京都のうさぎスポット岡崎神社に立ち寄りしてきました。岡崎神社は京都市左京区にあります。 京都市上京区の本社から丸太町通をずっと東に進むと岡崎神社に到着です。 うさぎスポットかつ子授け、安産で有名な岡崎神社を進みましょう。 うさぎ神社 岡崎神社 「東天王」とも称
京都のうさぎスポット 岡崎神社 京都市左京区
ホームページ（ウェブサイト）制作において、ページとページ、あるいは外部サイトとを繋ぐ役割を果たすaタグ（アンカータグ）は、ウェブという概念そのものを成立させている最も根源的な要素です。このタグを適切に記述し、サイト内の情報構造を相互にリンクでつなぎ合わせることは、ユーザーを目的のコンテンツへ迷うことなくスムーズに誘導するために非常に重要です。 同時に、aタグ
htmlタグ｜a（ アンカー・リンク）
ホームページ（ウェブサイト）制作において、文字の色を変えたり、画像の大きさを調整したりといった画面の見た目（デザイン）を制御するためには、CSS（カスケーディングスタイルシート）を使用します。このCSSの命令を、HTMLの文書内に直接書き込むために使用されるのが「style」タグです。 通常、ホームページ（ウェブサイト）の構造を作るHTMLと、デザインを作る
htmlタグ｜style（スタイル）とCSSによるスタイル指定の優先順位と運用
ホームページ（ウェブサイト）制作において、HTMLファイル内にメモや注釈を残すために使用されるソース中コメントは、制作者同士のコミュニケーションやコードの管理において非常に便利な機能です。コメントとして囲まれた部分のテキストは、ブラウザの画面上には表示されず、検索エンジンの検索結果画面にも基本的には表示されません。そのため、複雑なレイアウトの開始位置や終了位
htmlタグ｜!– — ソース中のコメント
ホームページ（ウェブサイト）制作において、複数の情報や項目を整理し、ユーザーにとって分かりやすく提示することは非常に重要です。その際に頻繁に使用されるのが、リスト（箇条書き）を作成するためのHTMLタグである「li」「ul」「ol」です。 ホームページ（ウェブサイト）上で情報を羅列する際、単に改行を繰り返して文章を並べるだけでは、構造が明確になりません。「u
htmlタグ｜li（リスト）・ul（順不同）・ol（番号順）
ホームページ（ウェブサイト）制作において、文字の色や要素の透明度を制御することは、デザインの印象を決定づけるだけでなく、ユーザーへの情報の伝わりやすさに直結します。 かつてのCSSでは、colorプロパティには16進数（#000000など）やカラーネーム（red、blueなど）を指定し、単純にテキストに色をつけるだけの役割が主流でした。しかし、現在のモダンな
CSS｜color（カラー、文字色）とopacity（透明度）
ウェブの利用におけるホームページ（ウェブサイト）の運営・活用失敗要因の基本的なケース 実際に稼働しているサイトの構造などではなく、「ホームページとの親和性」など根本原因的な事柄になります。ホームページ運営の概要について触れた後、実際にホームページ運営・活用が失敗する要因のパターンについてお伝えしていきます。ホームページ運営・活用が失敗する要因として、まずは、インターネット、ホームページとの親和性です 検索ユーザーとの親和性の問題に加え、サービス紹介ページで問い合わせの決定要因が不足するライティングの落とし穴について言及しています。事実の羅列から抜け出し、事業の成果につなげるための具体的な改善策
ホームページ運営・活用が失敗する要因 基本編＋サービスページのライティング改善策
ホームページ（ウェブサイト）のデザインにおいて、文章と画像を美しく配置することは、ユーザーの閲覧体験を向上させるために非常に重要です。その中で、画像などの要素を左や右に寄せ、その周囲にテキストを回り込ませるレイアウトを実装する際に活躍するのが、CSSプロパティの「float（フロート）」と「clear（クリア）」です。 近年ではFlexboxやCSS Gri
CSS｜float（フロート）とclear（クリア）FlexboxやCSS Gridへの移行
京都市右京区にある嵯峨天皇の「嵯峨山上陵」に行きました。嵯峨山上陵は「さがのやまのえのみささぎ」と読むそうです。 北嵯峨の風致地区、大覚寺の近くにあり、山の上にある宮内庁管轄の天皇陵ですが、登ると京都市内を見渡すことができ、遠くには京都タワーも見えます。 嵯峨山上陵はひたすら石段で登っていくことになります。 嵯峨山上陵 登り口~石段 嵯峨山上陵の登り口です。
嵯峨天皇 嵯峨山上陵へ 京都市右京区
ホームページのアクセシビリティ向上を考える上で、音声読み上げ機能への配慮は重要なテーマです。かつてCSSには、音声ブラウザやスクリーンリーダー向けに読み上げの音量や声の高さ、発音方法などを細かく制御するためのプロパティが多数用意されていました。しかし、これらは現在では非推奨、または廃止された扱いとなっています。この記事では、過去に使用されていたこれらの音声プ
【非推奨・廃止】CSSの音声プロパティ（volume・speak・pitch等）の概要と現在の扱い
ホームページ（ウェブサイト）制作において、四角い画像や要素を円形にくり抜いたり、複雑な多角形で切り取ったりする視覚的な表現は、デザインのクオリティを大きく引き上げます。かつて、このような要素の切り取り（クリッピング）をCSSのみで実現するために利用されていたのが「clip」プロパティでした。 しかし、Web技術が進化し、より高度で柔軟な表現が求められるように
CSS｜clip・clip-path 要素の切り抜き表現と描画
ホームページ（ウェブサイト）制作において、特定のテキストや画像を意図的に隠したり、ユーザーの操作に合わせて表示させたりする動きは頻繁に使用されます。この「要素の表示と非表示」をコントロールするために使用される代表的なCSSプロパティが、「display（ディスプレイ）」と「visibility（ビジビリティ）」です。 これら二つのプロパティは、どちらも画面上
CSS｜display（ディスプレイ）・visibility（ビジビリティ）要素の表示と非表示
ホームページ（ウェブサイト）制作において、ユーザーからの問い合わせや資料請求を獲得するための「入力フォーム」は、事業の成果に直結する非常に重要な要素です。そのフォーム内で、都道府県の選択や、希望するサービス内容の選択など、複数の選択肢を提示する際に使用されるのが、HTMLの「select」「datalist」「option」「optgroup」といったタグで
htmlタグ｜select・datalist・option・optgroup フォームの選択肢とグループ化
ホームページ（ウェブサイト）制作において、日本語や英語などの「左から右」へ読む言語だけでなく、アラビア語やヘブライ語のような「右から左」へ読む言語を正しく表示することは、グローバルに事業を展開する上で非常に重要です。このテキストの書字方向（文字が流れる向き）を根本からコントロールするために使用されるのが、CSSプロパティの「direction」と「unico
CSS｜direction・unicode-bidi 書字方向の指定
ホームページ（ウェブサイト）制作において、マウスカーソルの形状やユーザーのクリック操作、テキストの選択動作などを適切に制御することは、使いやすいユーザーインターフェース（UI）を構築する上で非常に重要です。 かつては、要素の上にマウスを乗せたときのカーソル形状を変更する「cursor」プロパティのみが注目されがちでした。しかし、現代の多様なデバイスや複雑なレ
CSS｜cursor・pointer-events・user-select カーソル、クリック、テキスト選択のUI制御
ウェブマーケティングと経営学との共通点について 「ほとんどは大きな存在でないと適用できない」「方法論が説かれた時点から周りの環境は変化している」ウェブマーケティングであれば、小規模事業者が大企業の例と同じことをしても、効果として直結させることは難しく、効果も実数が測れないため効果は推測でしかありません
ウェブマーケティングと経営学との共通点
ホームページ（ウェブサイト）制作において、ユーザーに情報を伝えるための最も基本的かつ重要なHTMLタグが「p」タグです。「p」は「paragraph（パラグラフ）」の略であり、文章のひとつの「段落」を意味します。見出しタグ（h1〜h6）でページの骨組みを作り、この「p」タグの中に本文となるテキストを記述していくのが、HTML文書の基本的な構造となります。 単
htmlタグ｜p（パラグラフ・段落）
非店舗型経営におけるネットショップ単体運営の場合と、実店舗を有する企業のネットショップ運営との差 ECサイト運営のみで、実店舗を持たない場合と、実店舗を持ちながら、ECの分野に進出した場合のウェブサイト運営のポイントの違い、非店舗型のネットショップ単体を運営する場合における、知名度向上と信用力強化について
ネットショップと実店舗の認知度・信用力の違い
今回は、少し初心に戻りまして、「ホームページ制作や修正の際に注意すべき記述ミス【初心者編】」についてゆったり思いついたことをお伝えしていこうと思います。 ホームページ制作・Web制作に関しても誰しもが最初は初心者ですが、初心者がゼロからホームページ制作をしたりホームページの修正を手がける場合に陥りやすいミスについて思い出しながら書いていきます。 大学生の方と
ホームページ制作や修正の際に注意すべき記述ミス【初心者編】
ホームページ（ウェブサイト）制作において、企業や店舗の連絡先情報を正しく記載することは、集客やSEOにおいて非常に重要です。その連絡先情報を検索エンジンに正確に伝えるためのHTMLタグが、addressタグです。 かつてのHTMLでは、addressタグは単に文字を斜体（イタリック）にするための装飾タグとして使われることがありました。しかし、現代のHTML標
htmlタグ｜address（アドレス）連絡先・所在地情報 活用とSEO効果
今回は、「より優れたモバイルフレンドリーサイトのために 画像編」と題しまして、もう一段踏み込んだモバイルフレンドリーについてお伝えしていきます。 モバイルフレンドリーとは、ウェブサイト・ホームページが、スマートフォン表示の際に、閲覧しやすいように配慮されているということを指します。このモバイルユーザーへの配慮は、検索エンジンからの評価にも影響があるため、SE
より優れたモバイルフレンドリーサイトのために 画像編
ホームページ（ウェブサイト）制作において、特定の画像やテキスト、あるいはレイアウト全体のサイズを拡大・縮小したい場面は数多く存在します。その際に古くから用いられてきたCSSプロパティのひとつが「zoom」です。かつてのブラウザ環境、特に古いInternet Explorerが主流だった時代において、このプロパティは要素のサイズを簡単に変更できる便利な記述とし
CSS｜zoom（ズーム）（非推奨）要素の拡大・縮小と現代の代替手法
今回は、ホームページ制作会社によって異なる「ホームページ制作費用」の違いについて考えてみたいと思います。 「なんでホームページ制作会社ごとにこんなに見積額が違うんだろう？」 「この会社ごとのホームページ制作費用の違いは一体どこから生まれるの？」 「ホームページ制作のどの部分に多くの費用がかかるのだろう？」 お問い合わせを受けてホームページ制作のご相談をしてい
ホームページ制作会社によって異なる「ホームページ制作費用」の違い
ホームページ（ウェブサイト）制作において、テキストや静止画だけでなく、音声や動画といったマルチメディアコンテンツを活用することは、ユーザーに豊かな体験を提供するために非常に重要です。かつて、Webページに動画や音声を埋め込むためには、Flashなどの外部プラグインに依存する必要があり、閲覧する端末やブラウザ環境によっては再生できないという大きな課題がありまし
htmlタグ｜audio・video・source ホームページへの動画・音声の直接埋め込みと複数ファイルの指定
みなさま、新年あけましておめでとうございます！ 今回は、ホームページ制作 京都 ファンフェアファンファーレの地元である北野天満宮に初詣に行きました。 御前通をまっすぐ北上するとそのまま北野天満宮の鳥居が見えてきます。 ほとんど説明不要の感じはしますが、北野天満宮は、防府天満宮、太宰府天満宮と並んで、日本三大天神（日本三大天満宮）のひとつです。私たちのイメージ
北野天満宮へ初詣 京都市上京区
謹賀新年 2026 ホームページ制作 京都 ファンフェアファンファーレ 新年あけましておめでとうございます！！ 昨年は格別の御厚情を賜り、厚く御礼を申し上げます。 本年も企業のマーケティングの一側面であるWebマーケティングを中心に、ホームページ制作やSEOを中心とした総合的なWebマーケティングサービスを提供していきます。 近年は、「Webを利用した新規サ
謹賀新年 2026
サイトのスマホ対応・スマートフォン最適化については、2通りの手法 レスポンシブウェブデザインによるスマホ対応 スマートフォン用のウェブサイト ウェブ制作・更新の労力を避けるならレスポンシブウェブデザイン 自由度の高い設計なら「スマホ用サイトを別に制作」スマホ専用ページを制作するシーン
サイトの「スマホ対応」とスマホ用サイト
京都市右京区にある後宇多天皇 蓮華峯寺陵（れんげぶじのみささぎ）へ。 広沢池を北に少し進んだ北嵯峨の風致地区の中にあります（広沢池と北嵯峨の風致地区 京都市右京区）。嵯峨天皇 嵯峨山上陵も近くにあります。嵯峨山上陵の東です。 後宇多天皇 蓮華峯寺陵の宮内庁の案内です。嵯峨天皇の嵯峨山上陵からもほど近いこの一帯は、平安時代から皇室や貴族に愛された景勝地であり、
後宇多天皇 蓮華峯寺陵へ 京都市右京区
ホームページ（ウェブサイト）を構築し、システムを安定して稼働させるために、PHPなどのプログラミング言語と、MySQL、MariaDB、PostgreSQLといったデータベースは非常に重要な役割を持ちます。普段目にするWordPressをはじめとする多くのコンテンツ管理システムも、これらの技術の連携によって動いています。 PHPは、訪問者のアクセスや操作に合
PHP・MySQL/MariaDB・PostgreSQL・プラグイン Web制作用語
ホームページ（ウェブサイト）を制作し、事業の集客や情報発信を成功させるためには、論理的な構造とユーザーにとって使いやすいレイアウトの設計が非常に重要です。全体の骨組みとなるワイヤーフレームを作成する段階から、インデックスページ（トップページ）と各コンテンツページがどのような階層で結びつくかをツリー構造として整理していきます。ページ内部は、ヘッダー（メインメニ
レイアウト・サイト構造 Web制作用語｜クローラーが理解しやすい情報設計
オウンドメディアにも様々なパターンがあり、ウェブ上でのメディア構築のパターン・ジャンルパターンは概ね次のようになります。 専門メディア BtoBメディア サポートメディア コミュニティメディア スタッフブログなどのサブコンテンツ 画像・動画メディア ユーザーに合わせた複数メディア グローバルメディア
オウンドメディアパターン 基本的な類型
ホームページ（ウェブサイト）の制作や運用において、テキスト情報と同じくらい重要な役割を持つのが画像です。魅力的な写真や分かりやすい図版は、ユーザーの目を引き、事業の魅力を直感的に伝える力を持っています。こうしたWebコンテンツとしての画像を最適化し、より魅力的なものに仕上げるために用いられるのが、フォトレタッチソフトです。 フォトレタッチにおいて最も基本とな
フォトレタッチ・画像処理 Web制作用語｜トリミングからアルファ効果までの基礎
WordPressの関連のサービスの一つとして弊社でも有料WordPressテーマのインストールや設定を代行させていだだく機会があります。WordPressテーマファイルと共に、テーマに沿ったデザイン案と素材をご送付いただき、WordPress本体、テーマのインストールや各種設定、ページ生成まで対応させていただくこともあります。 近年では有料WordPres
有料WordPressテーマ購入による自社サイト運用の不足点
ホームページ（ウェブサイト）制作において、ブラウザや検索エンジンに対してページの設定情報や意味を伝えるためのmetaタグ（メタタグ）は、ユーザーの目には直接見えないものの、サイトのパフォーマンスやWebマーケティングの成果を左右する極めて重要な要素です。文字コードの指定、画面サイズの制御、検索結果に表示される説明文の定義など、ホームページ（ウェブサイト）の根
htmlタグ｜meta（メタ）・title（タイトル）
現在のWebマーケティングにおいて、ホームページ（ウェブサイト）とソーシャルネットワーキングサービス（SNS）の連携は非常に重要です。検索エンジンからの自然流入を狙うSEOの施策に加えて、SNSを通じた情報の拡散やユーザーとの継続的な関係構築が、事業の成長に大きく貢献します。 ホームページ（ウェブサイト）にSNSボタンを設置することは、訪問したユーザーが有益
SNS・SNSボタン Web制作用語｜Web集客を加速させるSNS連携
自社の事業活動や製品の魅力を発信していく方法は、デバイスの普及や情報の受け取り方の変化にともない大きく多様化しています。ひとつの媒体だけに依存するのではなく、複数のメディアを組み合わせたり、ひとつのコンテンツを複数の形に加工して再利用したりするマーケティング手法が重要になります。 事業の情報をターゲット層へ確実にお届けし、実際の集客やホームページ（ウェブサイ
クロスメディア・メディアミックス・ワンソースマルチユース Web制作用語
ホームページ（ウェブサイト）を新たに制作する際、あるいはリニューアルを検討する際、まずは自社の事業目的に合わせたホームページの種類を正しく選択することが重要です。一般的に、ホームページはその役割や目的によって、コーポレートサイト、メディアサイト、ECサイト、ポータルサイトといったいくつかの形式に分類されます。 それぞれのホームページには得意とする集客手法や、
コーポレート・メディア・EC・ポータル Web制作用語｜各種サイトの役割分担とSEO連携
ホームページ（ウェブサイト）を運営し、事業の採用活動やお問い合わせ、資料請求などの成果を獲得する上で、エントリーフォームの最適化は非常に重要です。ユーザーが情報を入力する際の負担を減らし、入力途中での離脱を防ぐためには、フォームを構成する入力部品を適切に使い分ける必要があります。 ここでは、Web制作やコンバージョン率改善の現場で基本となるエントリーフォーム
エントリーフォーム・ラジオボタン・チェックボックス・セレクトボックス・プルダウン（ドロップダウン）Web制作用語｜離脱防止策とUI設計
ホームページ（ウェブサイト）制作において、テキストだけでは伝わりにくい事業の魅力やサービスの内容を、視覚的に分かりやすくユーザーへ伝えるために画像は非常に重要な役割を持っています。この画像ファイルをページ内に表示させるために使用されるのが、HTMLの「img」タグです。 「img」タグは、他の多くのタグのように開始タグと終了タグでテキストを囲むのではなく、タ
htmlタグ｜img（イメージ・画像）
ホームページ（ウェブサイト）制作において、商品や施工事例などの写真を効果的に見せるための機能である「画像ギャラリー」「Light Box」「スライドショー（スライダー）」についてのご説明です。 ホームページ内で画像をどのように配置し、どのように動かすかは、訪問者の直帰率や滞在時間に大きく影響します。事業の魅力を的確に伝えるためにも、これらの画像表示機能を目的
画像ギャラリー・Light Box・スライドショー（スライダー）Web制作用語｜表示速度とSEOを両立する画像実装
ホームページ（ウェブサイト）制作において、ページ内の各コンテンツが「どのような意味や役割を持っているのか」を検索エンジンやブラウザに正しく伝えることは非常に重要です。かつてのHTMLでは、ページのヘッダー部分やフッター部分、あるいは記事のまとまりなどをすべて「div」タグで囲み、CSSのクラス名で役割を区別していました。しかし、HTML5の規格からは、文書の
htmlタグ｜header・footer・section・main・hgroup ページの構造化タグ
これまでホームページ（ウェブサイト）を構築する言語であるHTMLの仕様は、時代とともに大きな変化を遂げてきました。かつては文書を装飾するためのタグが多く存在していましたが、現代の標準仕様であるHTML5においては、文書の構造を示すことと、デザインを装飾することが明確に切り分けられています。 この現代の仕様に合わせた<hr>タグの役割、SEOにおけ
htmlタグ｜hr（水平線）段落レベルでのテーマの区切り
アクセス解析（ログ解析）とは、ホームページ（ウェブサイト）内に専用のトラッキングコードなどを設置し、訪問者の行動データや流入経路を計測・分析する仕組みのことです。事業におけるWeb集客を成功に導くためには、現在のホームページがどのように利用されているかを正確に把握することが重要になります。 この解析機能を導入することで、ホームページ（ウェブサイト）を訪れたユ
アクセス解析（ログ解析）Web制作用語｜事業成長につながるデータ活用の視点とサイト改善の手順
ホームページ（ウェブサイト）を通じた集客を検討する際、必ず耳にする言葉の一つに「SEM（サーチエンジンマーケティング）」があります。SEMとは、検索エンジンから自社のホームページへユーザーを誘導するためのマーケティング活動全般を指す用語であり、大きく分けて「SEO（検索エンジン最適化）」と「検索連動型広告（リスティング広告）」の二つの手法が含まれます。 しか
SEM・メタ設定 Web制作用語｜広告とSEOの融合からヒーローコンテンツを活用した集客戦略
ホームページ（ウェブサイト）の印象を大きく左右する要素の一つが、テキストの文字デザインです。文字の表示方法は、大きく分けて「デバイスフォント」と「Webフォント」の二種類が存在します。 旧来からホームページ（ウェブサイト）制作で用いられてきたのが、明朝体やゴシック体など、ユーザーのパソコンやスマートフォンにあらかじめ内蔵されている標準フォント（デバイスフォン
Webフォントとデバイスフォント Web制作用語
インターネット上での情報発信が当たり前となった現在、ホームページ（ウェブサイト）におけるブログの役割は非常に大きくなっています。個人の日記として始まったブログは、今や事業の集客基盤を支える強力なツールへと進化しました。 ここでは、ブログやレンタルブログ、情報を効率的に収集・配信するRSS、そしてブログを利用した収益化の手法であるアフィリエイトやドロップシッピ
ブログ・アフィリエイト・RSS・ドロップシッピング Web制作用語｜無料ブログの集客リスクと移行戦略
UI（ユーザーインターフェース）やUX（ユーザーエクスペリエンス）は、現代のホームページ（ウェブサイト）制作において最も注視すべき概念として定着しています。かつては画面上のボタンの配置や見た目の美しさだけがUIとして語られることもありましたが、現在ではユーザーが目的を達成するための直感的な操作性や、サイト全体を通じた心地よい体験そのものが事業の成果を左右しま
UI・GUI・UX Web制作用語｜直感的な操作性から体験設計まで
