小ネタ:ズンドコキヨシ

事の発端

Qiitaにて、こんな記事を見つける。
http://qiita.com/shunsugai@github/items/971a15461de29563bf90

内容としては、
「ズン」「ズン」「ズン」「ズン」「ドコ」と文字が並ぶと、
「キ・ヨ・シ!」という文字が最後に表示されて、処理が終了するプログラムを書くというものらしい。

で、面白そうだったのと、せっかくなのでブラウザで見れるように出来る範囲で挑戦することに。

(※もっと綺麗な処理の書き方があると思います・・・)

使ったもの

・AngularJS(https://angularjs.org/

実際のソースコード

ズンドコキヨシ部分はAngularの自作のサービス内で行っています。
画面のボタンを押すと自作のズンドコサービスの処理が開始。
配列の要素が[ズン, ズン, ズン, ズン, ドコ]一致する場合、
配列を結合したテキストに「キ・ヨ・シ!」と付けてループ処理を終了させています。
ただ、ループの回数が多すぎるとブラウザが止まっちゃうので、ループ回数が100回を超える場合は失敗と設定しています。

ブラウザ上だとこんな風に表示されます

ちなみに、Githubにて実際に動くページを公開中です。
https://kotoyori0708.github.io/

以上

この記事が気に入ったらサポートをしてみませんか?