カテゴリ:

ノンプログラマーが「ズンドコキヨシ」をやってみた!

どうも!こんにちは。
ラーメンの味では、「さっぱり塩が好きだけど、味噌も捨てがたい」な押尾です。

先日、上司から今話題の「ズンドコきよし」について、ちょっと社内でやって見ようよ。という挑戦状をいただいたので、挑戦してみました!!

「ズンドコキヨシ」とは?

kiyoshi_2

そもそも、「ズンドコキヨシ」って何?
ズンドコキヨシまとめ – Qiita

どんな言語を使ってもいいので、”ズン”と”ドコ”の2つの単語しかない配列を使って『ズンズンズンズンドコ』とつなげたら『キヨシ』を表示する。という、何とも面白い内容です。

プログラムの基本的な知識で作成できるのと、最近プログラムに興味を持ち始めたヒヨコディレクターの押尾がトライしました!!
せっかくなのでちょっと面白い感じで作成しようと思い、お笑い路線で気合を入れて作成してみました!

まずは、HTML部分を作成。

ズンドコキヨシ プロトタイプ

いろいろな言語がありますが、私はjQueryで作成してみました!
“ズン”と”ドコ”をランダムで表示しストップボタンでスロットマシーンのように止めて揃える。というようなものを作成しようとしてみたところ、失敗作が完成!!
Demo ズンドコキヨシ プロトタイプ

  • 「ストップ」ボタンを押すと全て一緒に止まる。
  • 「ズンズンズンズンドコ」が揃ったら画像が勝手にどんどん切り替わる!止まらない。

さすが、ノンプログラマー!動きにバグだらけ!

プログラマーが調整した ズンドコキヨシ

そこで!最終手段!
思ったような動きにならなかったので、隣の席のプログラマーさんに助けを求めてみた!

その結果がこちら!!

Demo ズンドコキヨシ 調整後

ちゃんと一つずつ言葉を止めることができました~!ありがとうございます!

せっかくなのでハズレの場合はやすしさんが出るようにしました~全部揃えるのには少し手間がかかりそうですが。
みなさんよかったらきよしが出るまで挑戦してみてくださいね(^o^)/

Demo ズンドコキヨシ 最終版

The following two tabs change content below.
kayoko oshio
技術開発部 ディレクター いつでもポジティブに物事を考えよう!と、思いつつ、時々ダークサイドに堕ちて暗黒世界へのトラベルを楽しんでいます。 お問い合わせはこちらからお気軽にどうぞ。

おすすめの記事

    【2019年4月】Facebook の QR コードを表示する方法
    【2019年4月】Facebook の QR コードを表示する方法
    知ってました? Googleマップの新機能。
    知ってました? Googleマップの新機能。
    今話題の Android 乗っ取り危機から身を守る!?
    今話題の Android 乗っ取り危機から身を守る!?
    続・FacebookでQRコードを表示する方法
    続・FacebookでQRコードを表示する方法
    AIの未来を考えると非常に恐ろしくなる?
    AIの未来を考えると非常に恐ろしくなる?
    モバイルで写真の切り抜き。Adobe Photoshop Mix を使ってみた。
    モバイルで写真の切り抜き。Adobe Photoshop Mix を使ってみた。