工務店様のホームページ制作につきましても多数の実績があります。工務店の企業ホームページ制作（コーポレートサイト制作）においても、あくまでビジネスツール・ウェブマーケティングツールとしてのホームページの活用を重点においています。工務店専門のホームページ制作会社も全国にはたくさんありますが、工務店に合わせたウェブデザイン
Monthly Archives: 1月 2026
建勲神社（たけいさおじんじゃ。一般には「けんくんじんじゃ」と呼ばれています）は、1870年（明治3年）創建の織田信長公を主祭神とし子の織田信忠卿を配祀する神社です。 平安京において玄武の山として北の基点となった船岡山にあります。旧称は健織田社、建勲社。1875年（明治8年）に別格官幣社に列格し、1910年（明治43）船岡山の山麓にあった社が山頂に遷祀されまし
建勲神社へ 京都市北区
京都市右京区太秦の広隆寺（こうりゅうじ）、そして蚕ノ社（かいこのやしろ）に行ってきました。「広隆寺」 は、秦氏の氏寺で京都最古の寺院です。蚕ノ社（かいこのやしろ）、木嶋神社、こと木島坐天照御魂神社に到着です。蚕ノ社は、木島神社本殿の脇にある「蚕養神社」です。木島坐天照御魂神社（蚕ノ社・蚕養神社）の御手洗祭
広隆寺～蚕ノ社へ 京都市右京区【太秦】蚕ノ社の「御手洗祭」
ナビゲーションは、ホームページ（ウェブサイト）を訪れたユーザーが迷うことなく目的のページへ到達するための道しるべとして機能します。かつては画面上部や横にリンクを並べるだけの単純な役割として捉えられがちでしたが、現在ではスマートフォンの普及や検索エンジンアルゴリズムの進化に伴い、その重要性は飛躍的に高まっています。現代のWebマーケティングにおいては、ユーザー
ナビゲーション・リンク Web制作用語｜基本とUX・SEO設計
ホームページ（ウェブサイト）を制作し、ブラウザ上で適切に表示させるためには、正確なマークアップとコーディングの知識が重要です。普段見ている画面の裏側には、厳密なルールに基づいたデータが存在しています。 事業を成長させるためのホームページ運用においても、内部の構造が美しく整理されていることは、検索エンジンの評価を高める上で大きなアドバンテージになります。 今回
マークアップ・コーディング Web制作用語｜基礎とディレクトリ・ファイル構成
「Google Analyticsの直帰率を気にしなくていい理由」についてお伝えしていきます。今回は、いままであまり触れてこなかったアクセス解析について少しだけお伝えしようと思います。 アクセス解析としてGoogle Analyticsを導入されているケースも多いかと存じますが、そのアクセス解析データの中の「直帰率」に関してです。 直帰率とは、その名のごとく
Google Analyticsの直帰率を気にしなくていい理由
検索結果で一部の文字が消失する事象へのSEO対策事例についてご紹介します。 本件は、SEOに関するご依頼の中で、その中のひとつとして「検索結果タイトルやディスクリプションにおいて一部の文字が消失する事象が発生しており、早急に対応したい」というご要望があり、早急に原因を調査し、早期に解決した事例です。 検索結果において、メタタイトルやメタディスクリプションが設
検索結果で一部の文字が消失する事象へのSEO対策事例
インターネット上でホームページ（ウェブサイト）を公開し、安全かつ高速に運営していくためには、その基盤となるサーバーやネットワーク技術に対する深い理解が求められます。単にファイルをアップロードして公開するだけの手法はすでに過去のものとなり、現代のWebマーケティングにおいては、インフラの設定一つが検索順位やユーザーの滞在時間に直結します。通信プロトコルの進化や
サーバー・プロトコル・IP Web制作用語｜インフラ構築とSEO 高速化・セキュリティ・保守
CGI（Common Gateway Interface、シージーアイ、コモンゲートウェイインターフェース）は、ウェブブラウザなどでそのプログラムが置かれているURLにアクセスされると、その要求に応じてウェブサーバー上でプログラム動かす仕組みで、ウェブサーバーでの実行結果がウェブページに反映されます。 CGI（Common Gateway Interface
CGI（Common Gateway Interface）・Perl Web制作用語｜歴史と現代のWeb環境への移行
WordPressをベースとしたホームページ制作では、機能面での高度なカスタマイズにおいては、WordPressテーマ内のphpファイルの操作が必須になりますが、レイアウトの調整や各種カラーの設定などは、WordPressサイトのCSSを編集することで解決できることがよくあります。 テーマのCSS編集でもCSSの操作は可能ですが、テーマによっては複数のCSS
WordPressサイトのCSSを編集する 反映されない原因と確実な解決手順
「スイミーのようなウェブコンテンツ 『PR力1%』を収束させる」というタイトルで、ウェブPRにおける効果を増大させることについて これはコンテンツマーケティングやコンテンツSEOを含めて総合的なWebマーケティングにおいて重要な概念です。ウェブコンテンツの「PR力1%」を収束させるということは、単一方向ではなく、時系列としての前後、そして現在の空間の上下左右全てを含んで収束させるといったイメージです
スイミーのようなウェブコンテンツ 「PR力1%」を収束させる
ホームページ集客の実践について、そして、少ないアクセスでも結果を出す方法についてお伝えしていきます。ここでいう「少ないアクセスでも結果を出す」ということは、ホームページからの問い合わせ獲得などが中心となります。 そうしたことから、今回の内容は、どちらかというと企業ホームページにおけるホームページ集客の実践についてであり、広告収入を狙ったアクセス数を追いかける
ホームページ集客の実践 少ないアクセスでも結果を出す方法
WordPress（ワードプレス）の管理画面へのログインについて 基本的なログイン方法やログイン情報不明の場合の対策、ログインURLを変更している場合の確認方法、担当者不在でログイン情報が不明になった際のphpMyAdminを使った復旧手順まで、どのように対処すべきか WordPressサイトの管理画面にログインする WordPressサイトの管理画面にログインするためには、インターネットブラウザから、ログイン専用のURLへとアクセスし、ユーザー名とパスワードを入力する必要があります
WordPress管理画面へのログイン
WordPressテーマのsidebar.phpを編集してサイドバーをカスタマイズする方法をお伝えします。 WordPressサイトの中でサイドバーは主にサブコンテンツを配置する場所で、主要ページへのリンクやカテゴリーアーカイブ、タグクラウド、新着記事のリストなどが設置されます。 WordPressにおいて一般的にサイドバーは、サイドバーウィジェットを用いて
WordPressテーマのsidebar.phpを編集してサイドバーをカスタマイズする
税理士事務所・税理士法人様のホームページ制作につきましても多数の実績 税理士事務所・税理士法人とは、税務に関する専門家である国家資格を持つ税理士が、会社などの法人や個人事業主を対象とし、税務の代理や法人決算等の申告書類の作成代行など、税務・会計に関するサービスを提供する業種です。税理士事務所のマーケティングツールとして
税理士事務所・法人のホームページ制作の概要・要点とWeb集客
日本のホームページ（ウェブサイト）制作において、縦書き表現は和の雰囲気や伝統的な事業の魅力を伝えるために非常に効果的なデザイン手法です。この文字の進行方向（縦書き・横書き）を制御するためのCSSプロパティが「writing-mode」です。 かつてのWebデザインでは、縦書きを実現するためにテキストを画像化して貼り付けるという手法が頻繁に用いられていました。
CSS｜writing-mode・text-orientation 縦書き・横書き・文字の向き
京都市北区にある六請神社（ろくしょうじんじゃ）へ。等持院のすぐ近くにあります。 元々は足利氏の等持院が創立された時その鎮守社として境内に祀られていたそうですが、神仏分離の時から今の場所に移転したようです。 すぐ近くの等持院 六請神社は等持院の東側（笹屋町通沿い）にあります。 六請神社の鳥居と狛犬 六請神社の鳥居です。 左右には狛犬。 それでは境内を進みましょ
六請神社（ろくしょうじんじゃ）へ 京都市北区
自分の考えを表に出すことで、新しい助言を得ることができたり、自身でも不足点を発見したりと、様々なメリットがあると思っています。こうした点はホームページ制作やコンテンツ配信にも通じるところがあります。ホームページ制作のメリット、Web制作のメリット、そしてホームページで情報を公開することのメリットについてお伝えしていきます。「情報を公開することのメリット ホームページ制作で大切なこと」と題しまして、ホームページ上で情報を公開することの様々なメリットについて考えてみたいと思います。一般的なメリットについてはそこそこに、もっと本質的なメリットについて触れていこうと思います
情報を公開することのメリット ホームページ制作で大切なこと
ホームページ（ウェブサイト）を制作し、運用していく中で、テキストの折り返しや改行の制御は非常に重要です。特にスマートフォンでの閲覧が主流となっている現在、長いURLや英単語が画面の幅を超えてはみ出してしまう「レイアウト崩れ」は、ユーザーの利便性を大きく損なう原因になります。画面を横にスクロールしなければ文章が読めない状態は、訪問者に強いストレスを与え、結果と
CSS｜overflow-wrap・word-wrap・word-break テキストの改行ルール
今回は、WordPressサイトの投稿ページをカスタマイズする方法として、WordPressテーマのsingle.phpを編集して投稿ページをカスタマイズする場合についてお伝えいたします。 主にカスタムフィールドの設定反映、著者名や投稿日、最終更新日の反映、カテゴリーの呼び出し、アイキャッチ画像の設置、投稿記事に属するタームを表示などについて触れていきます。
WordPressテーマのsingle.phpを編集して投稿ページをカスタマイズする
ホームページ（ウェブサイト）制作において、画面上のデザインだけでなく、印刷プレビューやPDF出力など、紙の媒体やページ区切りが存在する環境で文書の美しさを保つことは非常に重要です。段落の途中で行が不自然に分断されてしまう現象を防ぐために使用されるのが、CSSプロパティの「widows」と「orphans」です。 「orphans（オーファン）」は、段落の最初
CSS｜orphans（オーファン）・widows（ウィドー）印刷時の段落行の制御
WordPressプラグインのインストール・停止・削除・更新の方法について掲載させていただきます。WordPressプラグインは、WordPressに付加機能を設置するためのファイル群です。プラグインの設置は必須ではありませんが、通常いくつかのプラグインが初期段階からインストールされています。、プラグインの利用には制限はありません
WordPressプラグイン インストール・停止・削除・更新
ホームページ（ウェブサイト）制作において、テキストは単なる情報伝達の手段にとどまらず、画面全体の印象を決定づける重要な要素です。文字に影をつけて視覚的なインパクトを与えたり、英単語の大文字と小文字を揃えて統一感のあるデザインを構築したりするために使用されるのが、CSSプロパティの「text-shadow」と「text-transform」です。 「text-
CSS｜text-shadow・text-transform 文字の影と大文字・小文字
ホームページ（ウェブサイト）制作において、ページ内のテキストに対して視覚的な意味づけを行い、ユーザーの操作を迷わせない設計を構築することは非常に重要です。テキストに対して下線や取り消し線などの装飾を施すために使用されるのが、CSSプロパティの「text-decoration」と、下線の表示位置を細かく制御する「text-underline-position」
CSS｜text-decoration・text-underline-position 線の装飾
ホームページ（ウェブサイト）制作において、ページ内のテキストをいかに読みやすく、美しく配置するかは、ユーザーの離脱を防ぎ事業の情報を正確に伝える上で非常に重要です。この文章のレイアウトや文字の揃え方を細かく制御するために使用されるのが、CSSプロパティの「text-align」「text-justify」「text-indent」そして「text-autos
CSS｜text-align・text-justify・text-indent・text-autospace 配置と整列
予備校・塾・家庭教師など教育関連サービスのウェブサイト(ホームページ)制作の概要・要点についてのご説明 主に児童生徒を対象とした、進学を目的とした教育サービスを提供する業種です。一般消費者を対象とした業種になります。顧客層として児童・生徒とその保護者の方を対象としています
教育関連サービス（予備校・塾・家庭教師）のホームページ制作の概要・要点とWeb集客
ホームページ（ウェブサイト）制作において、料金表や事業の比較データなど、複雑な情報をわかりやすく整理するために表（テーブル）は頻繁に使用されます。この表のデザインや表示方法をより細かく、そして快適にコントロールするために使用されるのが、CSSプロパティの「table-layout」「caption-side」「empty-cells」です。 「table-l
CSS｜table-layout・caption-side・empty-cells テーブルのデザインや表示方法
一般社団法人などのウェブサイト(ホームページ)制作の概要・要点についてのご説明 社団法人とは、法律上法人格を持つ社団ですが、このページでは、一般社団法人や公益社団法人といった一般社団・財団法人法に基づく一般社団法人などのウェブサイト(ホームページ)について掲載させていただきます。一般社団法人で取り扱われる分野は多岐にわたり、事業目的に公益性を必要とはしませんが、通常、公共性・公益性の高い分野を専門とされています。
一般社団法人・財団法人・団体のホームページ制作の概要・要点とWeb集客
ホームページ（ウェブサイト）制作において、難しい漢字や専門用語に対して正確な読み方を提示することは、ユーザーの理解を助け、幅広い層に情報を届ける上で非常に重要です。このルビ（ふりがな）の表示位置や文字の配置を細かくコントロールするために使用されるのが、CSSプロパティの「ruby-position」「ruby-align」そして「ruby-overhang」
CSS｜ruby-position・ruby-align・ruby-overhang（ルビ・ふりがなの調整）
2025年9月9日からGoogle検索において「AIモード」が開始されました。 気になるところはいくつかあります。ひとつはAI Overviews（旧SGE）との違いです。AI Overviews（日本語名は「AIによる概要」）これは、旧SGE（Search Generative Experiences）が一般向けに改称されたものです。 そして何より気になる
Google検索で「AIモード」が開始 AI Overviews（旧SGE）との違い【Grok vs Gemini】
現在のホームページ（ウェブサイト）制作において、テキスト情報を正確かつ美しくユーザーに伝えることは非常に重要です。その中で、特定の文字を通常のテキストラインよりも少し上に配置する「上付き文字」と、少し下に配置する「下付き文字」を表現するために使用されるのが、HTMLの「sup」タグと「sub」タグです。「sup」はsuperscriptの略で上付き文字を、「
htmlタグ｜sup・sub（上付き・下付き文字）
リンク（アンカー）の原則はSEOではなく「参照でルーツをたどる」PageRankの考え方も、「他の文献に引用される文献は、良い文献が多い」ということが根本的な考え方になっています。そこで今回は、こうしたリンクの原則について考えてみたいと思います。「SEOといえばリンクだ」という流れも最近では少し下火になってきましたが、PageRankの受け渡し自体はまだまだ当然ながら存在します。しかしながら、リンクは、元々参照関係を目的としているため、リンク機能自体は、検索順位向上のためにあるわけではありません。
リンクの原則 SEOではなく「参照でルーツをたどる」
今回は、「SEOとしての被リンクの基本的な考え方とリンク販売」と題しまして、最も基本的なSEOとしての被リンクと、以前にお伝えしました「SEO会社」のリンク販売についてお伝えしようと思います。リンクに関するアルゴリズムが発達していなかった頃は、リンクによるPageRankの転送を利用して、検索順位を向上させるということが主流でした。だからこそ、ペラペラのページでも、検索結果上位に表示されることがよくありました。
SEOとしての被リンクの基本的な考え方とリンク販売
ウェブサイト活用にも「閾値（いきち）」という考えが適用できます。閾値とは、要約すれば「反応が起こるために必要な最小量」です。ウェブサイト活用に置き換えれば、ウェブマーケティングにおけるウェブサイトの効果が現れるための必要なサイトパワーです。閾値という言葉を使ったのは、サイトの効果は、まっすぐ比例しないからです
ウェブサイト活用にも当然に存在する「閾値（いきち）」
ホームページ（ウェブサイト）の制作において、画面上の見た目を整えるだけでなく、紙に印刷した際のレイアウトを適切に制御することも、事業の運用上求められる重要な施策です。 見積書や請求書、製品マニュアルなど、ユーザーがブラウザの機能を使って紙に出力する際、画面のレイアウトがそのまま印刷されてしまうと、写真の途中でページが真っ二つに分断されたり、見出しだけがページ
CSS｜page（break-after・before・inside）・size・marks 印刷時のページ制御
ホームページ（ウェブサイト）制作において、スマートフォンやパソコンなど様々な画面サイズの端末に対応するレスポンシブデザインは標準的な設計となっています。その中で頻繁に直面する課題が、指定した枠（ボックス）のサイズよりも、中に入るコンテンツ（長文のテキストや大きな画像、データ量の多い表など）が大きくなってしまった場合に発生する「はみ出し」現象です。このはみ出し
CSS｜overflow オーバーフロー（X・Y）要素のはみ出し制御
ホームページ（ウェブサイト）制作において、HTMLの文書構造を崩すことなく、画面上にテキストや記号などの装飾を追加する技術は非常に重要です。この「HTMLには書かれていない情報を、CSS側から擬似的に差し込む」という役割を担うのが、CSSプロパティの「content（コンテント）」と「quotes（クオート）」です。 「content」は、CSSの疑似要素で
CSS｜content（コンテント）・quotes（クオート）疑似要素と引用符
ホームページ（ウェブサイト）制作において、ユーザーに情報を視覚的かつ直感的に伝える工夫は非常に重要です。その中で、タスクの進み具合や特定の範囲内にある数値をバー（棒グラフのような形式）で表示するために使用されるのが、HTML5から新しく追加された「progress」タグと「meter」タグです。これらは見た目が似ているため混同されがちですが、それぞれ明確に異
htmlタグ｜progress（プログレス）・meter（メーター）進捗状況や測定値
ホームページ制作・リニューアルの無料相談と有料サポートについてお伝えしていきます。 実際問題として新規ホームページ制作やホームページリニューアルについてどこに相談すれば良いのか、誰に相談すれば良いのかというところはわかりにくいものです。 「無料相談を実施しているホームページ制作会社、Web制作会社に相談してみよう」 というのは一つの方法です。 ただ、そうした
ホームページ制作・リニューアルの無料相談と有料サポート
ホームページ（ウェブサイト）制作において、文章内の特定の言葉を強調し、ユーザーへ正確な情報を伝えることは非常に重要です。その際に頻繁に使用されるHTMLタグとして、文字を太字（ボールド）で表示する「strong」と「b」、そして斜体（イタリック）で表示されることが多い「em」があります。 これらは見た目の装飾を施すだけではなく、HTMLの構造上それぞれに明確
htmlタグ｜strong・b・em・mark（強調・太字・ハイライト）
ホームページ（ウェブサイト）制作において、箇条書き（リスト）を用いて情報を整理することは、ユーザーにとって読みやすく、理解しやすいコンテンツを提供する上で非常に重要です。このリストの先頭に表示されるマーカー（黒ポッチや数字など）の見た目や位置をコントロールするために使用されるのが、CSSプロパティの「list-style（リストスタイル）」です。 「list
CSS｜list-style リストスタイル（type・image・position）
ホームページ（ウェブサイト）制作において、テキストをいかに美しく読みやすく配置するかは、ユーザーの滞在時間を左右する非常に重要な要素です。この文字の行間や縦方向の揃え位置、そして改行のルールを細かくコントロールするために使用されるのが、CSSプロパティの「line-height」「vertical-align」「white-space」そして「line-br
CSS｜line-height・vertical-align・white-space・line-break 行間 縦方向の揃え位置 改行ルール
美容室・ヘアサロン様のホームページ制作につきましても多数の実績があります。美容室・ヘアサロンの店舗ホームページ制作（ショップサイト）においても、集客ツール・マーケティングツールとしてのホームページの活用を重点に ローカル検索対策を行うことで、ウェブ検索時のマップ表示・検索結果での上位表示により、店舗のブランディング、認知度向上を見込む
美容室・ヘアサロンのホームページ制作の概要・要点とWeb集客
ホームページ（ウェブサイト）制作において、テキストの読みやすさ（可読性）は、ユーザーの滞在時間を左右する非常に重要な要素です。文字と文字の間の余白や単語と単語の間の余白を細かくコントロールするために使用されるのが、CSSプロパティの「letter-spacing」と「word-spacing」です。 「letter-spacing（レタースペーシング）」は、
CSS｜letter-spacing・word-spacing 文字・単語間の余白
ホームページ（ウェブサイト）制作において、画面上の特定の場所に要素を固定したり、画像の上にテキストを重ね合わせたりと、標準の規則にとらわれない自由なレイアウトを構築することは非常に重要です。この要素の配置方法（基準位置）をコントロールし、デザインの可能性を大きく広げるために使用されるのが、CSSプロパティの「position（ポジション）」です。 HTMLの
CSS｜position ポジション（top・bottom・left・right）
ソーシャルネットワークについて言及するのは、ほとんど初めてだと思いますFacebookの投稿リーチ数 すべての友達には投稿メッセージが届かないという表題通り、Facebookでの投稿は、すべての友達、すべてのフォロワーにメッセージは届かない傾向があることが確定的になってきたので、備忘録的に記事を投稿します。この「Facebookの投稿リーチ数 すべての友達には投稿メッセージが届かない」という投稿
Facebookの投稿リーチ数 すべての友達には投稿メッセージが届かない
ホームページ（ウェブサイト）制作において、文章だけで情報を伝えるのではなく、写真や図表、イラストなどの視覚的なコンテンツを組み合わせてユーザーの理解を深めることは非常に重要です。その際、画像や図表と、それに付随する説明文（キャプション）をひとつのグループとして構造化するために使用されるのが、HTMLの「figure」タグと「figcaption」タグです。
htmlタグ｜figure（フィギュア）・figcaption｜画像や図表と説明文
今回は、サイトの改良、コンテンツの改良の必要性についてお伝えします。どんな良質のコンテンツも、それを作った段階では、100%の完成度であるかどうかはわかりません。サービス内容のページであっても、価格表などの「事実としての情報」以外にも、伝えておくべき点は探せばたくさんあります。そんな時にヒントとなるのが実際の顧客からの声です
ホームページのコンテンツ改良の必要性と期間限定コンテンツ
あなたがホームページを公開しているのに「お問い合わせ」が来ない場合には、幾つかの特徴や原因があり、「お問い合わせが来ない理由」が存在しています。 「ホームページから問い合わせが来ない…それどころか問い合わせが来たことがない」 「問い合わせ以前に、ホームページにアクセスすら無い…」 「何度リニューアルをしてもホームページからの問い合わせはゼロ…」 ホームページ
あなたのホームページに「お問い合わせ」が来ない本当の理由
「ウェブコンテンツの優位性 アーカイブとしての情報蓄積」というタイトルで、様々なウェブコンテンツと一般的な紙の広告物との比較の中で、ウェブコンテンツが持つ情報のアーカイブ性、情報蓄積がもたらすメリットや強みについてお伝えします。数あるPR活動のうち、ウェブPRがもつ優位性があります。それは、ウェブコンテンツが、アーカイブ（書庫）としての情報蓄積されていく上で、コンテンツ自体は、単発で終わることがなく、情報量が増大することによって
ウェブコンテンツの優位性 アーカイブとしての情報蓄積
ホームページ（ウェブサイト）制作において、ページ内の画像やテキスト領域などの「幅」をコントロールすることは、見やすく整理されたレイアウトを構築する上で非常に重要です。この要素の横幅を指定するために使用されるのが、CSSプロパティの「width（ウィズ・ウィドゥス）」「max-width（マックスウィズ）」「min-width（ミンウィズ）」です。 「widt
CSS｜width・max-width・min-width 要素の横幅
ホームページ（ウェブサイト）制作において、ページ内の画像やテキスト領域の「高さ」をコントロールすることは、見やすく整理されたレイアウトを構築する上で非常に重要です。この要素の高さを指定するために使用されるのが、CSSプロパティの「height（ハイト）」「max-height（マックスハイト）」「min-height（ミンハイト）」です。 「height」は
CSS｜height（ハイト）・max-height・min-height 要素の高さ
先日、京都市中京区にある神泉苑（しんせんえん）に行きました。神泉苑は二条城の南側、御池通沿いにあります。二条城前の駅からすぐですね。二条陣屋なども近くにあります。 御池通沿いには神泉苑の鳥居が、押小路通り沿いには、神泉苑の北門があります。二条城前駅からの場合は、押小路通から行ったほうが近いですね。 神泉苑は、平安京の造営とほぼ同時期に誕生した最古の禁苑（天皇
神泉苑へ 京都市中京区
ホームページ（ウェブサイト）を構成するHTML文書の中には、ブロック要素とインライン要素という、ホームページを構成する要素の分類があります。これは要素の属性として、スペースをどのように取るかという属性の違いとなります。 このブロック要素とインライン要素にはそれぞれ配置のルールがあり、ウェブページを生成する際には、意図せず文書の論理構造がおかしくなったり、ブラ
ブロック要素とインライン要素
ホームページ（ウェブサイト）制作において、特定の要素を視覚的に目立たせたり、ユーザーが現在どこを操作しているのかを明確に伝えたりすることは非常に重要です。その際に活躍するCSSプロパティが、「outline（アウトライン）」です。 「outline」は、HTML要素の輪郭の外側に線を引くためのプロパティです。枠線を引くプロパティとしては「border」がよく
CSS｜outline（color・style・width）・outline-offset 要素の外側の線
ホームページ（ウェブサイト）制作において、文字や画像などの要素を画面上でどのように重ね合わせるかは、デザインの表現力を大きく左右します。この要素の前後関係（手前と奥の重なり順）を制御するためのCSSプロパティが「z-index」です。画面の上から下、左から右への平面的な配置だけでなく、奥行きを持たせた立体的なレイアウトを構築する際に、このプロパティは非常に重
CSS｜z-index 要素の重なり順の制御と現代の適切な設計手法
ホームページ制作（ウェブサイト制作）の際に使用するCSSプロパティ「font」（font-family、font-size、font-size-adjust、font-stretch、font-style、font-variant、font-weight）についてのご説明です。 ホームページ（ウェブサイト）を制作する際、ユーザーに情報を伝えるための最も重要な
CSS｜font（family・size・size-adjust・stretch・style・variant・weight）
鳥取県鳥取市の「白兎神社」や京都府宇治市の「宇治神社」など、うさぎに縁のある神社にちなみまして、地元京都のうさぎスポット岡崎神社に立ち寄りしてきました。岡崎神社は京都市左京区にあります。 京都市上京区の本社から丸太町通をずっと東に進むと岡崎神社に到着です。 うさぎスポットかつ子授け、安産で有名な岡崎神社を進みましょう。 うさぎ神社 岡崎神社 「東天王」とも称
京都のうさぎスポット 岡崎神社 京都市左京区
ホームページ（ウェブサイト）制作において、ページとページ、あるいは外部サイトとを繋ぐ役割を果たすaタグ（アンカータグ）は、ウェブという概念そのものを成立させている最も根源的な要素です。このタグを適切に記述し、サイト内の情報構造を相互にリンクでつなぎ合わせることは、ユーザーを目的のコンテンツへ迷うことなくスムーズに誘導するために非常に重要です。 同時に、aタグ
htmlタグ｜a（ アンカー・リンク）
ホームページ（ウェブサイト）制作において、文字の色を変えたり、画像の大きさを調整したりといった画面の見た目（デザイン）を制御するためには、CSS（カスケーディングスタイルシート）を使用します。このCSSの命令を、HTMLの文書内に直接書き込むために使用されるのが「style」タグです。 通常、ホームページ（ウェブサイト）の構造を作るHTMLと、デザインを作る
htmlタグ｜style（スタイル）とCSSによるスタイル指定の優先順位と運用
ホームページ（ウェブサイト）制作において、HTMLファイル内にメモや注釈を残すために使用されるソース中コメントは、制作者同士のコミュニケーションやコードの管理において非常に便利な機能です。コメントとして囲まれた部分のテキストは、ブラウザの画面上には表示されず、検索エンジンの検索結果画面にも基本的には表示されません。そのため、複雑なレイアウトの開始位置や終了位
htmlタグ｜!– — ソース中のコメント
ホームページ（ウェブサイト）制作において、複数の情報や項目を整理し、ユーザーにとって分かりやすく提示することは非常に重要です。その際に頻繁に使用されるのが、リスト（箇条書き）を作成するためのHTMLタグである「li」「ul」「ol」です。 ホームページ（ウェブサイト）上で情報を羅列する際、単に改行を繰り返して文章を並べるだけでは、構造が明確になりません。「u
htmlタグ｜li（リスト）・ul（順不同）・ol（番号順）
ホームページ制作（ウェブサイト制作）の際に使用するCSSプロパティ「counter-increment」「counter-reset」についてのご説明です。 ホームページの運用や記事の更新を続ける中で、見出しや図表などの番号を手動で入力していると、後から項目を追加したり削除したりした際に、すべての番号を振り直す手間が発生します。このような修正作業は、長期的な
CSS｜counter-increment・counter-reset CSSカウンター
ホームページ（ウェブサイト）制作において、文字の色や要素の透明度を制御することは、デザインの印象を決定づけるだけでなく、ユーザーへの情報の伝わりやすさに直結します。 かつての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の分野に進出した場合のウェブサイト運営のポイントの違い、非店舗型のネットショップ単体を運営する場合における、知名度向上と信用力強化について
ネットショップと実店舗の認知度・信用力の違い
