しがない情報系専門学生の発信集

情報系4年目の学生がやりたいことに対して悪戦苦闘するブログです。Web系で戦いたい。

GitHubでホームページを作りたいお話。

CAUTION:このページはただの備忘録です、How To系ではないので悪しからず…

情報系の基礎から学びだして2か月弱、周りの人に触発されて自分もホームページ的な何かを作りたくなってきました。なので先人のようにGitHub.ioとやらを用いて作ることに。

それで何をしたんすか

最初にGitHubを用いて超絶簡素なページを作成。
(本当に最初の最初にはホームページだけを公開するだけのサービスだと勘違いしていた。おかげでapacheで試行錯誤したりレンタルサーバーのことまで調べだしたのは内緒)
覚えたてのHTMLとCSSで20行にも満たないかぁいいHTMLファイルの完成。
  リポジトリ名をms3nd3r.github.ioとかにしてSettingからドメインとアップロード確認をして漸く1ページ表示。
やっとの思いで書いたコードで何が表示できたかというと

      
  • でっかい赤文字でテストページのアピール   
  • これまたでっかい赤文字で写真を見てくれとアピール   
  • サイズ指定ミスってクソデカ熱海の写真   

これだけ。
若干情けなくなりながらもGitHubにファイルを投稿したりリポジトリの設定を弄ることが出来て初めの第一歩を踏み出せたことに若干の高揚感を覚えつつ次のステップへ進むことに。

もうちょっと頑張ってみました

次はMaterial Design Liteのテンプレートを用いて綺麗なガワのページを作ることに。
ソースコードをダウンロードして中身を読んでビックリ。
クソほど整然としとるやんけ…
100行以上あってもCSSを鮮やかに弄ってあって非常にわかりやすい。最初はそこから弄り初めて軽く書き換えることに。
最初は名前や趣味から書き込む。イキって英語を書き込みつつ最低限の体裁を整えて完成。

ここで一つ問題が

Google社製のマテリアルデザイン、多分OSSではあるんだろうけど権利の説明を把握しきってない。

というわけで制作したページはとりあえず撤回して自力で何とかしようと思います。 それが完成した時に改めて報告出来れば…