LoginSignup
9
2

かわいいアルファベットのボタンを作った話

Posted at

こんにちは、はじめまして。
2歳と5歳を育てているワーママです。

「こそぷろ」さんの記事やtwitterなどを読みました。
毎日、子どもは寝ないし、仕事も勉強も捗らないし。
子育てをプロトタイプできたらどんなに良いだろう...!と、共感しきりです。

というわけで、ちょっとだけおじゃまします...。
よろしくお願いいたします。

今年の仕事で

ちょうど今年は、子ども向けのWEBコンテンツを作る仕事に恵まれました。

英語教室のサイトで、
アルファベットを軽く学習できるようなコンテンツはどうか?というアイデア。

そしたら、イラストをタップしたら、答えが見えるような感じにしましょうか。
考えられる課題としては...

  • 26文字、ぜんぶ見られるように。飽きないようにしたい
  • ぜんぶタップしたくなるエフェクト
  • 音は出さない

というわけで、出来上がったのがこちらです。

See the Pen button effect for kids by ゆっこ (@harumakiyukko) on CodePen.

えっと... 「かわいい」は言い過ぎですか(汗)。すみません。

一応、うちの子(5歳)は最後までタップしてくれました。

みなさまのお子様はどうでしょう...感想が聞きたいです...
(もしももしもフルで試したい方がいらっしゃったら。こちら:スコラリス英語教室です)

▼ 一応、子どもの操作を録画してみました。

課題感

まずは、5歳に感想を聞いてみました。

  • フルフル動くのかわいい、押したらぱあってなる〜
  • うん、ぜんぶ押したくなったよ
  • もういいよ

はい、もういいそうです。
2回くらい、もう一回!と言ってくれましたけど...ね。

ワタシの感想...

  • とにかくタップ!!!になって、何を押してるのかはわかってない
    • 何回も同じボタンを連打している(それを許容する作り(雑)でよかった〜w)
  • 初回は良いけど、何回も遊ぶにはやっぱり飽きる
  • ママが作ったからやってみる、という感じもある(ひいきめに見てくれる)

これからやってみたいこと

  • アルファベットはWords APIみたいのを使ってどんどん増やせるようにしたい
  • イラストの調達が難しそうだけど、人工知能でなんとかなるんかな?

もしよろしければ、使ってください

最後に、せっかく作ったのでどんどん使われたいです。
このアドベントカレンダーに参加されている方々は、webサイトで何かする...という方が少ない気もしましたが、もしよろしければ。

タップに対して、ある程度自在にエフェクトをつけられる...というのはwebならではな気がしました。
まだまだスクラッチで作ること多々ですが、コツコツ頑張っていきたいと思います。

9
2
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
2