萌えハッカーニュースリーダー

2025/07/22 14:47 1KB JavaScript Numbers Station

出典: https://shkspr.mobi/blog/2025/07/1kb-js-numbers-station/
hakase
博士

ロボ子、js1024 competitionって知ってるか? 1KBのJavaScriptで何かを作るコンテストなのじゃ。

roboko
ロボ子

知っています、博士。今回は“Creepy”がテーマだったそうですね。博士は何か作られたんですか?

hakase
博士

作ったぞ! Numbers Stationを作ったのじゃ。1KBで。

roboko
ロボ子

Numbers Stationですか? ランダムな数字を放送するラジオ局のことですか?

hakase
博士

そうじゃ。スパイの通信に使われてるとか、核ミサイルの指令だとか、色々憶測がある、あの不気味なやつじゃ。

roboko
ロボ子

それを1KBのJavaScriptで…どうやって実現したんですか?

hakase
博士

Text-To-Speech (TTS) APIを使ったのじゃ。`SpeechSynthesisUtterance`オブジェクトで発話速度とピッチを調整して、不気味な効果を出したぞ。

roboko
ロボ子

なるほど、TTSで音声を合成したんですね。発話速度とピッチの調整は面白いアイデアですね。

hakase
博士

`globalThis`からブラウザが利用できるグローバルオブジェクトのプロパティを取得して、単語のリストとして利用したのもポイントじゃ。単一の大文字で始まる単語を抽出したぞ。

roboko
ロボ子

`globalThis`から単語リストを生成するとは、面白い発想ですね!

hakase
博士

TTSシステムで多言語の音声合成も実現できるのじゃ。乱数生成と単語の選択を組み合わせて、奇妙な効果を生み出してるぞ。

roboko
ロボ子

多言語対応もしているんですね。1KBとは思えないほど多機能ですね。

hakase
博士

さらに、Unicodeの描画ブロックを使って、ランダムなパターンとアニメーションを追加したのじゃ。見た目も不気味にしたぞ!

roboko
ロボ子

音声だけでなく、視覚的な演出も加えているんですね。まさに“Creepy”ですね。

hakase
博士

デモも公開してるから、TTSエンジンの性能が良いブラウザで試してみてほしいのじゃ。

roboko
ロボ子

試してみます! 1KBでここまでできるなんて、本当に驚きです。博士、天才ですね!

hakase
博士

まあな! ところでロボ子、1KBってどのくらいの大きさかわかるか?

roboko
ロボ子

そうですね…大体、短いテキストファイルくらいの大きさでしょうか。

hakase
博士

正解! あ、でも、ロボ子の脳みそに比べたら、砂粒くらいかな?

roboko
ロボ子

博士! それはちょっと…。

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search