##はじめに
情報系の学部にいながらwebサイトの1つもパパッと作れない男。
意識高いけど実力が伴っていない男。
そんな現状に嫌気がさして、年末まで1日1つwebサイトを作ることを決めた男。
扱う技術レベルは低いですが、同じように悩んでる初心者の方の参考になれば幸いです。
今日は1日目。
よろしくお願いします。
##サイトURL
https://sin2cos21.github.io/
##構成
使用言語 → html, css, javascript
レポジトリ → github
公開ページ → gitpages
アウトプット → qiita
##やったこと
まずは真似するところからだと思い、
偉大なる先人(Jennifer Dewalt)のサイトをパクリ参考に、1日目はホームページを作りました。
#こだわったところ
header部分のAboutとContactは未実装なので、クリックするとポップアップが出るようにしました。
ポップアップ！↓↓↓
###実装コード
実装してないけどデザインだけは反映させておきたいことってありますよね。
今後もそういうことが起きそうだったので、ポップアップは関数にしておきます。
html部分↓
<header>
<ul>
<li><span class="unimplemented" onclick="unimplemented();">About</span></li>
<li><span class="unimplemented" onclick="unimplemented();">Contact</span></li>
<li><a href="/">Blog</a></li>
<li><a href="/">GitHub</a></li>
</ul>
</header>
javascript部分↓
<script>
function unimplemented() {
alert('まだ実装していません。\n もう少々お待ちください。');
}
</script>
こうしておけば次使いたいときは簡単にできますね！
関数は積極的に使っていきたいと思います！
##感想
予想していたよりだいぶ時間がかかりました。
最初は30分ぐらいでできるかなと思ってたんですが、結局1時間も...
サイト自体もそうなんですけど、サイトとコードを公開するためのgithub登録 & pagesの設定に手間取ってしまいました。
よく分からないまま進めたのでいつか向き合わないと。
と、反省することは多くありますが、実際にページが公開されると嬉しい気持ちになれるので
初心者の方はぜひやってみてください！
gitpagesなら無料なので挑戦する分にはお金かからないですよ！
最後までお読みいただきありがとうございます。