ウェブサイトつくってみた。

おはこんにちばんは🤗　つむりんです。

最近親知らずを抜いたのですが、なぜか日が経つにつれて痛みが増してきてつらいです。

今回は、学生の特権である夏休み( ͡° ͜ʖ ͡°)を利用して、サイト制作をしてみたので紹介していきます。

作ったのは、何か月か前に同じUGOKのメンバー、カンちゃんとつくった「Fightimer」のサイトです。Fightimerについての詳細は、ALISに記事も書いているのでこちらからどうぞ。

「Fightimer」とは、簡単に説明すると、ながら勉強を防止するためのタイマー機能付きキャンディマシーンです。Arduino（アルデュイーノ）を用いて制作しました。Arduinoは、プログラミング初心者でも比較的簡単に始められる＆動きが目に見えて分かりやすいので興味のある人は是非🙃

そして、こちらが完成したFightimerのサイトです↓

制作期間はだいたい7日間ほどです。ちゃんと計画を立てて制作すればよかった。しかも、一度火が付くと止められないタイプ＆夜型人間で、午前3時くらいまで作業してたので昼夜逆転しかけてました。

今までも数回程度簡単なサイトを作ったことはありましたが、正直コーディングをなんとなくで行っていました。なので、このサイトの制作を通して、もう一度勉強しなおすつもりで取り組みました。

調べていくうちに知らないワードがどんどん出てきてキャパオーバーでしたが、何とか完成。特に、レイアウトを構成する際に今まで使っていたfloatプロパティ以外にflexboxたるものがあるのを知って驚きでした！

デザインに関してもなかなかに悩みました。いろんなサイトを参考にさせてもらいましたが、見るのと実際に作るのとではやはり違いますね。頭で考えているものを書き起こすのがこんなにも難しいのだと…。

デザイン・コーディングとも、なかなか思い通りにならずに苦戦しましたが、やはり手を動かして何かを作ることは大切ですね。インプットするだけでは分からないことも、同じものを作る、真似てみると分かることもあると思います。私はアウトプット以前にインプットの量が足りておらず膨大な時間がかかってしましましたが...。

これをいい機会にして今後も継続して何かしらのサイトを作れたらなあと思います😎