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

にしむら ふみひろ

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

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

ガイドからのお知らせ

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

活動実績

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

ガイドからの挨拶

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

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

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

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

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

ガイドの新着記事

  • CSSで幅や高さ等の指定に計算式が書けるcalcの使い方

    CSSで幅や高さ等の指定に計算式が書けるcalcの使い方

    CSSで幅や高さなどを指定する際に、「 (100% - 5em) / 3 」のような計算式が書けるcalc()の使い方を解説。割合や単位付きの数値を加減乗除してプロパティの値を決定したい場合、CSSソース内に直接計算式が書けると装飾の柔軟さが広がります。calc()を使う書き方の例と、使い方の注意点、効かない場合の対処方法などを解説。

    掲載日:2019年08月05日ホームページ作成
  • Chart.jsで折れ線・円・棒グラフを簡単に表示する方法

    Chart.jsで折れ線・円・棒グラフを簡単に表示する方法

    HTMLのcanvas要素上にグラフを描画してくれるスクリプト「Chart.js」の簡単な使い方を紹介。円グラフ・棒グラフ・折れ線グラフなど様々なグラフを、アニメーション効果付きでWebページ上に表示できます。画像ファイルとして作成するわけではないので、JavaScriptソース内の記述を書き換えるだけで、グラフの値も色も大きさも容易に修正できます。

    掲載日:2019年08月01日ホームページ作成

ガイドの新着まとめ

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

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

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

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

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

公認ガイドブログ