何問正解できる？JavaScriptの学習アプリ「JavaScript暗記カード」でクイズに挑戦してみたら自信を無くしました！
どうやら私は雰囲気だけのJavaScriptエンジニアだったようです。
先日なんとなくAppStoreを検索していたところ「JavaScript暗記カード」というアプリを発見しました。JavaScriptの学習を促進するために「文字列」「配列」「数値」などの処理方法を学べたり関連するメソッドをクイズ形式で出題しています。
AppStore/GooglePlayのリンクを貼っておきますのでダウンロードしてみてください。
◼︎AppStore
◼︎GooglePlay play.google.com
言うても私、Vanilla JSやPure JS(どちらも普通のJavaScriptをかっこよく言っているだけです。)の扱いについては業務も含めて慣れておりますので、楽勝にクリアしてやろう！という思いでダウンロードしました。
今回はアプリの使い方の紹介とクイズに挑んでみた結果を恥ずかしげもなくブログに記したいと思っています。
使い方
アプリを立ち上げるとコアJavaScriptとクライアントサイドJavaScriptを選択できます。
コアJavaScriptはNode.jsやReact Nativeでも使えるようなJavaScriptのデータ構造の扱い方や、PromiseやJSONの処理方法について学ぶことができます。
クライアントサイドJavaScriptは今だけ無料のようですが、主にWebサービスで使用するようなDOM操作やCanvasの描画、Windowオブジェクトの処理などを学習することができます。
今後、jQueryやReactについてもコンテンツが追加されるようなので楽しみですね。個人的にはVue.jsやNuxt.jsなども覚えたいので追加されると嬉しいなぁと思っています。
学習コンテンツについて
2019年9月時点でコアJavaScriptの学習コンテンツは以下のようになっています。
- String(文字列の処理)
- Number(数値の処理)
- Array(配列の処理)
- Object(オブジェクトの処理)
- Function(関数の処理)
- Math(数値の計算)
- Date(日付の処理)
- Promise(非同期処理の処理)
- グローバル関数(JavaScriptに組み込まれている内部関数)
- JSON(JSONの処理)
各コンテンツは暗記モードとクイズモードの2つが用意されています。
暗記モード
暗記モードは最初に処理したい内容がかかれています。
タップすると正解が表示されます。
便利なのが、それぞれのメソッドに対してサンプルコードも紹介しているところです。
2文字分0埋めしていて、埋まってる場合は何もしない。というのがサンプルコードから読み解けます。理解しやすくていいですね。
クイズモード
クイズモードは制限時間内にメソッド名を答えていき、最終的に何問正解したかで自分の理解力を知ることができます。
制限時間が結構あせります。
アニメーションが触ってて気持ちいい
スクショを見てもらうとわかりますが、デザインがとても綺麗です。操作している時のアニメーションも気持ちがいいので、触ってて楽しいです。
gifアニメーションなので伝わりにくいですが操作時の効果音も聞いてて気持ちいい！
クイズに挑戦
最初に書いたように、私は「配列処理」のクイズに挑戦してみました。
結果は・・・
心、ボキィッ！！
100点中39点というなんとも情けない結果に終わってしまいました。いかに自分がGoogle検索という外部ストレージに頼っているかがわかりました。
というか皆さんこれ全問正解できるんですか？！
まとめ
私は「楽しく遊んで学べるサービス」をいつか作りたいなと思っていたのですが、とても良い取り組みのアプリでした。
- JavaScript専用学習アプリ
- デザインや効果音にもこだわっていて触っていて楽しい
- 少しJavaScriptを使っている人たちの学び直しに最適
- 知らなかったメソッドとの出会い
- 入力中にキーボードの予測変換が勝手に入って焦る
- 問題文の理解が少し難しいかも。出力結果が書いてあると良いかもなと思いました。
「文字列を先頭から延長する。 出力例:"7" → "07"」
みなさんがどれだけJavaScript知っているかとても気になるので是非ダウンロードしてみてください！
