この記事は、2022年11月24日にあった社内勉強会で発表した内容を必要に応じてリライトした内容です
JS Challenger
What this site ?
無料でJavascriptの演習ができるオンライン学習サイト
初級〜上級までのレベルがあるが、ほとんどの上級演習は有料プランへの登録が必要かも（料金プランについては次項に続く）
淡々と演習をこなしていく感じなので、暇つぶしにもってこいだと思う
JS Callengerを歩いてみる
ダッシュボード
自分の進捗状況や、演習のピックアップ、みんながよくチャレンジしている演習、みんながハマりやすい演習が一画面に集約されている
マンネリ化してきたらピックアップ演習やハマりやすい演習にチャレンジしたりしてもいいかも
料金プラン
無料とはいえすべてではなく、一部有料プランでないとできない演習などがある
有料プランの料金は $10／月
ちょっと強気な値段設定だとは思う（ドル建てだから変動あるし）
有料プランでできること
- 進捗状況の永久保持
- たぶん無料プランはcookieで進捗保存しているんだと思う
- すべての演習へのチャレンジができる
- 無制限のヒント
- 解答のカンニング
- 広告なし
💪 実力試し
実際に少しやってみました！
セクションは、
- 変数
- 比較演算子
- 文字列操作
- 条件文
- 関数
- 配列操作
- ループ
- オブジェクト
- 日付操作
- DOM操作
で分かれていて、セクションごとに10問以上演習問題があるという感じ
1セクション半分無料、半分有料っぽい
上記のように、問題文とそのまま実行するとエラー文もしくは期待値以外の結果が出るコードが出てくるので、そのコードを期待値が出るように修正していくという演習
コードを修正して「Run Code」をクリックして、期待値が出たら…👇
上記のポップアップが出てきて、他にこんな解答があるよという例を出してくれる
「Next Challenge」をクリックすると、次の演習が出てきて…の繰り返し
💪 結果
上級問題をくれ！（有料プランに課金不可避）
初級〜中級はわりかし簡単なものが多かった印象、おそらくスクラッチで書かないからかも？
けど、無料でできるボリュームが多いということなのでメリットだと思う
初級演習から順番にやっていくと、中級までの問題の量が多いので少し飽きがちになってしまいそうだけど、「Random Challenge」というのもあるので（級ごちゃまぜ演習）、
初心者：順番に演習問題
中級者以上：Random Challengeで淡々と
という遊び方がいいのかなあという感想でした
これからも暇潰しで進めていって、いつかJavascript "チョットデキル" になりたいです👩💻