非エンジニアが1ヶ月間iPhoneアプリ開発を勉強してみた記録

f:id:ujjjj:20151104025037p:plain

9月から1ヶ月とちょっと、iOSアプリの開発を勉強していたので、そのレポートを記したいと思います。私と同じような非エンジニアがプログラミングに挑戦するときの参考になれば幸いです。

プランナーである私がアプリ開発を勉強しようと思ったきっかけは、このアプリ。

このアプリが、自分が2年前に考えた企画にコンセプトが似ていて、しかも奇しくも名前が一緒！！

f:id:ujjjj:20151104012305p:plain

f:id:ujjjj:20151104012322p:plain

「悔しい！」と思うと同時に、「思いつくこと」と「つくること」の圧倒的な差、凄まじい敗北感・無力さを感じていました。

そんなときに、丁度同じ会社のエンジニアである杉山さんが講師をするiOS アプリ開発の無料講座の案内があったので、参加してみることに。

※ 只今、Androidアプリ講座受講生受付中！（無料）

omojyuku.tumblr.com

この記事では、その講座で学んだことを非エンジニアの言葉で超ざっくりまとめてみます。

これを読んでもコードを書けるようにはなりませんが、みなさんがちょっとでも何かをつくってみようという気持ちになれば嬉しいです。

ちなみに、非エンジニアと言っても、HTML、CSS、JavaScript、ActionScriptをほんの少しだけかじってます。（仕事では使えないレベルですが…）

あと、中学生の頃に、HSP（Hot Soup Processor）という初心者向け言語を勉強していたこともありましたが、「配列」の章で挫折しました。

↓ここまで、できました。

f:id:ujjjj:20151104015556g:plain

スプラッシュ画面があって、画面遷移して、日付や時計を表示して、今日の気持ちを選択できて、タイトルと本文を書けて、別の場所をタッチするとキーボードを閉じる。画面を回転させてもレイアウトが崩れない。

…というところまでできました。

アプリをリリースするところまでは出来ませんでしたが、何となくアプリっぽいものを実装することができましたよ！

これができるまでに、こんな順序でこんなことを勉強しました。

XcodeはiPhoneアプリを開発するためのツールです。

インストールしただけで、エンジニアになった気分になれます。

f:id:ujjjj:20151104020131p:plain

Xcodeには「Storyboard」というものがあり、そこにボタンやテキストのパーツを置くだけで、要素のレイアウトができてしまいます。

黒い画面にコードを打ち込む作業を想像していたので、驚くほど簡単で感動。

乱暴に言うと、パワポの資料をつくるみたいな感覚です。

f:id:ujjjj:20151104021839p:plain

controlキーを押しながら、カーソルをビヨ～ンとドラッグするだけで、画面遷移がつくれます。直感的すぎて不安になります。スーパーマリオメーカーみたいな感じです。やったことないけど。多分そんな感じです。

f:id:ujjjj:20151104022223p:plain

時計など動的に変化する部分は、Swiftという言語でコードを書きます。ようやくプログラミングっぽくなってきました！

f:id:ujjjj:20151104022907p:plain

ここで挫折してしまいそうになりますが、自分なりにコードを学ぶコツを考えてみました。

まずはググったり、Qiitaを見たりして、それっぽいコードをコピペする
※ この時、しっかりコメントを残しておく（何のためのコードかわからないときは「不明」とかいておく）
とりあえずプログラムを実行してみる
上手く行かなかったら、一部だけ切り離して実行してみる（さすがにココは動くだろうってところ）
上手く行ったら、パラメーターを変えたりして応用してみる

全てを理解してから書き始めようとするとキリがありません。このように何度もトライアンドエラーと応用を繰り返すことで、どのコードが何をしようとしているのか、ぼんやりと分かるようになってくる気がします。

ちなみに、ここで「配列」を勉強し直して、中学時代の挫折を克服しました。