iPhoneアプリ開発

【ゼロから作る！】初心者から始める！iPhoneアプリの開発手順とは

iPhone(iOS)アプリ開発をこれから勉強したいと考えている初心者向けに基礎から応用までまとめて紹介しています。どうやって進めたら良いか分からないという人は開発手順や便利なツールを知ることができるはずです。

TechAcademyマガジンは受講者数No.1のオンラインプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。

iPhoneアプリの開発手順をゼロから紹介していきます。

今回の記事では、プログラミングをやったことがないという初心者の方にも分かりやすく2人のキャラクターを用いて解説しています。

「iPhoneアプリを作る上で準備しなければならないもの」「iPhoneアプリをリリースしてみたい」「iPhoneアプリで収益を上げたい」などそれぞれシチュエーションに分けて細かく紹介しています。

では、iPhoneアプリの開発手順を実際に見ていきましょう！

今回の登場人物

田島悠介（29）
現役エンジニアで田島アプリスクールの代表。人の成長を見るのが一番のやりがいになっている。
TechAcademyのメンター。好きな映画は『トスカーナの休日』

大石ゆかり（24）
TechAcademyの受講生。
Instagramには3つの写真加工アプリで編集してからアップするという。

田島メンター！こういうインスタみたいなアプリってどうやって作るんですかー？

おっ！ゆかりちゃんもアプリ作ってみたいの？

はいっ！！だってアプリ作れたら稼げるって聞いたから！

(すごいミーハー感が・・・)
じゃあ、せっかくだからiPhoneアプリを公開する手順を一通り説明していくね！
ゆかりちゃんが気になってるお小遣い稼ぎの方法も最後に紹介するからね！

やった〜！！ありがとうございます！（これで世界一周行けるかな♪）

iPhoneアプリ開発で準備するもの

iPhoneアプリを作る前に準備すべきものがいくつかあります。

xcode1-e1454912216556

Mac
Xcode

iPhoneアプリの開発を進めるためには上の2つが必要になるのです。

実際にApp Storeにリリースしたいと思っている方は、リリースまでに準備すべき6つのことをご覧ください。

すでにMacを持っている方は、Xcodeのインストール方法をご覧ください。

田島さん、iPhoneアプリってWindowsのパソコンじゃ作れないんですか？？

良い質問だね！iPhoneアプリを作るためのXcodeをインストールしたり、あとで紹介するアプリをリリースするためにMacが必要なんだ。

そうなんですね！やっぱりMacの方がカッコイイですもんね。

(やっぱりどこかミーハーなんだよなあ・・・)
じゃあ次は実際にアプリを作ってみる流れを説明するね！

[PR] iPhoneアプリの開発で挫折しない学習方法を動画で公開中

実際にアプリを作ってみたい

せっかくXcodeをインストールしたらオリジナルのiPhoneアプリを作ってみたいと思うはずです。作りたいものが浮かばないという人は、サンプルアプリを紹介しているので、そのまま真似して作ってみるのも良いでしょう。

もし、実際にiPhoneアプリを作ろうと思ったら「企画→設計→開発」といった流れが一般的です。

企画

企画では、いつ誰が何のために使うのかなど具体的にアプリのイメージを考えます。個人で作るアプリであれば自分が欲しいと思うものが良いでしょう。

設計

設計では、画面設計図を作りましょう。手書きでも良いですが最近では、ProttやCacooといったツールで誰でも簡単に作成できるのでぜひ試してみてください。

開発

企画や設計が終わったら実際にアプリを作っていきます。

iPhoneアプリは、Storyboard(ストーリーボード)というところで画面を作り、ソースコードを書いて正常な処理や動作を行います。

スクリーンショット 2016-06-24 16.12.25

例えば、写真のアプリを作る場合「カメラを起動している画面」と「写真を保存する画面」が少なくとも必要です。

①カメラでボタンを押して写真を撮る

②ライブラリに写真を保存する

この①と②を連動させるためにコードを書く必要があります。

そして、完成したら自分のiPhoneでテストしてみましょう。

実際にiPhoneでサクサク動くかどうか確認しておくことは重要です。

ソースコードってなんですか？

ソースコードというのは、コンピュータに何か命令を送る時に使う言葉なんだよ。
僕らが日本語や英語で会話するようにコンピュータにも特有の言語があるんだよね。
iPhoneアプリを作るときはSwift(スウィフト)っていう言語を使うことが多いよ！

Swiftって言うんですか？？
テイラー・スウィフトとは何か関係があったりするんですかー？

いやいやテイラー・スウィフトとは何も関係ないよ(笑)
(それにしてもすごい連想だな・・・)

Appleにアプリをリリースしたい

iPhoneアプリを開発したら一般にリリースしたいものです。

AppStoreに公開するためには、iTunesConnect, DeveloperCenterというサイトで設定をし申請を行います。ちなみにリリースさせるためにはAppleのDeveloper登録が必要で年間11,800円かかります。

参考サイト

サルでもできるiOSアプリ公開手順～App store 登録～

最初にも言ったけど、iPhoneアプリをリリースするためにはMacでなければならないんだ。
ちなみにiPhoneアプリをリリースする際はAppleによる審査があるから覚えておこうね。

なんで審査なんてするんですか〜？

アプリを使う時に登録した個人情報が外に漏れないといったセキュリティ面や不快な表現がないかどうかの確認をするためだよ。

へえ〜意外と厳しいんですね！

そうなんだよね。だからみんな開発が終わってもたくさんテストして不具合がないか確認するんだよね。
さて最後は、ゆかりちゃんお待ちかねのアプリでの稼ぎ方について説明していくよ！

わあ〜！待ってました！

iPhoneアプリで収益を得たい

iPhoneアプリで収益を上げるためには3つの方法があります。

有料ダウンロード
広告
アプリ内課金

有料ダウンロードは、アプリを有料で販売することです。有料アプリはゲームが多く購入される傾向にあります。

ranking

広告はアプリ内に広告を表示して収益を得ます。アプリ自体は無料で使ってもらい、広告を出すことで収益が上げられます。

アプリ内課金はゲームに良く使われます。ゲーム内のアイテムを販売するなどして収益を得ます。

広告などを利用すれば個人でもアプリで稼ぐことができるでしょう。

ちなみにゆかりちゃんはどんなアプリを作りたいの？

撮った写真にプリクラみたいに可愛くスタンプとか文字を載せたいんです。あと、フィルターもおしゃれにして。とにかく可愛くデコレーションができるアプリが欲しくて、できるならアプリで稼げたらいいなあなんて思ってます。

面白そうなアプリだね！そのアプリで収益をあげようと思ったら例えば、無料のスタンプやフィルターを用意しておいて、もっとおしゃれなものを使いたいと思ったら課金するみたいな感じが良いかもね。

なるほど〜！
いろいろ教えていただきありがとうございましたっ！

おさらい

iPhoneアプリの開発にはMacが必要！
アプリを作る時は企画→設計→開発という順番で進めよう！
アプリのリリースにはAppleのデベロッパー登録が必要！
アプリで収益を得るには3つの方法がある！

一つアプリを作るだけでも必要な知識はたくさんありますが、自分で作れるようになれば今後もそのスキルが役立つはずです。

未経験だからといって諦める必要はなくぜひ自分のアイデアを形にしてみましょう！

[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

この記事を気に入って頂けたら
いいね！・フォローをお願いします

XcodeでUISearchBarを追加する方法【初心者向け】

iPhoneアプリ開発では、アプリの画面を作るのに便利なUIパーツが多数用意されています。今回は、XcodeでUISearchBar（サーチバー）を追加...

iPhoneアプリ開発

いざという時に役立つ！Swiftのリファレンスサイト8選

Swiftのリファレンスサイト10選を紹介しています。細かい文法を調べたり、ピンポイントでこういう実装をしたい時など役立つサイトが多いので、ブックマーク...

iPhoneアプリ開発

XcodeでUIProgressViewを追加する方法【初心者向け】

iPhoneアプリ開発では、アプリの画面を作るのに便利なUIパーツが多数用意されています。今回は、XcodeでUIProgressView（プログレスビュー...

iPhoneアプリ開発

実際に書いてみる！Swiftのクロージャの使い方【初心者向け】

初心者向けにSwiftのクロージャの使い方を解説していきます。概念自体なかなか理解するのが難しいと感じる人も多くいますが、実際に書きながら理解していきま...

iPhoneアプリ開発

XcodeでiPhoneアプリにUIパーツを追加する方法【初心者向け】

XcodeではUIKitを使って、iPhoneアプリにUIパーツを追加することができます。UIパーツを使えば、ボタンやラベルなどを表示でき、アプリのUIデザイン...

iPhoneアプリ開発

XcodeでUITableViewを追加する方法【初心者向け】

iPhoneアプリ開発では、アプリの画面を作るのに便利なUIパーツが多数用意されています。今回は、XcodeでUITableView（テーブルビュー）を追加...

iPhoneアプリ開発

あわせてよく読まれている記事

【プロが愛用する！】どのシーンでも役立つ7つのデザインツール

本稿は、Erminesoft社のブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、UI/UXデザイナーであるSimon氏によって投稿されました。人間の想像力は、想像上の世界を生み出したり、宇宙船を設計することができる、強力な力です。しかし、推論には言語が必要であるのと同じように、アートを生み出すにはその表現ツールが必要です。新しい手法とツールが誕生して進化する度に、人々はそれらを最大限に活用する方法を習得してきました。そのことはモバイルアプリのデザインツールについても同じです。 UI / UX分野での集中的な作業をこなす中で、ベストデザインを生み出すために、また実験と模索によって革新（イノベーション）を起こすために、私たちのチームは数多くの異なるツールを試しました。私たちの現在の選択は、特定のプロジェクトの目的とニーズに最もよくマッチする特定のツール群であり、試行錯誤の期間に耐えたものです。それらのほとんどは部分的に交換可能なので、このレビュー記事では、それぞれ異なる作業に最適な機能性を備えた「モバイルアプリケーションの設計に最適なツール」を紹介します。 1. 鉛筆と紙デザイナーのためのNo.1のツールが紙と鉛筆であることに、「騙されている」と思うかもしれませんが、それは早計です。どこの家にもあり、すべての人が使うことができる唯一のツールは、「鉛筆」です。そして鉛筆は、最初のスコープ決定から汎用目的のスケッチの描画に至るまで、デザインのすべての段階で使える唯一のツールです。鉛筆による描画には特に学習段階を要しませんが（他のツールと異なり）、制約もあります。「シンプルさ」が求められるとき、鉛筆による描画は、モバイルアプリのUI設計ツールとして最も役立つものの1つと考えていいでしょう。さらに、「このような手を動かす活動は、創造性を刺激する効果がある」と数々の研究者が主張しています。 2. OmniGraffle 次に、より本格的なツールを紹介します。 OmniGraffle（オムニグラフ）は、Mac、iPhone、iPad、iPod touchで動作する図表やデジタル画像を作成するツールとして、The Omni Groupが開発した業務用アプリケーションです。このプログラムは、単独でもWebアプリケーションとしても使用できます。開発者用のツールがいくつか含まれています。マウスでオブジェクトをドラッグしたり、「ノート」を挿入してプロトタイプやモデルの仕様書を作成する機能もあります。このアプリケーションは、iPhoneとiPadで作業するときには、理想的なツールです。 OmniGraffleは、画面レイアウトを作成するのに効果的なツールであり、Webサイトの基本の骨組み、プロセスグラフ、図表、ページのアウトラインを瞬時に組み合わせることができます。プロジェクトの「タイプ」を選択すると、関連する複数の要素のつながりが自動的に作成され、グラフの形で線でつなぎ、形と要素はレイアウトまたはページ上で揃えられます。OmniGraffleを使用すると、iPadとApple Pencilの使用などを含めさまざまな方法で、Webサイトの主要なフレームを作成できます。ドラッグ＆ドロップツールを使用するよりもデザインを描くことを好む人のために、図形認識（Shape Recognition）の機能もあります。 [PR] iPhoneアプリの開発で挫折しない学習方法を動画で公開中3. Sketch 便利で直感的なインターフェースを備えた柔軟で機能的なツールは、あなたが素晴らしいデザインを作成することを可能にするでしょう。なぜなら、デザインの作成が、単なるルーチンではなく楽しいものになるからです。 Sketchは使いやすく、多くのデザイナーは2つの問題を解決するために使用しています。（1）最初の段階のプロトタイピングのツールとしてワイヤーフレーム作成に使用し、（2）インターフェースの最終段階のビジュアルデザイン作成にも使用します。すべてのデザイナーに必要な多くの機能を備えています。Photoshopは複雑でUI/UXへの不適応性があるため、SketchはUIデザイナーにとってPhotoshopの代替ツールの1つになるだろうとも言われています。Sketchには次のような機能があります。 SketchはインターフェイスとWebサイトの設計に最適です。Sketchは、ラスターオブジェクトではなくベクターオブジェクトを作成します。そのため、キャンバスのサイズを変更してもデザインの品質が低下することはありません。「built-in grid（組み込みグリッド）」などの機能は、オブジェクトの配置やWebサイトのレイアウトを整理するのに役立ちます。 Webkitが表示するものと似たフォントを（おそらくWebkitを使うChrome、Opera、Safariで）表示します。そのため、オリジナルのテキストとブラウザ上のテキストに表示上の誤差が生じる心配がありません。レイヤー内の各要素にCSSをエクスポートできます。 Sketchの使い方 4. InVision InVisionは、モバイルアプリを設計し、アプリのプロトタイプを開発するための最も一般的なツールの1つです。 Twitter、Nike、Sonyなどの有名企業でも利用されています。このソフトウェアは、簡単なドラッグ＆ドロップのツールから構成されており、UX設計は大いに簡素化されます。プロトタイプを、ブラウザ、スマートフォン、さらにリアルタイムでテストできます。 InVisionは、Dropbox、Google Drive、Slackなどのクラウドストレージと連携し、これらをサポートするように設計されています。 InVisionアプリケーションは、共同作業で準備段階のプロジェクトを進行するとき、同僚や顧客と情報をやり取りするのに理想的です。 InVisionを使用すれば、静的なモバイルプロジェクトやWebプロジェクトも、インタラクティブなプロトタイプにすばやく変換できます。またリアルタイムモデリングを可能にします。 InVisionの使い方 5. Principle マイクロアニメーションとは、独立したユーザーインタラクションの1つであり、特定のタスクを実行することが目的です。たとえば、ユーザーが「いいね！ボタン」を押したとき、それはカウンターの数に反映されるなどです。マイクロインタラクションとマイクロアニメーションを強力な基盤として構築すれば、製品に、魅力、機能性、操作性という成功するための鍵を与えることができるのです。Principleはそのためのベストツールです。 Principleはインターフェースのプロトタイプ作成用ツールであり、アニメーションに重点が置かれています。Sketch、Keynote、Flash、After Effectsを賢く組み合わせたようなツールです。 Principleは、Sketchと非常によく似ているので、現在どちらのツールを使っているか分からないときは、メニューバーから確認する必要があります。デザイナーの中にはPrincipleとSketchを同時に使う人もいます。 Mac用のFlintoと異なり、PrincipleにはSketch用のプラグインがありません。つまり、ソースデータをPrincipleで手動で再設計する必要があります。しかし、Principleには大きな潜在的可能性があり、幸いなことにドキュメントとデザインコミュニティのサポートは増え続けています。 Principleには次のようなメリットがあります。 Principleは簡単に習得できます Mac OSXインターフェイスにネイティブな要素が使用されているため、インターフェイスが直感的高度に視覚化されたプロトタイピング方法変形をタイムラインで表示可能デスクトップアプリケーションにプレビュー機能があります 6. Flinto for Mac Flintoは、アニメーションのプロトタイプを作成したり、モバイルアプリケーションとWebアプリケーションのインタラクションを組み合わせるのに最適です。通常、アニメーションと完全な機能を備えたプロトタイプを、すばやく作成するために選択されるツールです。プロトタイプは組み込みのプリセットから構築することができ、プリセットを開始するにはFlintoにインポートします。もしSketchを使用していれば、そのプラグインはFlintoでも使用できます。プラグインを使用すると、1回クリックするだけで作業ファイルをインポートできます。 Flintoを使うことでエンジニアは、モバイル、スタンドアロン、Webアプリケーション用のインタラクティブなプロトタイプ、レイアウトをすばやく作成できます。 Flintoには、トランジションアニメーションを作成ために必要なすべてのツール、多数のアプリケーション画面を扱うための画面管理システムが装備されています。iOSで実行するアプリケーションのプロトタイプが必要な場合、Flintoが良い選択です。 7. Zeplin Zeplin.ioはデスクトップアプリで、デザイナーとエンジニアが、チームで共同作業するのをサポートして両者の時間を効率化します。 Zeplinはデザインを含むファイルを受け取ると、エンジニアが必要とするスタイルガイド、ソースコード、仕様書を生成します。ソースコードのエクスポート機能があり、前述のSketchとの統合が可能なので、ソースコードを手動で準備する必要はなく、エクスポートする容量について考える必要もありません。エンジニアはワンクリックするだけで、すべての必要なソースにオンラインで直接アクセスできます。 Zeplinは、Webプロジェクトとモバイルプロジェクトの両方をサポートしているため、ほとんどのプロジェクトに利用できます。Sketchと組み合わせると、ライブ状態でレイアウトを便利に管理できます。膨大な数のレイヤー、複数のレイヤーグループを持つプロジェクトでも、デザイナーは簡単かつ短時間で編集作業を行うことができ、他のプロジェクト参加者もすぐにそれを見ることができます。 Zeplinのもう一つの素晴らしい点は、キャンバス上の任意のベクターオブジェクトをクリックすると、その情報をすべて見ることができることです。キャンバスの正確なサイズ、各要素の正確なサイズ、インデント、シャドウ、線の太さ、透明度、CSSのエフェクトのコードの正確な値などです。また、Zeplinにはプレビュー機能があるため、仕様に関する時間を大幅に短縮し、アプリの全体的な仕様デザインのプロセスを改善します。（要約）モバイルアプリケーションデザインツールとしてどれを使用するべきか？プロジェクトにどのようなツールを選択するとしても、あなたがデザインするすべてのものを魅力的にするということを忘れないでください。今日では模倣やコピーが多すぎるために創造性が無視されがちであるからこそ、自由に実験してください。紹介した7つのトップツールは、あなたのデザインがユニークなものになることを保証するわけではありませんが、UI / UXデザインで新鮮なアイデアの基盤を築くのに役立ちます。また、TechAcademyでは初心者でもUI/UXデザインができるようになるUI/UXデザインオンラインブートキャンプを開催しています。現役のUI/UXデザイナーがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、効率的にスキルを習得することができます。独学に限界を感じている場合はご検討ください。

アプリデザイン

非エンジニアがWebプログラミングで勉強すべき10のこと

まったくのプログラミング未経験の非エンジニアだと、「いったい何を勉強をすればいいのか」がわからないということもあるでしょう。そこで今回は、現役のエンジニアから、Webプログラミング習得のために何を勉強すればいいか伺いました。伺ったのは、自身もプログラミング未経験から楽天のエンジニアに転身した経験を持つ村田佑介氏です。お話を伺った人村田佑介氏株式会社AIトラベルCTO。2010年に楽天株式会社に新卒で入社し、最初は新卒採用の部署に所属。その後、開発部門の部署に異動して楽天ツールバーなどの開発に関わる。現在は株式会社AIトラベルのCTOとして活躍中。自身のブログで書いた、プログラミング未経験者がWEBエンジニアになるためにやるべきことが以前に話題になりました。本記事ではこの内容をもとにお話を伺い、TechAcademyで再度まとめています。以前の村田氏のインタビューによると、もともと非エンジニアの友人に「プログラミングを勉強するためにどうすればいいか」を聞かれて紹介していたものをまとめた記事だそうです。 Webプログラミングで勉強しておきたい10のことここからは自力でWebサービスを作りたいならこれくらいを勉強しておいた方がいいという項目を10あげてみました。なお、村田氏のもとの記事ではドットインストールなどプログラミングのオンライン学習サービスのリンクが紹介されていますが、本記事では、今すぐ読んで大まかな内容がわかるよう、TechAcademyマガジンの記事・TechAcademyが寄稿した記事をリンクで紹介しています。なお10項目は上から順番に勉強することがおすすめとのことです。 1. UNIXのコマンド操作まずはプログラマーが使っているような黒い画面に慣れましょう。そのために、MacのPCを使っている場合はターミナルをどんどん使いましょう。なお、WindowsのPCであってもクラウド上で開発環境が用意できるCloud9を使うと、ブラウザ上でターミナルを動かせます。また、Vagrantというツールを使ってローカルに仮想環境を構築しておくこともおすすめです。主要なUNIXコマンドは下記の参考ページにも書いてありますので、フォルダを作る、ファイルをコピーする、編集するなど自分で操作してみてください。最初はエラーが出て戸惑うところもあるかもしれませんが、エラーメッセージを読んだり、調べたりして解決することが大事です。参考ページ：これだけは覚えておきたい！基本的なUNIXコマンド20 今さら聞けない！ターミナルの使い方 VagrantとVirtualBoxを使ってローカル開発環境を構築する方法 2. HTML/CSS Webページを作るためにベースとなる技術です。Webサービスは基本的にRubyやPHPといったプログラムでHTMLを動的に作るものですので、まずはHTMLとCSSを理解しておく必要があります。書き方の基本をおさえてから、どこかのサイトを真似てもいいので、自分でWebサイトを作ってみるといいでしょう。HTMLとCSSはブラウザとテキストエディタがあればPC上で簡単に表示できるので、特別な準備も必要ありません。参考ページ：まずはここから！HTMLの書き方スタイルシート（CSS）の基本的な書き方 3. プログラミング言語完璧でなくても大丈夫ですのでHTMLとCSSを書けるようになったら、何か1つプログラミング言語を使ってみましょう。言語は何でもいいそうですが、PHPとJavaScriptはWebと親和性が高く、作ったHTMLに埋め込みやすいのが特徴です。PHPの場合は開発環境の準備が必要になるので、XAMPPやMAMPを用意するのがいいでしょう。JavaScriptはHTML/CSSのようにテキストエディタがあれば、ブラウザ上で実行できます。また、村田さんの個人的な趣味としてはRubyがおすすめだそうです。こちらも開発環境が必要ですが、Cloud9など統合開発環境を使うのも有効です。いずれのプログラミング言語でも、変数、条件分岐、ループなどの基礎をおさえておくといいでしょう。参考ページ：今さら聞けない！Rubyとは【初心者向け】今さら聞けない！PHPとは【初心者向け】 JavaScriptが学べる初心者向け記事の一覧 4. Git Gitとは、プログラムのソースコードなどの変更履歴を記録・追跡するためのバージョン管理システムです。いつ/誰が/どこを/どのようにファイルを変更したかを、変更履歴として記録することができます。これにより、編集したファイルを過去の状態に戻したり、どこを編集したかの差分を表示したりすることができます。個人の開発でもチームの開発でも活躍するので、早い段階で使えるようにしておきましょう。これはテキストを読むよりも、GitHubなどを使いながら覚えるのがよさそうです。GitHubはGitの仕組みを利用できるWebサービスです。下記の参考ページにGitの主要コマンドも紹介しているのでチェックしてみましょう。参考ページ：今さら聞けない！GitHubの使い方 5. Webの仕組み普段Webサイトを見ていても、どうやって動いているのかわからない人もいるのではないでしょうか。書籍としては「Webを支える技術」がおすすめだそうです。 Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESS plus) 書籍を読むと時間がかかるという人は下記の参考ページをまずは見ておきましょう。参考ページ：なぜWebアプリケーションは動くのか 6. データベースある程度動くプログラムが書けるようになったら、情報を保存するためのデータベースについて学びましょう。ユーザーのログイン機能を作る時もメールアドレスやパスワードの保存が必要です。データベースを操作するための言語としてSQLがあります。まずは、オープンソース・ソフトウェアの「MySQL」あたりから使い始めるのがよいでしょう。他にもRuby on Railsのデフォルトで使われるSQLiteなどもあります。コマンドをいちいち覚えるのは大変ですので、調べながら使うことをおすすめします。参考ページ：非エンジニアでも知っておきたい！データベース・MySQLの基礎データベースとは【初心者のための超基礎】 7. Webアプリケーションフレームワーク本格的なWebアプリケーションを作るために必要な機能は様々ありますが、あらかじめ必要機能をまとめているフレームワークがほとんどのプログラミング言語にあります。フレームワークというだけあり、フレームワークの作法にしたがって開発すれば無駄な手間なくWebアプリケーションを作ることができます。 Rubyの場合はRuby on RailsやSinatraというフレームワークがあり、PHPにはCakePHPやFuelPHPといったフレームワークがあります。 Ruby on Railsは日本語に対応したチュートリアルサイトも充実しているので、それを見ながらまずは動かしてみるのがいいでしょう。動かすことができたら、自分でどう作ればいいかを考えてみることをおすすめします。そうすることで、徐々に応用ができるようになるそうです。参考ページ： Ruby on Rails入門に最適のチュートリアルサイト7選初心者でもできた！Ruby on Rails開発環境の構築方法（Mac編） 8. 公開 Webアプリケーションを作れるようになったらいよいよ公開です。方法はたくさんありますが、外部のレンタルサーバーを借りてアプリを置くのが一般的です。他にも、Herokuを使って簡単に公開する方法もあります。Herokuは、PaaS（Platform as a Service）と呼ばれるサービスで、アプリケーションを実行するためのプラットフォームです。Ruby on Railsで作ったアプリケーションはHeroku上で簡単に動かすことができるため、独自ドメインを割り当てて、Herokuでサービスを運用することも可能です。無料でも使えるので、最初はHerokuで試してみてもいいかもしれません。 Linuxをいじって勉強するならさくらVPS、本格的にWebサービスを運用したいならAWSを使ってみましょう。参考ページ： HerokuでRailsアプリを公開する方法 9. セキュリティ Webサービスを公開する以上は、何かしらの攻撃を受ける可能性があります。そのため、攻撃でどんな被害があるか、どう対策すればいいかは知っておく必要があります。このあたりはまとまって学ぶ必要があるので、書籍を読むのがいいでしょう。体系的に学ぶ安全なWebアプリケーションの作り方　脆弱性が生まれる原理と対策の実践 10. リーダブルコード最初はコードをただ書くだけになってしまいがちですが、自分で書いたコードであってもすぐに意味がわからなくなることがあります。書籍「達人プログラマー」を書いたデビッド・トーマスがこんなことを言っています。いいコードの条件はただ一つ、変更しやすいことだコードの読みやすさ、すなわち可読性はこの変更のしやすさの重要なファクターです。そんなコードの読みさすさを学ぶ書籍がこちらです。後ほど紹介するリブセンスのスライドでも、繰り返し読んでコードを見返してもらうためにおすすめされていました。リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice) [PR] iPhoneアプリの開発で挫折しない学習方法を動画で公開中さいごにここまでプログラミングを独学で進める前提で紹介してきましたが、より効率的に学ぶにはメンターをつけるという手段もあります。リブセンスが公開している「人は一ヶ月でエンジニアになれるのか – 詳細解説」の資料でもメンターをつける重要性が紹介されています。この資料ではメンターをつけることで、教材を選んでもらえる、質問することで躓いている時間をなくすことができる点をメリットとしてあげていました。身近にメンターをしてくれる人がいればお願いすることをおすすめします。ぜひこの記事を参考にプログラミングの勉強を進めてみてください。 [お知らせ]TechAcademyでは、Webサービスを1人で開発できるまでのスキルが身につくオンラインブートキャンプを開催しています。現役エンジニアのパーソナルメンターが毎日の学習をサポートします。Ruby on Railsを使いHerokuで公開するまでを学習するので、本記事の内容は網羅されています。

プログラミング

【ゼロから作る！】初心者から始めるAndroidアプリ開発の開発手順とは

Androidアプリの開発手順をゼロから紹介していきます。今回の記事では、アプリを作ったことがないという未経験者でも分かりやすく2人のキャラクターが登場しながらAndroidアプリ開発について解説しています。「Androidアプリを作る上で必要なもの」「Androidアプリを作ってリリースしてみたい」などそれぞれシチュエーションに分けて細かく紹介していきます。では、Androidアプリの開発手順を実際に見ていきましょう！今回の登場人物田島悠介（29）元エンジニアで田島アプリスクールの代表。人の成長を見るのが一番のやりがいになっている。好きな映画は『トスカーナの休日』大石ゆかり（24） 3ヶ月前に田島アプリスクールに事務として転職してきた。 Instagramには3つの写真加工アプリで編集してからアップするという。大石ゆかり田島さんってなんでiPhoneとAndroid、両方のスマホ持ってるんですかー？田島悠介なんでって両方のアプリを勉強するためだよ！大石ゆかりえ、でも同じアプリ入れてるじゃないですかっ！田島悠介実はね、iPhoneとAndroidで同じアプリでも違うデザインになっていたりするんだよ！大石ゆかりへぇ〜そうなんですね。どっちも同じように作ってると思ってました！田島悠介実は結構違うんだよね！ちなみにiPhoneとAndroid、それぞれ持ってる人の割合って何%くらいか知ってる？大石ゆかりんー、私の周り見てもみんなiPhoneだからほとんどiPhoneなんじゃないですかー？田島悠介たしかに日本人でiPhone使ってる人は多いよね！でも世界ではスマホを使ってる人の80%くらいがAndroidって言われているんだよ！大石ゆかりえ、そうなんですかー！初めて知りました！田島悠介アプリを海外の人に使ってもらおうと思ったらAndroidから作る方が良いかもね！せっかくだからAndroidアプリの作り方を一通り説明しようか？大石ゆかりぜひ！知っておきたいです！(Androidアプリ作れたら海外で働く夢も叶うかも♪) 目次 Androidアプリ開発をする上で必要なもの実際にAndroidアプリを作ってみるアプリをリリースしてみるアプリで収益を得る Androidアプリ開発で必要なものパソコン(Mac/Windows/Linuxのいずれか) Android Studio Java Androidアプリの開発を進めるためには上の3つが必要になります。 Android StudioではなくEclipseという環境でアプリ開発することも可能ですが、Android Studioで作る人が多いです。また、中にはツールを使ってアプリ開発できるものもありますが、プログラミングをして自分の力で作りたいという人は「Java」というプログラミング言語を理解する必要があるでしょう。すでにパソコンをお持ちの方は、Android Studioのインストール方法をご覧ください。大石ゆかり Javaって聞いたことあります！なんだかよく分かってないけど！田島悠介おお、いいね！Javaという言語自体は20年くらい前からあって、アプリだけじゃなくてWebや携帯機器を作る上でも便利な言語なんだよね。大石ゆかりじゃあ、Javaが出来たらいろんな仕事ができそうですね！田島悠介・・・ゆかりちゃん、そういうところは頭の回転早いよね(笑) [PR] iPhoneアプリの開発で挫折しない学習方法を動画で公開中実際にAndroidアプリを作ってみる実際にAndroidアプリを作ろうと思ったら「企画→設計→開発」といった流れが一般的です。企画「こんなアプリを作ってみたい」と思ったら具体的に企画していきます。個人で作るアプリであれば、アイデアが細かく決まっている必要はないでしょう。作りながらこういう機能が欲しいと思い浮かぶことも多々あります。どんなアプリなのか誰がそのアプリを使うのかどんな機能、どんな画面が必要なのか (収益を得るのであれば)どこで収益を得るのかなどは企画段階で決めておく方が良いでしょう。設計設計では、アプリの画面設計図を作成しましょう。CacooやProttといったツールを利用すれば、初心者の方でも手軽に作成できるのでおすすめです。開発アプリの形がイメージできる画面設計図が完成したら実際にアプリを作っていきましょう。 Androidアプリは、Android Studioを使ってアプリの画面や機能を作っていきます。具体的には、XMLで画面を作り、ソースコードを書いて正常な動作を行います。例えば、ログイン機能を作る場合「ログインする画面」と「ログインに成功した後の画面」が少なくとも必要になります。 ①ユーザー名とパスワードでログインする ②ログインに成功したらログインした状態でトップページに飛ぶこの①と②を連動させるためにコードを書く必要があります。また、ログインに失敗した時の表示画面やコードも必要になるでしょう。田島悠介さっきのJavaっていうのはソースコードを書くために必要な知識になるから覚えておこうね！大石ゆかりそもそもなんでAndroidアプリを作るのにJavaを使うんですか？田島悠介良い質問だね！ GoogleがJavaという言語を選んだんだけど、Javaは他の言語で出来ないことを効率良くできたり、ずっと人気の高い言語で使える人も多いだろうと思って採用してるんだよ。大石ゆかりそうなんですね！アプリをリリースしたい Androidアプリをリリースする際、Google Playで公開することが一般的でしょう。アプリを公開するためには、Google Play デベロッパーコンソールと公開用ツールというものを活用してリリースしていきます。また、それらを使用するためにGoogleアカウントをデベロッパーとして登録する必要があります。登録料に$25(一度支払えば年数制限なく使用可能)支払う必要がありますので、覚えておきましょう。アプリの公開手順ちなみにAndroidアプリの場合、iOSアプリがApp Storeのみでのリリースと違いGoogle Play以外にもアプリストアが存在しています。 Google Play以外のアプリストアとしては、Amazonアプリストア、楽天アプリ市場などが有名でしょう。大石ゆかり Androidアプリっていろんなところで出せるんですね！田島悠介そうそう！それにiOSアプリと違って審査が厳しくないから比較的簡単にリリースできるよ！24時間以内には審査が終わっているからね。大石ゆかりへぇ〜すごい早いですね！アプリで収益を得る Androidアプリで収益を得ようと思ったら3つの方法があるので、紹介していきます。有料ダウンロード広告アプリ内課金有料ダウンロードは、アプリを有料で販売することです。有料アプリはゲームが多く購入される傾向にあります。広告はアプリ内に広告を表示して収益を得ます。アプリ自体は無料で使ってもらい、広告を出すことで収益が上げられます。アプリ内課金はゲームに良く使われます。ゲーム内のアイテムを販売するなどして収益を得ます。広告などを利用すれば個人でもアプリで稼ぐことができるでしょう。大石ゆかり最近って有料アプリあんまり見ないですよね。田島悠介そうだね。まずダウンロードしてもらおうと思ったら無料で公開するのが良いかもね。大石ゆかりでも稼ごうと思ったら有料アプリで出した方が手軽じゃないですかー？田島悠介もちろん公開するだけで良いから楽かもしれないけど、アプリ全体の売上の90%は無料アプリで使っていく中で課金するタイプだと言われているんだよ！大石ゆかりだから最近無料アプリが多いんですね！おさらい Androidアプリの開発にはAndroid StudioとJavaで行う！アプリを作る時は企画→設計→開発という順番で進めよう！アプリのリリースには、Googleのデベロッパーコンソールに登録が必要！アプリで収益を得るには3つの方法がある！日本では、iPhoneの方がスマホのシェアは多いですが、世界的にはAndroidのシェアが圧倒的です。海外の人にも使ってもらいたい、グローバル展開したいと考えるのであれば、Androidアプリの開発は欠かせないでしょう。 Androidアプリは一人からでも開発できるので、ぜひチャレンジしてみてください。また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるAndroidアプリ開発講座(オンラインブートキャンプ)を開催しています。自分でAndroidアプリを公開してみたい方はぜひご覧ください！

Androidアプリ開発

【基礎の基礎！】iPhoneアプリの開発からリリースまでに準備すべき6つのこと

いざiPhoneアプリを作ろうと思っても、まずは準備しなければならないものがあります。今回は、初めてiPhoneアプリを開発する人でも今後リリースすることを目指して勉強している人でも必要なツールをまとめて紹介していきます。アプリの開発に着手する前に必ず必要になるものもありますので、ぜひチェックしておきましょう。なお本記事は、TechAcademyのiPhoneアプリ開発オンラインブートキャンプの内容をもとに紹介しています。 1. Xcode Xcodeは、iOS、OS X向けアプリを開発するためのツールです。これ一つあればiPhoneアプリだけでなく、iPad, Mac, Apple Watch, Apple TVなどのデバイス対応のアプリを作成し、公開することができます。もちろんアプリを自分だけしか使わないということでも開発できるので、非常に優れたツールです。 Xcodeをインストールする方法はこちら 2. Mac Appleが提供しているパソコンですね。 iPhoneもAppleが提供しているデバイスのためMacのみでしか開発することができます。先ほどのXcodeがiPhoneアプリ開発において必須なのですが、MacのOSでないと起動しないのです。 [PR] iPhoneアプリの開発で挫折しない学習方法を動画で公開中3. iPhone本体 XcodeにはシミュレータというiPhoneの画面を表示してくれるツールがあるので、開発を進める上ではなくても問題ありません。 iPhone本体が必要になってくるタイミングは自分で開発したアプリをインストールしてテストするときになります。アプリをリリースさせたいと考えている人は、iPhoneの実機を用意しておく必要があります。 4. Appleデベロッパプログラムへの登録 Appleデベロッパプログラムというのは、Apple社が開発者向けに提供しているものです。iPhoneアプリだけでなく、MacやApple WatchなどApp Storeにリリースするアプリは、このプログラムに登録しなければなりません。登録するには年間11,800円かかります。 Appleデベロッパプログラムへの登録はこちら 5. クレジットカード Appleデベロッパプログラムに登録する際に必要となります。登録する時の支払いはクレジットカードを利用する必要があります。また、Xcodeをダウンロードする時も必要となりますので、iPhoneアプリを開発する前に準備しておきましょう。 6. 銀行口座 Apple Storeで有料アプリがインストールされると売上の70%を収益として受け取ることができます。この報酬を受け取るために銀行口座を設定しておく必要があります。事前に準備しておきましょう。以上がiPhoneアプリを開発しリリースするまでに必要となるものです。これらのツールを用意しておけば、今後iPhoneアプリだけでなく、Apple WatchやApple TVなどのアプリも開発し、リリースさせることができます。 [お知らせ]TechAcademyでは初心者でも8週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。

iPhoneアプリ開発

【経験談から学ぶ！】より早くプログラミングを身につけるための方法

本稿は、Codementorのブログ記事を、Codementorより了解を得て日本語翻訳し掲載した記事になります。本稿のテーマは、プログラミング学習において何をすべきで何をすべきでないかです。また、最も効率的な学習方法のための要点をお伝えします。これらの要点は、独学でエンジニアになり、現在オーストラリアのThoughtWorksに勤めているNatasha Postolovski氏の経験に基づいたものです。現在、これまでより多くの人々がプログラミングを学習し始めているようです。インターネット上には質の高い教材、講義、メンターの存在が充実しているため、異分野のバックグラウンドを持つ人々も、セルフスターターとしてプログラミングの独学をスタートできる環境があります。彼らの目標は、アプリの開発、Webサイトの構築、テクノロジーによる問題解決、エンジニアになることなどさまざまです。学習のリソースが豊富に手に入るのは良いことですが、問題点もあります。コード学習を始めようとするとき、何から始めるべきでしょうか？学ぶことと学ばないことは、それぞれ決まっていますか？最良の実践方法と、スキルを高めるための最速の方法は何でしょうか？この記事はこれらの問いに一部答えることを目的としています。画像：Googleトレンドのデータより、過去数年にわたりプログラミング学習への人々の関心が高まっていることが示されている。目次目的を明確にするあなたにとって最適な学習方法を知るあなた自身にとって重要なことに取り組む良い仲間を見つける継続すること学習進度を管理する完了させる習慣エラーメッセージはあなたの友全てを学ぼうとしないこと目的を明確にするコードを学習する理由は人によってさまざまです。フルスタックエンジニアの仕事に応募するためには、JavaScriptとRubyを学ぶ必要があるかもしれません。学校の課題を終わらせることが目的であれば、HTMLとCSSの基本だけを学べば十分かもしれません。Numpyでデータ解析をするには、Pythonについて少しの知識は必要です。また、Swiftで書いてみたいと思うiPhoneのゲームのアイデアや、Unity3Dで作ったバーチャルリアリティ型のスマッシュヒットゲーム（対象物を粉々に破壊するゲーム）のドキドキするようなアイデアを、持っているかもしれません。数十億ドル規模のスタートアップのアイデアを思いついたら、機械学習（マシーンラーニング）を学ぶ必要が出てくるかもしれません。問題を解決するためにプログラミングが必要になるかもしれません。コード学習を始めてさらに深くプログラミングの世界に入ると、目的を達成するために必要な具体的なテクニカル・スキルについて、より多くを発見するでしょう。しかし最初は、なるべくシンプルにスタートすることが理想です。次のことを一般的におすすめします。静的な（データの格納、動的な動作を必要としないという意味の）Webサイトを作るときには、HTMLとCSSを最初に学びましょう。必要であればJavaScriptも学習しましょう。 iOSのアプリを作るにはSwift、Androidアプリを作るにはJavaを学びましょう。 Webアプリケーションを開発するには、HTMLとCSSに加えてWebフレームワークも学びましょう。Webフレームワークとは、あなたの開発するWebアプリケーションへのデータ格納や動的な動作の追加を、より容易に行うためのツールです。例えば、ユーザーアカウントを設定したり、データベースからデータを取り出したりなどの機能です。人気のあるWebフレームワークとしては次のようなものがあります。 Django（Pythonで書かれています） Ruby on Rails（Rubyで書かれています） Meteor（JavaScriptで書かれています） Laravel（PHPで書かれています） Webフレームワークは、何を開発したいかに応じて選びます。私個人としては、コード学習者にはRuby on RailsRailsが良いと思います。というのも、ドキュメント形式の「Railsガイド」によって、体系的に詳しく解説されているからです。ゲームを開発するには、Unityを学ぶといいでしょう。データサイエンスや機械学習（マシーンラーニング）には、Pythonとそのライブラリを学ぶのがいいでしょう。ライブラリとは、例えばデータ分布図（Scatter plot）を表示したりといった特定のタスクを、より容易に実行するためにあらかじめ書かれたコードのことです。何を学びたいかについてアイデアが浮かんだら、次にタイムライン（予定表）も考える価値があります。あなたのプログラミング学習に適したペースを教えてくれる指標として役に立ちます。理想的には、このような宣言文を書いてみるのがいいでしょう。「3ヵ月以内に、友人のバンドのためのWebサイトを公開したい。」または、「6ヵ月以内に、ビジネスアイデアをMVP(Minimum Viable Product：仮説検証やコスト削減の目的で開発される、必要最低限の性能のみ備えた製品)の形でローンチしたい。」具体的な目標が思い浮かばないとしてもモチベーションを保ち、目標達成度を管理するのに役立つので、何か1つ作っておくのがいいでしょう。「図書館の司書の仕事を辞めて、エンジニアになりたい。」というような目標ではなく、より具体的に、これに「12ヵ月以内に」を加えたような目標にするべきです。時間軸をはっきりと持つことは、進捗管理をする上で役立ちます。 [PR] iPhoneアプリの開発で挫折しない学習方法を動画で公開中あなたにとって最適な学習方法を知るプログラミング学習に、ベストな方法はありません。ある人はYoutubeのビデオやスクリーンキャストを観るのを好むでしょう。他の人は、本の世界に没頭するのが好きです。また他の人は、実践型学習を好みます。また他の人は、終始一貫してドキュメンテーションを読みながら進めます。また他の人は、メンターから最も良く学ぶことができます。また他の人は、コーディングブートキャンプを通して学びます。学習方法は、あなたにとって効果の高いものも、それほど効果的ではないものもあるでしょう。プログラミング学習を始める前に、あなた自身の好む学習方法と、それを軸としてどのような学習の旅を設計したいかについて、理解しておく価値はあります。例えば、2006年にRuby on Railsの人気が出始めた当時は、数多くのプログラマたちは、最初に愛称「ピッケル本（Pickaxe Book）」として知られる、表紙の絵がつるはし（pickaxe）の入門書からRubyの学習を始めていました。 1冊864ページにわたり、プログラミング言語Rubyを詳解しているこの「ピッケル本」は、Rubyのプログラマの間では伝説的な存在です。しかし初学者にとって、ここからスタートするのは難易度が高すぎます。あなた自身にとって重要なことに取り組むコード学習を進めているときには、あなたにとってあまり意味のないレクチャーに何時間も費やすことも、よくありがちです。トイプログラムをToDoリストのすべき事のようにこなしたり、つまらないWebサイトを作ることもあるかもしれません。これも良い学習方法の1つですが、モチベーションを上げるには効果的ではありません。 Webアプリの開発を学ぶには、あなた自身の生活の中の問題を解決するアプリを開発することから実践しましょう。どんな小さなアプリでもいいのです。ゲームの開発を学ぶには、あなた自身がプレイしたいと思えるようなゲームを作ることが大事なのです。私の小さな実体験より：数年前に、私はプログラミングスクールの講師向けクラスの教育アシスタントを務めていました。例外なく、そのクラスで最も多くを学んだ講師たちは、自分自身のために何かを開発することを実践した人たちでした。クラスで最も成果を上げた講師は、家族の家計を記録するためのシンプルなアプリの作成に取り組んでいました。逆に、自分自身のためには開発を行わず、ただクラスで課された課題をこなしていただけの講師たちは、学ぶところが最も少ないようでした。私が彼らを観察してわかったことは、人が最も高くモチベーションを持って意欲的に学び、記憶の効率も高まるのは、学ぶ対象が自身にとって直接的に役立つと思うときであるということです。次のようなシナリオを考えてみてください。：2人の人がいて、Webサイト上でのクレジットカードの決済処理について学習しています。1人は「将来的にいつか役立つかもしれない」という理由で学んでいます。もう1人は、独立事業としてドキュメンタリーを制作しようとしているので、Webサイト経由で寄付金を受け入れる方法を理解する、差し迫った必要があります。 2人のうちどちらが、学習内容をより良く記憶できるでしょうか？学習スピードを加速し、学習内容を定着させるには、あなた自身が好きになれる個人的プロジェクトや、学んだことを応用できるプロジェクトを持つことが、最良の方法です。良い仲間を見つけるメンターでもプログラミング学習者でも、あなたをサポートしてくれる仲間を持つことの価値は計り知れません。プログラミング学習が困難に思えるときにも、他の仲間も同じように努力していると知っていることは支えになるでしょう。メンターはあなたのプログラミング学習における努力を強力に後押ししてくれるでしょう。彼らはあなたが行き詰まったときには助けてくれますし、疑念を持ったときにはアドバイスを与えてくれます。また、次に何を学ぶべきかという学習の方向性を示してくれますし、最終的な目標に向けてナビゲートしてくれます。あなたの目標（例えば、エンジニアになる、インディーゲームをローンチするといった目標）をすでに達成した知り合いがいれば、彼らはメンターの候補者となります。実際のメンターとメンティー（弟子）の関係は、「私のメンターになってくれますか？」という申し出から始まるというより、コーヒーや食事やビールのお誘いから始まり、相互にとって上手くいく関係であればその延長として始まることが多いです。継続すること 2週間に1回のペースで3時間学習するよりも、毎日20分ずつ規則的に学習した方が効果的です。継続して学習することで、学習内容を定着させたり、効率的に記憶できる効果があります。学習進度を管理するプログラミング学習が長い旅になれば、途中でそれまでの達成記録を簡単に忘れてしまうかもしれません。プログラミングの基礎をマスターした後には、それ自体素晴らしい進歩であるのに、まだ未知のことがたくさんあることの方に意識が向くかもしれません。学習進度を管理して、今までに達成できたことを振り返るのが重要なのはこうした理由からです。毎日または毎週、新たに学んだことを1段落くらいにまとめて記録しましょう。進歩を日記に記録しておけば、将来振り返るときに、達成度を自己評価するのに役立ちます。完了させる習慣コード学習を遅らせる要因の1つは、タスクを未完のまま放置することです。最初にプロジェクトを開始するのは楽しいものです！思いのままに、構築したいものや学びたいものを選べます。しかし、難し過ぎることに直面したらそれは後回しにするかもしれません。もしそのタスクを完成させる時が来なかったら、どうなるでしょう？困難なタスクを先延ばししても、学ぶことは何もありません。先延ばしする習慣に陥ってしまうと、知識にもムラができてしまいます。エラーメッセージはあなたの友プログラミング学習と密接な関係があるのはエラーメッセージです。赤い文字で埋まった恐ろしいスクリーンやしつこく出現するポップアップウィンドウは、書いたコードに間違いがあると私たちに教えてくれます。直感的には、これらのエラーメッセージから一刻も早く離れて、解決策を探さなければと思うかもしれません。しかし、時間をかけてよく読んでみると、エラーメッセージには数多くの役立つ情報が記されていることに気づくでしょう。エラーメッセージは、何についてどこの箇所が間違っているのかを正確に教えてくれるので、素晴らしい存在です。実際に、エラーメッセージを十分に読まないことの方が、かえって最悪の事態につながります。よって、エラーメッセージはあなたの友だと覚えておいてください。あなたを罰するためではなく、助けるために存在しています。全てを学ぼうとしないことテクノロジーについて最も素晴らしく、同時に最も難しいことは、その全てを学ぶことはできないということです。実際に、知れば知るほど自分の無知を知ることになるでしょう！学ぶことができるプログラミング言語、Webフレームワーク、仕様、ライブラリ、プロトコルは山ほど存在しますが、全て学習しようとするのは誤りです。ウサギ穴の迷宮に入らないように（”Go Down the Rabbit Hole”：ルイス・キャロルの「不思議の国のアリス」からの表現）注意してください。ゴール達成のために必要なことをリストアップしたら、達成するまでその決定は固守してください。途中で他に学びたいことを見つけて脇道にそれそうになっても、それはどこか忘れない場所にメモでもしておいて、将来しかるべき時が来たら、改めて取り組む方がいいでしょう。脇道にそれないことも、良いプログラマーの重要な要素です。今の段階から、またはもっと前のプログラミング学習の初期段階から、こうしたスキルを伸ばしておくこともできます。プログラミング学習の旅には台本がないことも覚えておいてくださいコードを学ぶには数多くの方法があります。プログラミングを早く習得する人もいれば、もっと時間がかかる人もいます。あなたにとって難しい概念を他の人が容易に理解できることも、その逆もありえます。あなたの旅は直線コースではないかもしれません。途中で休んだり、寄り道をしたり、疑念を抱くこともあるかもしれません。また、プログラミングを学んだ後に忘れてしまったときには、1から全て学び直さなければならないこともあるでしょう。最後にお伝えしたいのは、プログラミングの学習方法に唯一正しいものはなく、万人に適した計画表もないことです。私たち一人一人に個性があるように、プログラミング学習も人それぞれやり方があるでしょう。不確実性を積極的に受け入れて、果敢に挑戦してください。その価値はとても高いと思います。 [お知らせ]TechAcademyでは初心者でも最短4週間でエンジニアになれるオンラインブートキャンプを開催しています。これからエンジニアを目指したい方、プログラミングを始めてみたいと思っている方はぜひご覧ください。

プログラミング

始める前に要チェック！プログラミングで挫折する3つのパターンとその解決方法

プログラミングの勉強を始めたけど、途中で挫折してしまったという経験はないでしょうか。そこで今回はTechAcademyの過去7,000人以上の受講生の事例をもとに、初心者がプログラミング学習で挫折するパターンとその解決方法をご紹介します。挫折した経験がある方は、この記事を参考に再度チャレンジしてみてください。プログラミングで挫折する3つのパターン TechAcademyは2012年に開校し、非エンジニア・初心者向けのプログラミング講座を中心に開催してきました。また、大手IT企業の非エンジニア向けのプログラミング研修も実施しています。そんな講座や研修を開催する中で、「過去にプログラミングを勉強してみたけど挫折した」という声をよく耳にしています。そのうち、特に多い3つのパターンを紹介します。 1.開発環境が構築できないプログラミング学習サービスを見て開発環境を構築しようとしたけど、結局できず1行もプログラミングコードを書かずに終わってしまった（20代女性・会社員）プログラミングの最初の壁として開発環境の準備があります。Vagrantを使ったローカル開発環境やXAMPPなど統合開発環境を使う方法もありますが、まったくの初心者だと、Macのターミナルの使い方がよくわからないなどの理由で断念してしまうこともあるようです。肝心のプログラミングコードを書く前に、開発環境の構築で数日たってしまい、そのままやらなくなってしまいったとう経験を持つ人もいるのではないでしょうか。 2.わからないことを聞く人がいない独学でわからないところはQ&Aサイトで質問しましたが、期待した答えが返ってこないことも多く参考にならなかったことも多いです（10代男性・大学生）「スペルミスに気が付かず、30分悩んでしまった」「コードが動かなくなってどうすればいいかわらなくなった」「ググっても解決しない」といった声をよく聞きます。友人や同僚にすぐ相談できるプログラマーがいる環境であれば解決しますが、独学だと学習効率が悪くなることがあります。 Q&Aサイトなどを活用することもできますが、回答がないと待つ時間もかかりますし、すぐ解決できる回答が返ってくる保証もありません。 3.やりたいことが決まっていないプログラミングのいろいろなサイトを見たけど、どれも個別のコードの使い方の学習で何に使えるかよくわからなかった（30代男性・会社員）「社内のエンジニアと円滑にコミュニケーションを取りたい」「今後プログラミングスキルが必要になりそうだから」など、プログラミングを学習する動機はばらばらだと思います。ただし、目的があっても何をしたいかの具体的な目標がないと、いざ勉強を始めてもモチベーションが続かないことがよくあります。非エンジニアで、「プログラミングを勉強したい」だけではこのようなことに陥る可能性が高いようです。プログラミングの挫折を解決する方法先ほど紹介した挫折のパターンをもとに、4つの解決方法を紹介します。どれも第一線で活躍するエンジニアや企業が推奨している解決方法です。 1.すぐに形にできることから始めてみる TechAcademyの過去の受講生に話を聞くと、初心者がプログラミングで最初に楽しいと感じるのは、何かしらが動くようになった体験であることが多いです。そのため、開発環境の構築が難しければ、すぐに動かせるものから始めてみることをおすすめします。例えば、テキストエディタとWebブラウザだけあればJavaScriptで簡単なWebアプリケーション作ることができます。そのため、TechAcademyで執筆した著書非エンジニアのためのプログラミング講座もJavaScriptを題材にしてプログラミングの基礎を学ぶ内容にしました。また、最近はCloud9というクラウド上に開発環境を用意できる無料のツールもあります。Cloud9では、PHPやRubyはもちろんのこと、Ruby on RailsやWordPressといったテンプレートも用意されているので便利です。 2.メンターを見つける普段からプログラミングについて相談できるメンターを見つけておきましょう。メンターの重要性は、リブセンスが公開している「人は一ヶ月でエンジニアになれるのか – 詳細解説」の資料でも紹介されています。この資料では、独学だと学習効率が悪いため、メンターを見つけることを推奨しています。独学で学んだ人は多いし、当然「学べる」。しかし、効率を比較すれば、早期にメンターを見つけたい。メンターがいることで、わからないことをすぐに聞くことができますし、しっかりと時間を確保してくれるメンターが見つかれば、その人のためにも頑張ろうというほどよい強制力もはたらくはずです。また、自分の開発しているサービスなどを見せて、フィードバックをもらうことで、第三者の視点が入ってより成長できるでしょう。 3.仲間を見つける 1人だけでプログラミングを勉強しているとモチベーションが続かないことがありますので、一緒に勉強する仲間を見つけましょう。人事部からエンジニアにキャリアチェンジした経験を持つ村田佑介さんは、「何かコミュニティがあった方が続きやすい」とインタビューで話しています。仲間がいれば、わからないことを教え合うこともできるはずです。これもリブセンスの資料になりますが、仲間を見つけることで「目標」「スキル」「チャレンジ」「フィードバック」の4つの要素のバランスが取れるとおすすめしています。この4つの要素は、メンターをつけることでも解決できそうです。 4.作るサービスを決める目標を持つと言っても、なかなか自分だけで決めるのは難しいかもしれません。そんなときは、作りたいサービスを具体的に決めておくことをおすすめします。サービスを作ると言っても大げさなことではなく、「自分の子どもが遊べるサービスを作りたい」「会社のメンバーの業務効率が上がるようなサービスを作りたい」といった自分の身近な人が使うサービスでも構いません。作るサービスを決めておくことで、まずは必要なスキルだけを効率的に身に付けることができます。また、メンターがいる場合はサービスの内容を伝えて、作る際の道筋を事前に聞いておくと良いでしょう。なお。プログラミングを教えるCODE1000のメンターインタビューでも、「こんなサービスを作りたい」目的を持つことがプログラミング上達のコツとして推奨されています。今回の記事は以上です。解決方法の4つを全て用意するのは難しいかもしれませんが、1つずつ解決していきましょう。 [お知らせ]TechAcademyでは、メンターがプログラミング学習をサポートするオンラインブートキャンプを開催しています。挫折することのないよう、開発環境はCloud9を使用し、受講生に1人ずつパーソナルメンターをつけて、オリジナルWebサービスの開発までサポートしています。期を区切っているので、一緒にプログラミングを学ぶ仲間を見つけることも可能です。

プログラミング

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ