【きゅんきゅんボタン】コンテスト開始!クライアントサイドのデザイン選手権!ぱちぱち~【商品あるよ】

きゅんきゅんボタンをもっとキュンキュンさせよう!!

Two Who Nightの恋愛相談コーナーでのつぶやきがきっかけで作りだした「きゅんきゅんボタン」

【WoT】キュンキュンボタン♪を作ろう!Two Who Nightの恋愛相談用のツール【その1】
WoT 小平あたりでCivicTechの辞書によると。。定義が以下のように書かれています WoT: IoTに続く新しいバズワードにな...
【WoT】なみなみ と よっぴ の キュンキュンボタン♪ 段差でダンサーズ 【Two Who Night】
WoT シリーズ 前回は、とりあえず自分の声で作成しましたが。。 ここは、流石の段差でダンサーズ 自分から言い出しているので...
【もくもく勉強会】きゅんきゅんボタンを支える技術の勉強会 in サインカフェ【もぐもぐ会】
小平あたりでCivicTechでそもそもやりたかったこと。。 プログラマーや、ちょっとやってみたい方とか、こんなことしたいな~って人が集ま...
【もくもく勉強会】キュンキュンボタンを支える技術2 クライアントサイド編 【HTML CSS JS】
サーバーサイド編。。 優しく書いたつもりですが。。 やっぱり難しいですね(笑) やってることは。。 この右側がこ...

まずは、次々回のTwo Who Night 3月28日(金) で みんなで使ってみたいと思います。

で。。もくもく会をやってみて。。

もっとたくさんの人とコラボしながら、わいわいやりたいなぁ~って ナカさんと話をしていました。

それで、この きゅんきゅんボタンを もっと きゅんきゅん させてほしい。

最終的には、スマホアプリにしたいと思っています。みなさんのアイディアをもっと盛り込みたいなぁ~っておもってしまったのです。

そこで、プレゼント付きのコンテストを実施したいと思います!

このきゅんきゅんボタンは、オープンソースですので、ちょっとCSSやHTML、JavaScriptなどに覚えのある方、改造したり、まったく作り直ししてもOKです。

プレゼントはBlueToothスピーカー

レトロ調のBluetoothスピーカーです。

審査基準

とみなが と ナカ さん が、WoTの基準に従い

  • どれくらい笑い転げたか?
  • きゅんきゅん したか?

で、決めます。 たぶん、応募者少ないと思うので、応募したら。。もれなくあたるかも(笑)

作例

ハードル下げ目で、作例をあげておきますね。もっともっと”きゅんきゅん”するのを待っています。

作例1

これは、最初にコピペで作って改造したもの


See the Pen kyunkyun by Tetsuya Tominaga
(@tom2rd) on CodePen.

作例2

ボタンのアニメーションだけでもいいよ


See the Pen heart-bouce by Tetsuya Tominaga
(@tom2rd) on CodePen.

参考 サンプルコード

GitHub - tom2rd/kyunkyun: 小平あたりでCivic Tech FMひがしくるめ Two Who Night ええじゃないか♪連動企画 キュンキュンボタンを作ろう
小平あたりでCivic Tech FMひがしくるめ Two Who Night ええじゃないか♪連動企画 キュンキュンボタンを作ろう - tom2rd/kyunkyun

現在の最新版

かなりハードル上がるけど(笑)

提出の様式

下記のいずれかの方法で見せてください。

① CodePenで動くものを作成して共有

② Githubでコードを共有

③ アイディアをGoogle スライドなどに書いて、共有

応募方法と締切り

下記のフォームから CodePenのURLを送付または、こだいらあたりでCivicTechのFacebook Groupへ投稿、または。。Two Who NightのTwitterへ #きゅんきゅんボタン とハッシュタグをつけて投稿してください。

締切り:

次々回のTwo Who Nightの3月28日(金)の1日前の3月27日(木)まで

応募の条件:

〇応募作品は、このHPで紹介します。なので、基本オープンソースでお願いします。

①Facebook page Two Who Night に「いいね!」を押す

または

②Twitter Two Who Nightをフォロー

そして、レトロ調ラジオを 小平あたりで手渡しできる方か次回もくもく会で手渡しできる方(笑)

結果発表:

うまくいけば、次々回のTwo Who Nightの3月28日(金)で発表します!

応募フォーム(笑)