コンパイルエラーやランタイムエラーを直していくだけでiOSアプリの作り方がわかるプロジェクト

を作りました。

takasek/MokuMokuNotes_iOS: Quest based learning tool for writing a basic iOS app
https://github.com/takasek/MokuMokuNotes_iOS

モチベーション

元々、 Androidエンジニアの@callipanが、私のAndroid入門のためにわざわざ コンパイルエラーやランタイムエラーを直していくだけでAndroidアプリの作り方がわかるプロジェクト を用意してくれたんですが、それがとても楽しかったのでiOS版を作りました。

(2018/5/12追記)
インスパイヤ元であるAndroid版も、パワーアップして公開されました！
panpanini/MokuMokuNotes_Android: Quest based learning tool for writing a basic Android app
https://github.com/panpanini/MokuMokuNotes_Android

コンセプト

ゲームのように、クエストをひとつひとつクリアしていくことで自然にレベルアップできる教材になるよう意識しました。

何が学べるか

• Xcodeでのファイルの検索方法
• delegateパターン（MVP）
• Storyboardの使い方
• Outlet接続
• tableviewのregisterやdequeue
• 画面遷移

あたりを段階的に楽しく学習できます。

あそびかた

1. Mac AppStoreでXcodeをインストールする
2. git clone https://github.com/takasek/MokuMokuNotes_iOS.git する
3. Xcodeでプロジェクトを開いて、ビルドする
   • しかしビルドエラーに遭遇する
     
4. ヒントをたよりにビルドエラーを直す
   • この場合、 hint: press Command+/ とあるので従うと…
     直った！
5. 再びビルドする
   • Command+Bや Command+R というショートカットキーが使えることは、上のメッセージをよく読んだ諸兄であればもうおわかりですね？
   • 今度はビルドが通ったようです！
   • しかしアプリを実行すると、ランタイム（実行時）エラーに遭遇
     
6. ヒントをたよりにランタイムエラーを直す
   • ヒントにあるように、MVPについてのスライドを読んだり、リポジトリのアーキテクチャ図を確認したら、行を削除
7. 再びアプリを実行すると…この後に何が起こるかはお楽しみ。さあ冒険のはじまりです。

あそんでくれたひとの声

swift書いてますが結構難しかったです。
ただゲームのようでとても面白かったです。
最後の画面を自分でデザインのところはなんか少しいじるだけでとっても嬉しくなれる感じでとても素敵だと思いました。
完成形のgif載せない方がよければすぐに削除します。 pic.twitter.com/NgPDsqyers

— さちこ (@854729) 2018年5月6日

ネタバレになっちゃいますが最終クエストはそんな感じです。
どうです？　わくわくしてきましたか？

フィードバック募集中！

「何すればいいのか困った」「ここヒント少ない」「英語おかしい」とかでもフィードバックもらえたら改善しますので是非お寄せください。