こんにちは，学生エンジニアの迫佑樹(@yuki_99_s)です．
本日，iPhoneアプリをリリースいたしました．
HTMLと呼ばれる，Webサイトを作る際に使用する言語をクイズ形式で学ぶことが出来るアプリです．
いろいろな人にプログラミングの楽しさを知ってもらいたい
最近，中高生や大学の友だち，そして社会人にまでいろいろな人にプログラミングを教える機会があります．
私はLife is Tech!という会社でのアルバイトの一環として，中高生にプログラミングを教えています．
大学の友達には，サークル中や，勉強会での登壇，LT大会などをしたりしています．
プロジェクタにプログラム映して勉強会をしたりしています．
他にも，社会人の方とカフェでプログラミングしたり…
様々なところで「人に教える」っていう機会に恵まれています．
ですが，初めてプログラミングをする人にとっては，どうやって手を付けたら良いかがわからないことって結構あるんです．
「それだったら，僕が自分で教材を作って初心者の方が学ぶのをサポートしてあげればいい」そう思って，今回アプリの開発を行いました．
どんなアプリ？
HTMLと呼ばれる，Webサイトを作る際に使用する言語を学習することが出来るアプリです．
Webサービスなどの学習アプリは結構あるんですが，アプリで簡単にどこでも学習ができるアプリっていうのは存在していなくて，手軽にできるようなアプリっていいなって思いました．
厳密にはプログラミング言語ではなくマークアップ言語に分類されるんですが，やっぱり初心者が一番手を付けやすいのはここかなと思い，今回作成させていただきました．
トップ画面はこんな感じです．
このアプリは，教科書とクイズ画面の2つからなっています．
トップ画面の，学習スタートボタンを押すと，教科書を選択することが出来る画面にジャンプします．
そして，このように豊富にある教科書から好きなのを選び，学習していきます．
一つ一つは1分あれば理解できるようになっているので，通勤通学時間などにサクッとできるようになっています．
実際の教科書画面はこのようになっています．
解説の文章を読んで，その文章を補足する画像がすべての教科書に付属しています．
画像をタップすると，拡大表示することも可能になっています．
そして理解できたらクイズへ進みます．
クイズは，教科書のページから直接クイズのページへ遷移することも出来ますが，クイズ一覧の画面から選択することも出来ます．
教科書に対応したクイズが用意されているので，それを解くことで理解度を確かめることが出来るようになっています．
また，教科書一覧画面では「未読」や「既読」がひと目でわかるようになっており，クイズ一覧画面では「正解」「不正解」「未回答」が確認できるようになっています．
今回，かなり急ぎ目で開発したのでデザイン性が少しかけていたり，「不正解だった問題だけ解き直す」などの機能がないため，今後のアップデートで改善していきます．
これからもアプリを配信してみたい
今回はHTMLのアプリだったんですが，デザインを学ぶことが出来るCSSや，サーバサイド言語のRuby，iPhoneアプリ開発用言語のSwiftなどの学習アプリも作れたらなって思ってます．
プログラミングは，自分の作りたいものをそのまま形にできる素晴らしいツールだと思っています．
初心者の「難しそう…できなそう…」 というイメージを少しでも変えれたらいいです．
iPhoneをお持ちの方，よろしければ使ってみてください!!
▼期間限定で無料配布中▼
- 経済的自立を果たす10のステップ
- 時給10円から年商10億円に至る道のり
- 最短で0→1を立ち上げる起業術
- お金持ちになる5つのルール
- すぐに実行できる即金マニュアル
無料特典を受け取るか迷っている方は、こちらの記事「真面目」でも「頭がいい人」でもお金持ちになれないたった1つの理由」をお読みください。
