他カテゴリ

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

つむりん🍚UGOK's icon'
  • つむりん🍚UGOK
  • 2019/08/19 04:41

 

Content image

 

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

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

 

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

 

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

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

 

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

Content image

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

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

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

 

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

 

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

 

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

 

 

Supporter profile iconSupporter profile iconSupporter profile iconSupporter profile iconSupporter profile icon
Article tip 5人がサポートしています
獲得ALIS: Article like 54.32 ALIS Article tip 6.57 ALIS
つむりん🍚UGOK's icon'
  • つむりん🍚UGOK
  • @tsumri
UGOKのメンバー。ごはんよりパン派。Twitter(@ugok_rc22)🐦

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
クリプト

ジョークコインとして出発したDogecoin(ドージコイン)の誕生から現在まで。注目される非証券性🐶

Like token Tip token
38.31 ALIS
Eye catch
トラベル

無料案内所という職業

Like token Tip token
84.20 ALIS
Eye catch
他カテゴリ

警察官が一人で戦ったらどのくらいの強さなの?『柔道編』 【元警察官が本音で回答】

Like token Tip token
114.82 ALIS
Eye catch
他カテゴリ

警察官が一人で戦ったらどのくらいの強さなの?『柔道編』 【元警察官が本音で回答】

Like token Tip token
114.82 ALIS
Eye catch
他カテゴリ

機械学習を体験してみよう!(難易度低)

Like token Tip token
124.82 ALIS
Eye catch
クリプト

Bitcoin史 〜0.00076ドルから6万ドルへの歩み〜

Like token Tip token
947.13 ALIS
Eye catch
トラベル

わら人形を釘で打ち呪う 丑の刻参りは今も存在するのか? 京都最恐の貴船神社奥宮を調べた

Like token Tip token
486.35 ALIS
Eye catch
トラベル

梅雨の京都八瀬・瑠璃光院はしっとり濃い新緑の世界

Like token Tip token
216.64 ALIS
Eye catch
ビジネス

海外企業と契約するフリーランス広報になった経緯をセルフインタビューで明かす!

Like token Tip token
16.10 ALIS
Eye catch
他カテゴリ

SASUKEオーディションに出た時の話

Like token Tip token
35.87 ALIS
Eye catch
クリプト

約2年間ブロックチェ-ンゲームをして

Like token Tip token
61.20 ALIS
Eye catch
クリプト

NFT解体新書・デジタルデータをNFTで販売するときのすべて【実証実験・共有レポート】

Like token Tip token
121.79 ALIS