他カテゴリ

賞味時間タイマー 完成編!

つむりん🍚UGOK's icon'
  • つむりん🍚UGOK
  • 2019/09/15 16:54
Content image

 

どうも、つい先日2本目の親知らずを抜いて歯茎が痛むつむりんです。

前々から制作し続けていた、賞味時間タイマーが(ようやく)完成しました!

今回は、前回までに終わらなかった「説明ページ」と、完成した作品をもういちどふりかえって紹介をしたいと思います。

 

 

〇賞味時間タイマーって? 

 賞味時間タイマー「About to eat!」は、賞味期限とはいかないけれど、その食べ物がおいしく食べられる時間をお知らせしてくれるタイマーです。

その具体例としては、

・しっとりめの海苔が好きな人に、おにぎりを握ってから海苔が柔らかくなるまでの時間をお知らせ。

・ふやけたコーンフレークが好きな人に、あの絶妙な加減のコーンフレークの食感になる時間をお知らせ。

といった感じです。

それぞれの食べ物の美味しく食べられる時間は、あらかじめ決められた秒数からカウントダウンされるので、完全に私の主観になっています。「家のタイマーで自分の好きな時間をカウントダウンさせれば良くない?」という疑問は捨ててくださいᕙ( ͡° ͜ʖ ͡°)ᕗ

 

 

・つかいかた

 まず、トップ画面に表示されている食べ物の名前をクリックします。

Content image
トップ画面

 

 カウントダウン画面に遷移します。真ん中の食べ物のイラストをクリックすると、カウントダウンします。

クリックでカウントダウンします↑

 

 カウントダウンが終わると、残り秒数が「たべごろ!」の表記に変わります。

Content image

 

 

・説明ページ

 この作品の名前だけを聞いても、どんな作品なのか分からないのでは?と思い、簡単に作品の説明ページも作ってみました。これが、前回紹介できなかった部分です。

Content image

 

私は絵を描くのが下手なので、イラストには『Linustock(ライナストック)』さんの素材を使用させていただきました。

つかいかたの項では、Videoタグで動画を挿入し、視覚的に分かりやすくしてみました。見えづらいですが、トップページのキャプチャ動画が再生されています↓

 

 

制作を終えて

学校の課題と重なったこともあり(言い訳)、7月中はなかなか進まなかったこの作品ですが、夏休み期間中で無事完成させることができました。よかった。

本来は、企画の段階からしっかりと案を練ってから仕上げていくべきものですが、私は熟考することなく思いつくままに作っていったので、何を表したいのかがブレブレになってしまいました。

そして肝心のJavaScriptにはあまり時間を割くこともなく(むしろ、作品紹介ページに時間を費やし)終わってしまいました。だめじゃん。

 

次何か作るときは、制作する前の段階で目的とか構成を明確化してからやろう👌

 

 

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

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
トラベル

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

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

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

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

オランダ人が語る大麻大国のオランダ

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

17万円のPCでTwitterやってるのはもったいないのでETHマイニングを始めた話

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

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

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

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

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

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

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

Bitcoinの価値の源泉は、PoWによる電気代ではなくて"競争原理"だった。

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

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

Like token Tip token
121.79 ALIS
Eye catch
ゲーム

【初心者向け】Splinterlandsの遊び方【BCG】

Like token Tip token
6.32 ALIS
Eye catch
グルメ

バターをつくってみた

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

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

Like token Tip token
124.82 ALIS