>>「真面目」でも「頭がいい人」でもお金持ちになれないたった1つの理由とは

HTMLを学ぶことが出来るiPhoneアプリをリリースしました

こんにちは,学生エンジニアの迫佑樹(@yuki_99_s)です.

本日,iPhoneアプリをリリースいたしました.

1問1答クイズ!! アプリでマスターHTML5

1問1答クイズ!! アプリでマスターHTML5
開発元:Yuki Sako
無料
posted withアプリーチ

HTMLと呼ばれる,Webサイトを作る際に使用する言語をクイズ形式で学ぶことが出来るアプリです.

いろいろな人にプログラミングの楽しさを知ってもらいたい

最近,中高生や大学の友だち,そして社会人にまでいろいろな人にプログラミングを教える機会があります.

私はLife is Tech!という会社でのアルバイトの一環として,中高生にプログラミングを教えています.

大学の友達には,サークル中や,勉強会での登壇,LT大会などをしたりしています.

プロジェクタにプログラム映して勉強会をしたりしています.

f:id:McG:20161023230110j:plain

他にも,社会人の方とカフェでプログラミングしたり…

f:id:McG:20161023230208j:plain

様々なところで「人に教える」っていう機会に恵まれています.

ですが,初めてプログラミングをする人にとっては,どうやって手を付けたら良いかがわからないことって結構あるんです.

「それだったら,僕が自分で教材を作って初心者の方が学ぶのをサポートしてあげればいい」そう思って,今回アプリの開発を行いました.

どんなアプリ?

HTMLと呼ばれる,Webサイトを作る際に使用する言語を学習することが出来るアプリです.

Webサービスなどの学習アプリは結構あるんですが,アプリで簡単にどこでも学習ができるアプリっていうのは存在していなくて,手軽にできるようなアプリっていいなって思いました.

厳密にはプログラミング言語ではなくマークアップ言語に分類されるんですが,やっぱり初心者が一番手を付けやすいのはここかなと思い,今回作成させていただきました.

f:id:McG:20161023230825p:plain:h400

トップ画面はこんな感じです.

このアプリは,教科書とクイズ画面の2つからなっています.

トップ画面の,学習スタートボタンを押すと,教科書を選択することが出来る画面にジャンプします.

f:id:McG:20161023230909p:plain:h400

そして,このように豊富にある教科書から好きなのを選び,学習していきます.

一つ一つは1分あれば理解できるようになっているので,通勤通学時間などにサクッとできるようになっています.

実際の教科書画面はこのようになっています.

f:id:McG:20161023231120p:plain:h400

解説の文章を読んで,その文章を補足する画像がすべての教科書に付属しています.

画像をタップすると,拡大表示することも可能になっています.

f:id:McG:20161023231242p:plain:h400

そして理解できたらクイズへ進みます.

クイズは,教科書のページから直接クイズのページへ遷移することも出来ますが,クイズ一覧の画面から選択することも出来ます.

f:id:McG:20161023231315p:plain:h400

教科書に対応したクイズが用意されているので,それを解くことで理解度を確かめることが出来るようになっています.

f:id:McG:20161023231446p:plain:h400

また,教科書一覧画面では「未読」や「既読」がひと目でわかるようになっており,クイズ一覧画面では「正解」「不正解」「未回答」が確認できるようになっています.

今回,かなり急ぎ目で開発したのでデザイン性が少しかけていたり,「不正解だった問題だけ解き直す」などの機能がないため,今後のアップデートで改善していきます.

これからもアプリを配信してみたい

今回はHTMLのアプリだったんですが,デザインを学ぶことが出来るCSSや,サーバサイド言語のRuby,iPhoneアプリ開発用言語のSwiftなどの学習アプリも作れたらなって思ってます.

プログラミングは,自分の作りたいものをそのまま形にできる素晴らしいツールだと思っています.

初心者の「難しそう…できなそう…」 というイメージを少しでも変えれたらいいです.

iPhoneをお持ちの方,よろしければ使ってみてください!!

1問1答クイズ!! アプリでマスターHTML5

1問1答クイズ!! アプリでマスターHTML5
開発元:Yuki Sako
無料
posted withアプリーチ