0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ZEN Study (旧 N予備校) プログラミングコースAdvent Calendar 2024

Day 23

"にょろぼん" のコンテスト作品🖼️制作日記2024①

Posted at

みなさんこんばんわ!”にょろぼん”です٩( 'ω' )و
アドベントカレンダー🎄なんか埋めたいなと思って!
時節柄。。。先週の授業でも告知ありましたね『動くWebページコンテスト!』開催のお知らせ!
みなさん。正直にお答えください…
『ぶっちゃけ、超プレッシャー!!』 ですよね。。
そりゃ〜ね。分かってるんですよ。。意義はね。。
◎今まで学んできた事を試す良いチャンスで!
◎拙いアイデアでも良いから、自分で書くのが大事で!
◎自分で設計して書く過程!この事自体が超絶経験値になる!
んでしょ。先生の言うと〜り!んなこた〜重々分かってるんです。

ただね。いきなり作品を作れ!と言われても。どうしていいか分からない。最初の一歩をどう進めたらいいかが分からない。 困ってしまって一歩が踏み出せずモヤモヤだけが膨らむ。。そういうもんじゃない? だって、”にょろぼん”もまさにそうだったから。

だから、この夏”にょろぼん” が実際に一歩一歩作品を描き進めた日々を、制作日記、体験談として晒しage⤴︎⤴︎してみようかと思い立ちました。やっぱ、こーゆうのは、実際にどうだったか?を知るのが参考になるよね。
赤裸々な体験談に一定の需要があることを信じて!!とりま、思い出した日々を1連載で2エピソードくらいづつ。空いてるアドベントカレンダーに投稿してみようかと思っています!お暇な時に読んでちょ!

どうか!これから冬の『動くWebページコンテスト』にみなさんが挑戦したくなった時のみちしるべになりますように!🪄✨
そして、今回作のコアアイデアを頂けた事への。時節の感謝も込めて。
Have yourself a merry little christmas🎄 and make your season bright✨

Day⓪『アイデアが生まれた日』
それは。。忘れもしない8月ある日。”にょろぼん” は色々ありまして。。運転免許証が使えないピンチnのど真ん中にいたのでありました😱ぴえん。。
免許再取得の為うだるような暑さの中、埼玉県某所の運転免許教習所で次の授業コマを汗だくで待っていた。。その時ふと耳にした、指導教官同士が交わす雑談!↓
教官A『今、コンビニで、三ツ矢サイダーゼロ買うと、もう一本無料のチケットもらえるよ!』
教官B『クソ暑いし☀️。。サイダーいいっすね〜!でも、コンビニの無料チケット、引き換え開始日が次週とかでしょ!だいたいもらい忘れちゃうんすよね〜・・・』
教習まじだるい。とやさぐれてた ”にょろぼん” には、コンテスト作品の種🌱
『こ、これなんじゃね?💡』と⚡️啓示のようにおもわれ。。
携帯メモに『コンビニチケットのアプリを作る』と書き書きなぐったのでした📝

Day①『コア・ロジックはこれでど〜だ!』
自宅に戻ってゴロゴロ。。『ようは、コンビニ”無料チケットが使えるまでの期日を判定”したいんだよな…』と。。頭に浮かんできたのは、『JavaScriptで論理を扱う』の回で使った関数でした!そう!あの、🎄クリスマスまであと何日?コードを書いた時の。
https://www.nnn.ed.nico/courses/2140/chapters/27057/guide/7438
[function.js]
let nextChritsmas = ホニャララでクリスマス日時定義したあとの
let now = new Date(); で!今日の日付が取得できるんじゃね??

んでもって。チケットの有効期限に入っているか判定は。。
『JavaScriptのオブジェクト』の回で、10秒当てゲームで使った条件式が、ポン付けで動くんじゃね???
[object.js]
function stop() {
if (9.5 <= seconds && seconds <= 10.5) {
https://www.nnn.ed.nico/courses/2140/chapters/27058/guide/7439
引換開始日(9.5秒...) =< 今日の日付 =< 引換終了日(10.5秒...)

ああ。。今振り返ってみても。”にょろぼん”の作品のコードは、
上記のテキストの該当部分とバチでクリソツ!笑っちゃう位。
(まるパ⚪️リ!と言いたくなる位のッ!真似というかオマージュ)
https://github.com/nyeoro-bong/cvsTicket

コアとなる条件式は、N予備テキストでバッチリ動いているコードでいける!
あとは、必要になる日付取得とかカレンダーの部品を、google先生に尋ね探してこよう!!
あえて言おう!これで勝つる!と。ジークジオン🙌
(web上での部品探しの手順など。。。実際みたサイト等。。次回連載へつづく)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?