My blog

← 一覧に戻る

初心者がホームページ作ってみた日記

2021年12月20日

これは「NITMic Advent Calendar 2021」18日目の記事です。(公開12/20)

はじめに

縁あってhtml/cssについて教えてもらう機会があったので、自分のホームページを作って公開してみました。 この記事はその日記となります。

ホームページ制作も記事執筆もはじめてにつき色々ご容赦くださいな。

なにをつくったの

完成したホームページはどこでしょう!正解は・・・

今! まさに!! あなたが見ているサイトです!!!!

どうですか?「はじめてにしてはちゃんとしてるじゃん」って思ってくれましたか??

そうならばとっても嬉しいなって思うのでした。 (完)

どうやってつくったの

  1. HTMLとCSSのコードをかく
  2. 「GitHub Pages」を使って公開

大まかな流れです。たったの2ステップでホームページが公開できてしまいましたyo

では、ここからはどうやって作ってきたかを日記形式で見ていきましょう!

9月16日、21日:HTML/CSSに接触

素敵な講師の方に「HTML/CSS講座」を行っていただきました。ホームページを作り出したきっかけです。

「html/cssってなんだよ!?」って方への説明は割愛します(初心者だからね)
簡単に言えばインターネット上のサイトの設計図です。

かくいう私も、そもそもこの日までhtml/cssが何なのか知りませんでした。本当に。情報学生なのに。

ということで、どうなるやしれん、期待と不安を持って講座にのぞみました...

    結果:そんなに怖くないよ

「あれれ、自分でもホームページつくれそうだぞ」そう思いました。
それくらい簡単で分かりやすいお話でした。(講師の腕前かも?)

こうしてホームページづくりが始まったのです。

10月10日:ホームページ制作開始

時間というのはあっという間ですね。はじめようとしていたらもう十日です。

この日からようやくスタートしました

といってもゼロからではありません。講座で練習がてら作ったコードがあります。講座では基本の基本を試すことができたので、あとはこれをいじっていけば完成しそうです。

これは本当に気持ち的に助かりました。ゼロから一人で作るのと、ある程度流れが分かって一人で作るのとは難易度全然違いますもんね。

ひたすらhtmlで中身を増やし、CSSで飾り付けていきます

たいていの書き方はググれば真っ先に出てくるし実際のホームページから書き方を盗んでくることもできます。

簡単だねぇ

12月13日:コード完成

ようやく完成しました。もう師走ですね~ 「2か月もかかってんじゃん!やっぱり難しいんだろ!?」そう思ったあなた、安心してください!

色々あって忙しかっただけなのです。実際進捗を出したのはたったの5日です。

5日

書いてて悲しくなってきます。2か月もあって5日しか作業してないなんて。

でもでも逆に言えば5日で完成するんです。このレベルのサイトが。要領がいい人はもっと早いかも!

12月14日:ホームページ公開

少しだけ知識があった私は思いました。「サーバー代とかかかるんじゃ...」

誰でも思うんじゃないかなって思います。でも今の時代ありがたいことに無料で公開できるサービスがあるんですね。

今回私は「GitHub Pages」というGitHubのサービスを使わせていただきました。GitHubのアカウントさえあれば誰でも無料でホームページを公開できるみたいですよ!とっても簡単ですね!!

と、これにて今のこのホームページができたわけでしたとさ!めでたしめでたし

さいごに

「ふわふわした内容でなんのためにもならない記事でした」そんなこと言わないでください。一つだけ伝わったはずです!

何回も繰り返してますよね。それは

ホームページ作るの簡単だったよ

ってことです。もちろん最低限のレベルの話ですよ。
でも「初心者でもこれくらいできるなら自分も作ってみようかな」って気持ちになってきませんか??

この記事の目的はそれです。「ねっ簡単でしょ?」と伝えてあなたにホームページを作ってもらうために書いたのです。

私が受けた講座へのリンクも許可がもらえたら貼っておきます!

もう作るしかないですよね!!!!!!!



それではここまで読んでいただきありがとうございました<(_ _)>

さいごのさいごに

よければどんなホームページを作ったのか見ていってください!

次の更新では作品をこのサイトに掲載するのが目標です!!お楽しみに?

Special Thanks

講座をしてくださった方: Sora513 様