【Suno】エレクトロスウィングに乗せて、あるあるエラーを歌う
今日も記事を開いていただいてありがとうございます。
今回はSunoで作った新曲の紹介です！
自分のサイト持ってると、ノリや勢いで更新したくなりません？
だって新しいコト覚えたら試してみたいし…！
ただ最近は会社で社内ポータルの編集することの方が多くなって、自分のサイトとかアプリ開発はサボり気味。やらねば…まぁそれはそれ。
そんなWeb周りを編集する中で、よくやる個人的なあるあるミス。
それらを最近知った「エレクトロスウィング」のリズムに乗せて、Sunoに熱く楽しく歌ってもらいました🎷
ちなみに職場の環境はレガシーすぎるので、もしかしたら現代とはエラーメッセージとか違いがあるかもしれません。
違和感あったら笑って許してください！
よう知らないワードはノリで楽しんでもらえたら嬉しいです。
よかったら一緒にYeah！して下さい👍
曲はダウンロードできるようにしました
個人での視聴はご自由にどうぞ！
再配布・改変・商用利用はNGでお願いします。
[Verse 1]
誰も知らない Webサイト
大切な俺の宝物
ふとした閃き 試したくなった
この好奇心から始まった
[Pre-Chorus]
新しいコード 動かないな エラーにも慣れっこだ
コンソール開いて はじめよう お前との対話
[Chorus]
追加した配列のレコード
区切りのカンマが足りてない…！
これだけのことで お前は動かなくなるのか
怒りと悲しみを込めて エンターを叩く
[Verse 2]
またエラーか 次はなんだ
コンソールを睨む
またお前か「Syntax Error」
さっきも挨拶聞いたよ？
[Pre-Chorus]
"括弧が足りない" どの括弧だよ！
いくつあると思ってんだ！
ふと コードがこぼれて見えた
この関数…閉じ忘れてるな！
[Chorus]
ネスト深すぎ見落としてた
反省しながら 括弧閉じる
本当にここを直すだけで お前は動いてくれるのか…？
不安を抱きながらも 静かにエンターを叩く
[Bridge]
すべて直った そう思った瞬間
画面にはスクリプト停止ボタン
ブラウザがフリーズ 固まるコンソール
原因はひとつ ダブルのforループ
外側は「i」 内側は「j」
インクリメントがどっちも「i++」
こんな初歩的な間違いしたの誰
コピペ直すの忘れた俺！Yeah！
[Hook]
カンマの付け忘れ
括弧の閉じ忘れ
コピペの直し忘れ…
たった一文字のタイポ それだけで
お前は動かなくなるけど…
[Final-Chorus]
それでも 俺はコードを書く
お前と新しい世界を見たいから
想いを乗せて 祈るように
エンターを叩く
歌詞にしたのはかわいいミスですが、最近職場のモニタリングシステム止めたり、色々やらかしていますYeah！
…いやこれはテストなしで実装させた職場側も悪いと思うんです。
多分五分五分です。
個人的に思い入れがあるやらかし
それはJavaScriptのDateオブジェクトを上書きしたこと。
Dateオブジェクトは「new Date()」って書くと現在の日時を教えてくれる大事な呪文です。これは「Date」って言葉に、色々な処理が込められているんですね。
でも、この魔法の呪文は簡単に上書きできちゃうんです。
「Date」って言葉的に、日時のデータ入れたくなりませんか？
なりますよね？僕はなりました。
そう思った過去の自分は、この一行を書いたわけです。
（訳：データから最終更新日時を取り出してDateって箱に入れるよ）
var Date = record.lastModified頭に「var」を付けるあたりに抹殺の意思を感じますね（※ありません）
これが付くとこのページの中で使われる、すべての”Date”という言葉の意味を上書きします。
簡単に言うと、Dateの呪文は上書きされて”ただの文字”になります。
（もともと中に入っていた日時関連の呪文は追い出されて消える）
つまり今開いているページの中では、
日時を取得する呪文が使えなくなるわけですね。
マンガやアニメなら呪文が使えないのは見せ場のひとつ！
でもJavaScriptの世界では一大事なんです。
しかもこの時は、既存の動いているコードに書き足していく中でやらかしたんです。
元々組み込まれていた、日時関連の処理も全部死んでもう大変…！
動かなくなったから上司に相談したんですが、上司もまさかDateの呪文を粉砕しているとは思ってなくて、解明には結構時間掛かりました。
そんな申し訳なかった思い出。
無知は罪、日々精進しましょう…！
もし皆様もやらかしエピソードがあれば、供養気分でコメントで教えてもらえたらうれしいです笑
おまけ：サムネのフルサイズ
ここまで読んでいただいてどうもありがとうございます。
それではまた！
