ホームページ作成 ガイド 西村 文宏

にしむら ふみひろ

Web作成が楽しくなるお手伝い。分かりやすい解説を探求するWeb職人

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。

ガイドからのお知らせ

  • ホームページ作成に関する様々なテクニックを分かりやすく解説。
  • 楽しみながらホームページを作成するためのお手伝いを致します。

活動実績

執筆ガイド記事本数380
執筆書籍数7

ガイドからの挨拶

こんにちは。「ホームページ作成」ガイドサイトを担当する西村文宏です。

ホームページを作るための様々なテクニックを、初心者の方にも分かりやすく、楽しく実践して頂けるよう、詳しく解説しています。
HTML・スタイルシート(CSS)・JavaScriptなどの「ホームページを作るための基礎的な技術」はもちろん、各種ライブラリやフレームワークを使った便利で楽な作成方法などもご紹介致します。

どのテクニックも、できるだけ「理解しやすく」かつ「実践しやすい形」になるよう、記述例や表示サンプルをたくさん用意するよう気をつけています。
その分、1記事のページ数が多くなることもありますが、ぜひ最後まで目を通してみて下さい。
どんな方々にも「分かりやすい」記事、楽しみながらホームページを作成して頂けるような解説記事を目指しています。

ホームページは、最初に一度作成したらそれで終わり……というわけではありませんね。
できるだけ多くの人々に継続して閲覧してもらえるよう、「運営」していくことも必要です。
ここでは、ホームページの作成方法だけに限らず、アクセス向上などの運営テクニック、便利なサービスの活用方法など、「ホームページの作成・運営・活用」に関する様々なお役立ち情報もご紹介しています。

「ホームページ作成」ガイドサイトでは、2001年の開設以来、様々な情報を毎月数本のペースで掲載しています。
私のガイドが、あなたのホームページ作成のお役に立つことを願っています。
ぜひ、ご活用頂ければ幸いです。

ガイドの新着記事

  • レスポンシブな2カラムレイアウトを作るCSSの書き方

    レスポンシブな2カラムレイアウトを作るCSSの書き方

    レスポンシブWebデザインを使って2カラム(2段組)レイアウトを作成する方法を、簡単なテンプレートとしても使えるHTML+CSSソースの例と共に解説。スマートフォンなど幅の狭い画面では1カラム(段組なし)で表示し、PCなど幅の広い画面ではマルチカラムで表示するような「画面幅に適したレイアウトで表示できるWebサイト」も、HTML+CSSだけで簡単に作れます。

    掲載日:2019年07月19日ホームページ作成
  • 1文字ずつ文字色を変える、文字単位でのCSS適用方法

    1文字ずつ文字色を変える、文字単位でのCSS適用方法

    HTMLに書いた文字をCSSで装飾する際に、1文字ずつ異なる文字色で表示されるよう指定する方法を解説。HTMLの特定の要素内に書かれた文字列を、JavaScript(jQuery)を使って文字単位に分解して個別の要素でマークアップすれば、CSSのnth-child疑似クラスなどを使うことで1文字ずつ個別のスタイルを適用できます。1文字ずつ異なる色でカラフルに表示したい場合に便利。

    掲載日:2019年07月18日ホームページ作成

ガイドの新着まとめ

  • サムネイルから画像拡大!Lightbox系おすすめスクリプト4選

    サムネイルから画像拡大!Lightbox系おすすめスクリプト4選

    おすすめLightbox系スクリプトの設置方法や使い方を解説した記事をまとめました。サムネイルやリンクをクリックすることで、その場にモーダルボックスなどを開いて画像を拡大表示できるLightbox系スクリプトについて、おすすめポイントを紹介。
    掲載日:2018年02月09日
  • ウェブ上の入力フォームを使いやすく便利にする10の小技

    ウェブ上の入力フォームを使いやすく便利にする10の小技

    ウェブページ上で利用者に何らかの入力を求める場合、ちょっとした工夫を加えることで、より使いやすく、分かりやすく、便利なデザイン・UIの入力フォームを提供することができます。テキストエリアなど各種入力欄を表示する際に便利な、おすすめ作成テクニックを10種まとめました!
    掲載日:2018年02月08日

公認ガイドブログ