TechAcademy（テックアカデミー） 最新記事 2016年のベストアプリ！アップルが「今年のベストApp」を発表
オーダーメイドコース
icon
icon
最新記事

2016年のベストアプリ！アップルが「今年のベストApp」を発表

2016年のiPhoneベストアプリに該当する、アップルが発表した「今年のベストApp」を紹介しています。SNSや画像加工、教育アプリなど様々選出されています。アプリの企画、開発、デザインでぜひ参考にしてみてください。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

2016年のアップルが発表した「今年のベストApp」を紹介していきます。2016年からはランキングではなく、ベストアプリ10選からベストアプリが1本、次点が1本という形で選ばれています。

アプリの企画、開発、デザイン全てにおいて参考になるはずなので、ぜひ使ってみてください。

 

Standland – 座りすぎ解消！

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-09-14-33-46

iPhoneのベストアプリで選出されています。

健康系のアプリはこれまでにも多々ありましたが、ゲーム感覚で楽しむことができ、健康にもなるという一石二鳥のアプリです。

iPhoneアプリをインストール

 

Prisma

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-09-14-34-28

画像加工のアプリは以前から多くありましたが、Prismaは絵画のようなフィルターをつけることができる斬新なアプリです。

世界中で利用され、instagramやfacebookでも投稿している人が多くいましたね。

iPhoneアプリをインストール

 

[PR] プログラミングで挫折しない学習方法を動画で公開中

Smoozブラウザ

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-09-14-35-07

読んでいるページから検索キーワードを予測する機能、読んでいるページについたコメントが読める機能など今までに無かった機能をつけ、検索を高速化する無料のブラウザアプリです。

自分が見ているサイトのTwitterでのコメント、はてなブックマークでのコメントをその場で見れるのは便利でしょう。いくつものアプリをまたいで確認していた作業が一つにまとまりそうです。

iPhoneアプリをインストール

 

アルゴリズム図鑑

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-09-14-36-02

セキュリティやプログラムなど、技術者が普段目にするようなシステムのアルゴリズムをアニメーションで分かりやすく解説するアプリです。

数学やセキュリティなど、学生の時には習わなかった、もしくは忘れてしまった知識を身につけることができるはずです。

iPhoneアプリをインストール

 

PEAK – 脳トレ

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-09-14-36-52

ロンドン発の本格的な脳トレアプリです。2013年にリリースされており、2014年のベストAppにも選出されていました。

「記憶力」「集中力」「問題解決力」「言語力」などの能力を鍛えることができ、この4つの力に加えて、「メンタル・アジリティ」という5つの脳力マップを作成し、自分の得意分野を発見することができるでしょう。

ゲームの種類もどんどん多くなっており、数分でできるので暇な時間にサクサク進められますね。

iPhoneアプリをインストール

 

Folioscope

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-09-14-37-56

海外ではGIFを使ったコミュニケーションが流行っていますが、簡単にアニメーションを作成できるアプリです。

Folioscope内でシェアされている他の人のアニメーションも非常にクオリティが高く、パラパラ漫画など見ているだけでも楽しく利用できるでしょう。

iPhoneアプリをインストール

 

codebelle

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-09-14-38-55

プログラミングを学習できるアプリです。iPhoneアプリ開発で使われている言語「Swift」をチャット形式のレッスンで進めることができます。

codebelleの体験レポートも合わせて参考にしてみてください。

スキマ時間にプログラミングを学びたい人にはおすすめです。

iPhoneアプリをインストール

 

シンクル

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-09-14-39-57

ネット上に趣味の友達を増やせる匿名制のコミュニティアプリです。

出会いたいとは思わないけど、ネット上で趣味を共有できる友達がほしいと思った時に遊べるアプリになるでしょう。匿名制のmixiのコミュニティに近い感じを受けますね。

iPhoneアプリをインストール

 

Pathee

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-09-14-52-45

Patheeは、現在地から徒歩5分以内のトイレ、郵便局、カフェ、ATMなどを探せる地図アプリです。

似たようなアプリは以前からあり、Googleマップにも同様の機能はありますが、Patheeの検索精度は非常に高いでしょう。

iPhoneアプリをインストール

 

Ulysses

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-12-09-14-53-40

ベストAppの中で唯一有料アプリが選出されています。

どんどんインストールされにくくなっている有料アプリですが、Ulyssesは、軽量で機能も豊富なエディタとして人気です。

元々、OS XやiPadでは利用できたのですが、iPhoneでもアプリで使うことができ、すべてのデバイスで同じ執筆環境が整っています。iPhone/iPad/Macでシームレスに作業したい人にはおすすめでしょう。

iPhoneアプリをインストール

 

まとめ

プログラミングやアルゴリズムといった学習系のアプリも選出されているのが印象的でした。

いわゆるSNSやコミュニティアプリでも一風変わったものが増えてきていますね。今後もよりユーザー体験が向上したアプリが続々と出ることを期待しましょう！

 

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

今回紹介したようなiPhoneアプリ、自分でアイデアを形にしたいと思う方はぜひご覧ください。

記事を検索

関連するキーワード

関連する記事

音楽ストリーミングサービス「Spotify」ようやく国内で提供開始

9月29日、世界最大手の音楽ストリーミングサービス「Spotify」の公式アプリが、国内のApp Store/Google Playからダウンロードできるように...
最新記事

任天堂の新型ゲーム機「Nintendo Switch」の映像が公開！

任天堂は20日、新型ゲーム機「Nintendo Switch」の映像を、任天堂ホームページ、YouTubeにて公開しています。このNintendo Switch...
最新記事

より薄く、より使いやすく！Touch Barを搭載した新MacBook Proを正式発表

Apple（アップル）は、日本時間10月28日午前2時よりAppleの新製品発表イベント「hello again」が行われました。 iPhone7を受けて...
最新記事

マイクロソフトの「HoloLens」、国内で発売！年内にプレオーダー開始

日本マイクロソフトは、Windows10を搭載したホログラムHMD「HoloLens」を日本の開発者向けと法人向けに提供すると発表しています。2016年内には予...
最新記事

米アマゾンがリアル店舗の「Amazon Go」をオープン、レジの待ち時間なし

Amazonは、米国時間12月5日、新しいコンセプトのリアル店舗「Amazon Go」を発表。Amazon Goは、ディープラーニングを用いたシステムを使い、レ...
最新記事

【40%OFF】130の技術書が割引セール中！半期に1度のエンジニア応援祭

翔泳社が主催する「Security Oniline Day 2016」「Developers Summit 2016 FUKUOKA」の開催を記念して、電子書籍...
最新記事

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

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

iPhoneアプリの開発手順をゼロから紹介していきます。 今回の記事では、プログラミングをやったことがないという初心者の方にも分かりやすく2人のキャラクターを用いて解説しています。 「iPhoneアプリを作る上で準備しなければならないもの」 「iPhoneアプリをリリースしてみたい」「iPhoneアプリで収益を上げたい」などそれぞれシチュエーションに分けて細かく紹介しています。   では、iPhoneアプリの開発手順を実際に見ていきましょう！ 目次Standland – 座りすぎ解消！PrismaSmoozブラウザアルゴリズム図鑑PEAK - 脳トレFolioscopecodebelleシンクルPatheeUlyssesまとめ 今回の登場人物   田島悠介（29） 現役エンジニアで田島アプリスクールの代表。人の成長を見るのが一番のやりがいになっている。 テックアカデミーのメンター。好きな映画は『トスカーナの休日』 大石ゆかり（24） テックアカデミーの受講生。 Instagramには3つの写真加工アプリで編集してからアップするという。   大石ゆかり 田島メンター！こういうインスタみたいなアプリってどうやって作るんですかー？ 田島悠介 おっ！ゆかりちゃんもアプリ作ってみたいの？ 大石ゆかり はいっ！！だってアプリ作れたら稼げるって聞いたから！ 田島悠介 (すごいミーハー感が・・・) じゃあ、せっかくだからiPhoneアプリを公開する手順をひととおり説明していくね！ ゆかりちゃんが気になってるお小遣い稼ぎの方法も最後に紹介するからね！ 大石ゆかり やった〜！！ありがとうございます！（これで世界一周行けるかな♪）   iPhoneアプリ開発で準備するもの iPhoneアプリを作る前に準備すべきものが2つあります。 Mac Xcode iPhoneアプリ（iOSアプリ）の開発を進めるためには上の2つが必要になります。 実際にApp Storeにリリースしたいと思っている方は、リリースまでに準備すべき6つのことをご覧ください。 すでにMacを持っている方は、Xcodeのインストール方法をご覧ください。   大石ゆかり 田島さん、iPhoneアプリってWindowsのパソコンじゃ作れないんですか？？ 田島悠介 良い質問だね！iPhoneアプリを作るためのXcodeをインストールしたり、あとで紹介するアプリをリリースするためにMacが必要なんだ。 大石ゆかり そうなんですね！やっぱりMacの方がかっこいいですもんね。 田島悠介 (やっぱりどこかミーハーなんだよなあ・・・) じゃあ次は実際にアプリを作ってみる流れを説明するね！   WindowsはiPhoneアプリ開発ができないのか？ WindowsでiPhoneアプリを開発することは可能です。 しかし、iPhoneアプリをリリースすることが難しいです。 iPhoneアプリをリリースするためには、必ずMacが必要です。 それではWindowsユーザーは、最新のMacを購入する必要があるかというとそうではありません。 様々な考え方がありますが、わかりやすい指標で言うと、Xcodeの動作が可能なMacであれば、最新のMacでなくても大丈夫です。 そして、iPhoneアプリの開発だけに絞るとMacのみで開発可能です。   UnityでiPhoneアプリ開発 Unityとは、Unity Technologiesが開発するゲーム開発環境です。 C#やJavaScriptを利用してゲーム開発が可能です。 C 、C++、Objective-C で書かれたカスタムのネイティブな関数を C# スクリプトから呼び出すことも可能です。 Unityでゲーム開発を行うメリットは、アセットストアの素材を利用できることです。 アセットストアでは、音楽、キャラクター、ほぼできあがっている状態のゲームテンプレートなどが無料・有料で販売されています。   React NativeでiPhoneアプリ開発 React Nativeとは、Facebookが開発しているReact.jsというJavaScriptのライブラリを利用した、モバイル端末用のJavaScriptフレームワークです。 JavaScriptを利用すれば開発できるということで、これまでのiPhoneアプリ開発に比べ、格段に開発者の裾野が広がりました。 ネイティブUIを利用してTypeScriptも利用できることから、フロントエンドエンジニアと言われているJavaScriptを得意とするエンジニアも、iPhoneアプリ開発に取り組むことが可能です。   IonicでiPhoneアプリ開発 Ionic FrameworkはIonicが開発する、オープンソースのUIツールキットです。 HTML、CSS、JavaScriptを使っているフロントエンドエンジニアであれば使いやすいと思います。 Angular や React 、 Vue といったJavaScriptの人気フレームワークと併用して、TypeScriptも利用可能です。 iOS、Android、 Webアプリ（PWA可能）、 Electronで動作します。 ReactNativeとの違いは、UIがWeb Componentを利用しており、アプリ内でコンテンツを表示するWebView上で動作するという点です。   FlutterでiPhoneアプリ開発 FlutterはGoogleがリリースしている開発フレームワークです。 Dartという言語を利用します。 現在Flutter2がリリースされたことで、基本実装で同じコードをネイティブアプリ(iOS、Android)、Windows、macOS、Linuxで利用可能になりました。 ToyotaもFlutterを採用する計画があるそうです。   MonacaでiPhoneアプリ開発 Monacaとは、HTMLとJavaScriptを利用した開発環境です。 Monacaではクラウド上での開発が可能です。 クラウド上での開発が可能ということは、手元のPCに開発環境を構築する必要がないというメリットがあります。   RAD StudioでiPhoneアプリ開発 RAD StudioはWindows、Android、iOS、macOS、Linuxアプリケーション構築をサポートする統合開発環境です。 C++とDelphiという言語で開発可能です。 有償製品のため、サポートが充実しています。 無料トライアルも可能です。   [PR] プログラミングで挫折しない学習方法を動画で公開中Xcodeで利用するプログラミング言語 XcodeでiPhoneアプリを開発する上で、SwiftとObjective-Cが利用されます。 Objective-CでiPhoneアプリ開発も可能ですが、Apple自身がSwiftの利用を推奨しているため、初心者の方にはSwiftの利用をおすすめします。   Swift Swiftは、2014 年からApple製品専用の言語として開発されました。 AppleはiPhoneアプリを開発する際、Swiftを推奨しています。 Objective-Cよりシンプルで、初心者にも使いやすく、処理速度も速いです。   実際にアプリを作ってみる せっかくXcodeをインストールしたらオリジナルのiPhoneアプリを作ってみたいと思うはずです。 作りたいものが浮かばないという人は、サンプルアプリを紹介しているので、そのまま真似して作ってみるのも良いでしょう。 もし、実際にiPhoneアプリを作ろうと思ったら「企画→設計→開発」といった流れが一般的です。 企画 企画では、いつ誰が何のために使うのかなど具体的にアプリのイメージを考えます。 個人で作るアプリであれば自分が欲しいと思うものが良いでしょう。 設計 設計では、画面設計図を作りましょう。 手書きでも良いですが最近では、ProttやCacooといったツールで誰でも簡単に作成できるのでぜひ試してみてください。 開発 企画や設計が終わったら実際にアプリを作っていきます。 iPhoneアプリは、Storyboard(ストーリーボード)というところで画面を作り、ソースコードを書いて正常な処理や動作を行います。 例えば、写真のアプリを作る場合「カメラを起動している画面」と「写真を保存する画面」が少なくとも必要です。 1．カメラでボタンを押して写真を撮る 2．ライブラリに写真を保存する この1と2を連動させるためにコードを書く必要があります。 そして、完成したら自分のiPhoneでテストしてみましょう。 実際にiPhoneでサクサク動くかどうか確認しておくことは重要です。   大石ゆかり ソースコードってなんですか？ 田島悠介 ソースコードというのは、コンピュータに何か命令を送る時に使う言葉なんだよ。 僕らが日本語や英語で会話するように、コンピュータにも特有の言語があるんだよね。 iPhoneアプリを作るときはSwift(スウィフト)っていう言語を使うことが多いよ！ 大石ゆかり Swiftって言うんですか？？ テイラー・スウィフトとは何か関係があったりするんですかー？ 田島悠介 いやいやテイラー・スウィフトとは何も関係ないよ(笑) (それにしてもすごい連想だな・・・)   アプリをリリースしてみる iPhoneアプリを開発したら一般にリリースします。 App Storeに公開するためには、iTunesConnect, DeveloperCenterというサイトで設定し、申請を行います。 ちなみにリリースさせるためにはAppleのDeveloper登録が必要で年間11,800円かかります。 参考サイト サルでもできるiOSアプリ公開手順～App store 登録～   田島悠介 最初にも言ったけど、iPhoneアプリをリリースするためにはMacでなければならないんだ。 ちなみにiPhoneアプリをリリースする際はAppleによる審査があるから覚えておこうね。 大石ゆかり なんで審査なんてするんですか〜？ 田島悠介 アプリを使う時に登録した個人情報が外に漏れないといったセキュリティ面や不快な表現がないかどうかの確認をするためだよ。 大石ゆかり へえ〜意外と厳しいんですね！ 田島悠介 そうなんだよね。だからみんな開発が終わってもたくさんテストして不具合がないか確認するんだよね。 さて最後は、ゆかりちゃんお待ちかねのアプリでの稼ぎ方について説明していくよ！ 大石ゆかり わあ〜！待ってました！   アプリで収益を得る iPhoneアプリで収益を上げるためには3つの方法があります。 有料ダウンロード 広告 アプリ内課金 有料ダウンロードは、アプリを有料で販売することです。 有料アプリはゲームが多く購入される傾向にあります。 広告はアプリ内に広告を表示して収益を得ます。 アプリ自体は無料で使ってもらい、広告を出すことで収益が上げられます。 アプリ内課金はゲームによく使われます。 ゲーム内のアイテムを販売するなどして収益を得ます。 広告などを利用すれば個人でもアプリで稼ぐことができるでしょう。   田島悠介 ちなみにゆかりちゃんはどんなアプリを作りたいの？ 大石ゆかり 撮った写真にプリクラみたいに可愛くスタンプとか文字を載せたいんです。あと、フィルターもおしゃれにして。とにかく可愛くデコレーションができるアプリが欲しくて、できるならアプリで稼げたらいいなあなんて思ってます。 田島悠介 面白そうなアプリだね！そのアプリで収益をあげようと思ったら例えば、無料のスタンプやフィルターを用意しておいて、もっとおしゃれなものを使いたいと思ったら課金するみたいな感じが良いかもね。 大石ゆかり なるほど〜！ いろいろ教えていただきありがとうございましたっ！   おさらい iPhoneアプリの開発にはMacが必要！ アプリを作る時は企画→設計→開発という順番で進めよう！ アプリのリリースにはAppleのDeveloper登録が必要！ アプリで収益を得るには3つの方法がある！     監修してくれたメンター 中本賢吾（なかもとけんご） アジマッチ有限会社　代表取締役社長 開発実績：PHPフレームワークによるフランチャイズ企業向け会員制SNS。Shopifyによる海外進出用大規模ネットショップ構築。Vue.jsによる金融機関向け内部アプリ。AWSやLinuxハウジングサーバでの環境構築。人工知能を利用した画像判別システム。小売チェーン店舗用スマホアプリ。WordPressによる不動産チェーン店向け賃貸・売買仲介システム。基幹システム移管用データコンバートシステム。ボランティア活動：小学生がオリジナルAndroidアプリをGoogle Playでリリース、NHK Whyプログラミング入賞、全国Programming Festival入賞、中学生がSNS型PWAアプリリリースする市クラブ講座活動を行っている。   iPhoneアプリ開発を学習中の方へ これで解説は終了です、お疲れさまでした。 つまずかず「効率的に」学びたい 副業や転職後の「現場で使える」知識やスキルを身につけたい プログラミングを学習していて、このように思ったことはありませんか？ テックアカデミーのiPhoneアプリコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、Swiftを学習・勉強して短期間でオリジナルのiOSアプリを開発できるようになります。 まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。 時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
iPhoneアプリ開発

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

Androidアプリの開発手順をゼロから紹介していきます。 今回の記事では、アプリを作ったことがないという未経験者でも分かりやすく2人のキャラクターが登場しながらAndroidアプリ開発について解説しています。 「Androidアプリを作る上で必要なもの」「Androidアプリを作ってリリースしてみたい」などそれぞれシチュエーションに分けて細かく紹介していきます。   では、Androidアプリの開発手順を実際に見ていきましょう！   目次 Androidアプリ開発をする上で必要なもの 実際にAndroidアプリを作ってみる アプリをリリースしてみる アプリで収益を得る   大石ゆかり 田島メンターってなんでiPhoneとAndroid、両方のスマホ持ってるんですかー？ 田島悠介 なんでって両方のアプリを勉強するためだよ！ 大石ゆかり え、でも同じアプリ入れてるじゃないですかっ！ 田島悠介 実はね、iPhoneとAndroidで同じアプリでも違うデザインになっていたりするんだよ！ 大石ゆかり へぇ〜そうなんですね。どっちも同じように作ってると思ってました！ 田島悠介 実は結構違うんだよね！ ちなみにiPhoneとAndroid、それぞれ持ってる人の割合って何%くらいか知ってる？ 大石ゆかり んー、私の周り見てもみんなiPhoneだからほとんどiPhoneなんじゃないですかー？ 田島悠介 たしかに日本人でiPhone使ってる人は多いよね！ でも世界ではスマホを使ってる人の71.9%くらいがAndroidって言われているんだよ！（2021年1月statcounter調べ：Mobile Operating System Market Share Worldwide | StatCounter Global Stats） 大石ゆかり え、そうなんですかー！初めて知りました！ 田島悠介 アプリを海外の人に使ってもらおうと思ったらAndroidから作る方が良いかもね！せっかくだからAndroidアプリの作り方を一通り説明しようか？ 大石ゆかり ぜひ！知っておきたいです！(Androidアプリ作れたら海外で働く夢も叶うかも♪)   Androidアプリ開発をする上で必要なもの PC(Mac/Windows/Linuxのいずれか) Android Studio JavaやKotlinなどのAndroid開発言語 Androidアプリの開発を進めるためには上の3つが必要です。   PC MacやWindowsなどのOSに関わらず、メモリは16GBほど搭載しておくと、開発する際にストレスなく動作させることが可能です。 もちろん、CPU性能も影響します。   開発環境 Android StudioではなくEclipseという環境でアプリ開発することも可能ですが、Android Studioで作る場合が一般的です。 Android Studioに関しては次の記事を参考にしていただくと分かりやすいです。 「AndroidStudio」を使ったアプリ開発環境の構築方法 | TechAcademyマガジン   言語 Java Javaは世界中の基幹システムで使われているプログラミング言語です。 Androidアプリ開発でも利用しますが、業務システムでもよく利用されるため、Javaを習得することで幅広い業務のシステム開発を行うことが可能になります。 Javaについては、次の記事を参考にしていただくと分かりやすいです。 今さら聞けない！Javaとは 【初心者向け】 | TechAcademyマガジン   Kotlin KotlinはJava言語と100%の互換性を保ちつつ、より簡潔にソースコードを書けるよう、現代的な言語仕様が多く取り入れられています。 2010年に開発が始まり、2017年にはAndroid開発用言語として正式サポートされた新しい言語のため、書きやすい文法であるよう工夫されています。 Kotlinについては、次の記事を参考にしていただくと分かりやすいです。 Androidアプリ開発に使うメリットを解説！Kotlinとは【初心者向け】 | TechAcademyマガジン   Dart（Flutter2） Dart言語を利用してAndroid開発をを行う際、Flutter2というフレームワークを利用します。 Flutter2を利用することで、「iOS」「Android」などのスマホアプリ、「Windows 10」「macOS」「Linux」などのデスクトップアプリ、「Google Chrome」「Safari」「Microsoft　Edge」など、ブラウザアプリを1つのソースコードですべて開発可能です。 https://flutter.dev/   JavaScript（React Native） JavaScriptを利用するReact Nativeでは、React.jsというフロントエンドフレームワークを利用してスマホアプリの開発が可能です。 基本的にはフロントエンドプログラミングの技術を利用しているため、フロントエンドエンジニアがスマホアプリを開発する際、低い学習コストで開発が可能です。 React.jsもReact NativeもFacebookがサポートしています。 React Native · A framework for building native apps using React また、中にはツールを使ってアプリ開発できるものもありますが、プログラミングをして自分の力で作りたいという人は「Java」というプログラミング言語を理解する必要があるでしょう。   C#（Unity） C#を利用して開発するUnityでは、ゲームの開発を行うことが可能です。 Unityで開発したゲームは、AndroidやiPhoneなどのスマホアプリだけでなく、PlayStationやNintendoSwitchやXboxなどの家庭用ゲーム機用や、WindowsやMacやLinuxなどのPC向けゲームなどでリリースすることが可能です。 Unityについては、次の記事を参考にしていただくと分かりやすいです。 今さら聞けない！ゲーム開発で人気のUnityとは | TechAcademyマガジン   C#（.net） Xamarin という機能を利用して、iOS、Android、Windows向けアプリケーションを実装可能です。 Xamarinという名称は、今後、MAUI という名称に変更される予定です。 Xamarin とは – Xamarin | Microsoft Docs   ノーコード ノーコードとは、コードを書かずに実装が可能なツールを言います。 実際プログラミング言語を学ばなくてもある一定レベルのアプリを作成することが可能です。 スマホアプリを実装可能なノーコードツールはたくさんありますが、代表的なものとしてGoogleが買収したAppSheetなどがあります。 Make an App with No-Code. Start building today for free.
Androidアプリ開発

今さら聞けない！Xcodeをインストールする方法【iOSアプリの統合開発環境】現役エンジニアが解説

iPhone（iOS）用のネイティブアプリを開発するにはXcodeが必要です。 しかし、Xcodeのインストール方法や開発環境の構築方法を知らなければ、iOS用ネイティブアプリを開発できません。 今回は初心者向けにXcodeをインストールして、プロジェクトを作成、シミュレーターの起動までご説明します。   目次 Xcode（エックスコード）とは Xcodeで開発できるアプリケーション Xcodeのインストール方法 プロジェクトの作成 シミュレーターの表示 Xcodeの学習方法   Xcode（エックスコード）とは Xcodeとは、iOS/Mac OS用アプリの統合開発環境です。 iPhoneやiPad向けのアプリは、Xcodeの環境から開発できます。 Xcodeは、Apple社がApp Storeで無償配布しています。 WindowsのPCではインストールができないので注意しましょう。 また、実機の利用や、App Storeでアプリ配布をするには、別途デベロッパプログラム（年間11,800円）に登録する必要があるので注意しましょう。 [PR] プログラミングで挫折しない学習方法を動画で公開中Xcodeで開発できるアプリケーション Xcodeは、Apple社が提供しているアプリケーション開発ソフトウェアです。 そのため、Xcodeで開発できるアプリケーションは以下のOSで動作します。 iOS（iPhone、iPad） macOS （iMac、Macbook） watchOS（Apple Watch） tvOS（Apple TV） 上記OSで動作しているものであれば、基本的にすべてのアプリケーションを開発できます。 Xcodeのインストール方法 まずは、Xcodeのダウンロードページにアクセスします。 画面を開くと「App Store.appを開きますか？」という確認が表示されるので、「App Store.appを開く」をクリックします。 もちろん、直接、Mac App Storeから検索してインストールすることも可能です。   そのまま「入手」のボタンをクリックし、続けて表示される「インストール」のボタンをクリックします。 インストールには数分かかりますので、時間の余裕があるときにインストールしましょう。   インストールが完了すると、自分のPCのアプリケーションにXcodeが追加されるので、起動してみます。 このように表示されたらインストール完了です。 プロジェクトの作成 Xcodeのインストールが完了したら、さっそくプロジェクトを作成してみましょう。 「Create a new Xcode project」をクリックするとこのような画面が表示されます。 iOSアプリを作る場合は、左上にあるiOSのApplicationを選びます。 今回は、「App」を選択して、次に進みます。   次にプロジェクト情報の設定を行います。 Product Nameには開発するアプリ名、Organization Identifierには、個人的な練習アプリを作る場合は「edu.self」などと入力しておくと良いでしょう。 Interfaceは「Storyboard」を選択します。 最後に「Next」をクリックするとプロジェクトが保存できます。   これでプロジェクトが作成できました。   シミュレーターの表示 最後に、簡単な画面を作ってシミュレーターで表示してみます。 画面が遷移するだけのアプリなら、コーディングなしですぐに作れます。 Xcodeの左に表示される「Main.storyboard」をクリックします。   画面上部のメニューバーから、View ＞ Show Library を選択します。   表示されたオブジェクトライブラリの「Button」をドラッグ&ドロップするだけでボタンを設定できます。 今回はXcodeのインストールがメインですので、細かい説明はしませんが、ボタンの色やテキストを変えられます。   ここまでできたら、左上にあるボタンをクリックしてみましょう。 なお、ボタンの横に表示されているところから、デバイスを変えられます。   するとシミュレーターが表示され、先ほど作成したアプリがシミュレーター内で表示されます。 ここでアプリをクリックすると、作成したアプリが表示され、画面遷移などを確認できます。 iPhone実機でも確認できますが、手軽に確認したい場合は、シミュレーターを使用すると良いでしょう。   Xcodeの学習方法 Xcodeのインターフェイスはすべて英語で、日本語対応していません。 しかし、最初はとっつきにくい部分もあるかもしれませんが、今やiPhoneアプリの開発者は非常に多くなっており、参考となるWebサイトや書籍も多数存在するため、英語がわからなくて困る、といったことはほとんどありません。 また他のソフトウェアについても同じことが言えますが、まずはインストールして使ってみることが一番の学習になります。 その後、わからないことが出てきたらWebサイトで検索したり、参考書をめくってみるといった学習をおすすめします。 ただし、Webサイトのなかには古い情報もあり、Xcodeのスクリーンショットが現状と合っていないページもあるので注意が必要です。   学習サイト iPhoneアプリ開発やXcodeに対して興味・関心を持つ人におすすめの学習サイトを3つ紹介します。 iPhoneアプリ開発 Qiita Xcode documentation それでは見ていきましょう。 iPhoneアプリ開発 こちらのサイトは比較的新しいバージョンのXcode+Swift（iOSアプリ開発のプログラミング言語）を用いて記事が作成されており、非常に参考になります。 iPhoneアプリ開発 Qiita 全国のプログラマーが技術情報を共有するサイトです。 開発したアプリが思い通りに動かない、そもそもエラーが出てしまう、などハマりやすいトラブルについて記載されていることが多く役立ちます。 Qiita Apple Developer Xcode Documentation 公式ドキュメント（英語）です。 Xcodeでプログラミングを行うには公式ドキュメントは欠かせません。 すべて英語ですが、チュートリアルなども用意されており、内容はとても充実しています。 翻訳ソフトを使いながら読み進めていくと良いでしょう。 Xcode Documentation 参考書籍 先ほどは、画面の作成をStoryboardで簡単に行いました。 Storyboardは現在多くの開発の現場で使用されていますが、徐々にSwiftUIという機能を使っての画面作成に移行が進んでいます。 よって、これからXcodeでのiPhoneアプリ開発を行うのであれば、SwiftUIを学ぶのが良いでしょう。 以降の書籍は、2021年3月現在において最新のバージョンに対応しており、また新しいバージョンが出た際には改訂されているため、その時点での最新版の書籍を購入することをおすすめします。   絶対に挫折しない iPhoneアプリ開発「超」入門 第8版 iPhoneのアプリ開発の入門書として超定番です。 開発をはじめるために必要な内容がとても丁寧に説明されており、最初の1冊はこれをおすすめします。   詳細! SwiftUI iPhoneアプリ開発入門ノート[2020] iOS 14+Xcode 12対応 最新のXcode12とSwiftUIに対応した入門書です。 アプリ開発に関する事項が幅広く簡潔に網羅されています。 タイトルにもあるように、SwiftUIの内容が充実しており、本書で開発に必要な知識をカバーできます。   SwiftUI 徹底入門 SwiftUIについて詳細に記述されています。 難易度は上記の2冊と比較するとやや高めです。 少し理解が進んでから2冊目以降に購入すると良いでしょう。   今回の記事は以上です。 問題なくインストールできましたか？ Xcodeのショートカットキーを紹介する記事もあるので、インストールが完了したら使ってみてください。 ぜひ、いろんなアプリを作ってみてください！ [お知らせ]テックアカデミーでは初心者でも8週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。
iPhoneアプリ開発

ビジョンを実際のアプリに落とし込むまでの9つのステップとは

本稿は、Codementorのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、Android OSアプリ開発者のAbinash Neupane 氏によって投稿されました。 あなたにも朝起きたときに、大ヒットして億万長者になれるような創造的なアイデアを思いついたことがあるでしょうか。未来を変えることができるようなアイデアを思くことは誰にでもあります。その中の多くのアイデアは空想に終わりますが、中には私たちの生活を大きく変えるような可能性を秘めたものもあります。 ビジョンを実際のアプリとして実現し、未来を変えるためのステップを見てみましょう！ ほとんどのアイデアが単なる「アイデア」で終わってしまうのは、適切なガイドがないためです。 アプリ開発を大量のコードを書くだけの作業だと思っている人もいますが、コードを書くことはアプリ開発の中の1つのステップにすぎません。良いアプリを開発するには、その他にも大切なステップがあります。これら9つのステップを紹介していきます。   目次 最初のステップ 要件工学 技術的な指標の分析 デザイン 開発 テスト アプリの公開 保守管理(メンテナンス) マーケティング 1. 最初のステップ 最初のステップはビジョンを広げるのに役立ちます。最初のステップの前に、アプリのアイデアを考える必要があります。アイデアは整理されたものでなくても、ぼんやりとしたビジョンでも構いません。 最初のステップでは、アプリを開発する目的やゴールを定め、ゴールを達成するための計画を詳細に立てます。また、すでに似たようなアプリが世の中に存在していないか、調べておきます。 下の画像はプロジェクトの計画の一例で、プロジェクトに必要となるすべてのタスク、段階、マイルストーン（プロジェクトの進捗管理のための各節目）を設定したものです。 プロジェクトによっては、チームのメンバー全員が最初のゴール、目的、価格などを把握できるように、長期的な製品ライフサイクルを見据えて「プロジェクト計画書」を作成することもあります。 アプリについてのアイデアをデバイスのスクリーン上に描いておくのもいいでしょう。 また、スケッチを描くのもビジョンを明確にするのに役立ちます。アプリの主な機能、およそのレイアウトや構造などを、スケッチに描いておけば、アプリのコンセプトを視覚的につかめます。   [PR] プログラミングで挫折しない学習方法を動画で公開中2. 要件工学（RE：Requiment Engineering） アプリについて明確なビジョンやゴールを設定したら、次は要件工学です。 このステップでは、アプリのゴールを拡張します。アプリによって実現できることや、ユーザーにとってのメリットを定義します。 また、ターゲットとなるユーザーを設定することで、価格戦略や市場戦略に役立てましょう。プロジェクトが予算内に収まるかどうかもチェックします。アプリの開発が実行可能かどうか話し合うのもいいでしょう。 要件工学で使える「5W」の問いは多数あります。 アプリのゴールは何か？（What） このアプリはなぜ他とはちがうのか？（Why） 誰がこのアプリを使うのか？（Who） ユーザーはいつアプリを使うか？（When） ユーザーがアプリから得られる最大のメリットは何だろう？（What） ユーザーはどんな場面でアプリを使うのか？（Where）   収益 アプリを開発するときには、収益を図る方法を考えておくことも必要です。例えば次のような方法があります。 有料アプリ In-App Purchase（iOSにおいてアプリ内課金を可能とするAppleの組込みテクノロジー） Admob（アプリの収益を高めるためのGoogleの広告サービス） iAd（iOSのアプリ内に実装できる広告）   マイルストーン（プロジェクトの進捗管理のための各節目） マイルストーンを設定するメリットは、タスク、開発にかかる時間などの管理が容易になることです。 スケジュール管理を時間軸ベースで把握するのに役立ちます。平均すると、AndroidやiOSのアプリ開発には約18週間（約4ヵ月半）かかります。   ワイヤーフレームとストーリーボード 次のステップは、アプリの動作性を示すために、ワイヤーフレーム（レイアウト）やストーリーボード（ユーザーの利用体験を漫画のような一連の画像で表現したもの）を作成することです。最初のビジョンをよりクリアーに表現できます。 ワイヤーフレームでは開発するアプリの、モックアップやプロトタイプを作成します。モックアップやプロトタイプを作成できるアプリには、Balsamiq、Moqups、HotGlooなどがあります。   3. 技術的な指標の分析 次の技術的な指標について分析をします。 スケーラビリティ（拡張性）：アプリの潜在的な成長可能性 アベイラビリティ（可用性）：ダウンタイム（故障や停止などでシステムを使えない時間）を考慮した、システムの利用可能率 メンテナビリティ（保守性）：保守管理のしやすさ モジュラーアプローチ パフォーマンス ポータビリティ（移植性）：例えば、AndroidやWindows PhoneなどのOSに対応したマルチプラットフォームであること ユーザビリティ：エンドユーザーを中心に考えた開発 バージョン管理 このステップにおいては、アプリを開発するために必要なテクノロジーについて話し合います。例えば、アプリに必要なバックエンドの処理を行う技術、データベースの決定などです。SQLiteのようなデータベースを使えば、起動中のアプリを閉じても、データを失うおそれはありません。   次のようなテーマについても話し合います。 アプリのデータを格納する必要はあるか？あるとしたら、どのように格納するか？ どのようなタイプのデータベースを利用するか？ アプリは静的なのか動的なのか？ アプリに求められるセキュリティ要件は？ アプリのセキュリティの欠陥にはどのように対処するか？ サードパーティーの製品を統合するか？するとしたら何を選ぶか？ 将来的にアプリの開発をさらに進めるかどうか？   分析を終えたら、次のような項目を含んだ「プロジェクト文書」を作成しましょう。 導入 問題の提示 目的 方法 予算とスケジュール リファレンス（仕様や機能の解説）   4.デザイン デザインのステップでは、ワイヤーフレームを、クリーンで魅力的なユーザーインターフェース（UI）に作り変えることで、グラフィカルユーザインタフェース（GUI）を作成します。 UXデザイナーはインタラクティビティの高いデザイン要素を設計できますし、アプリの外観や使いやすさに関することはUIデザイナーに頼むこともできます。 アプリストアで目立たせるためには、使いやすく高品質なデザインのユーザーインターフェースにするべきです。デザインは、ブランド戦略を考慮したものにしましょう。また、モバイル端末のスクリーンサイズの違いに応じた解像度で設計します。   5. 開発 この開発のステップは、主にプログラマーが分担します。開発に使うテクノロジーは、ステップ3の分析であらかじめ定めておきます。また、ステップ4で考えたデザインを取り入れて、実際のアプリへと実現します。 また、開発と並行してテストも実施して、バグやエラーの早期発見と解決に努めましょう。プログラマーは、アプリのバックエンドの処理を定めるソースコードの記述と管理も行うことになります。 OS（プラットフォーム）ごとにそれぞれソフトウェア開発キット（SDK）があります。また、アプリをどのOS（プラットフォーム）向けに開発するかによって、ネイティブ言語が決まります。 最後に、ステップ2の要件工学（RE）で作成した要件を基準にして結果を評価します。また、ステップ4のデザインの基準からも評価します。例えば、アプリケーションが実際にAndroid 2.3以降のバージョンのOSをサポートできているかを確認します。   6. テスト ここまで来たらアプリの基本は完成です！このステップでは、ターゲットとなるユーザーに試用してもらいます。このテストは、モバイルアプリの開発プロセスの中でも特に重要なものです。 テストにおいては、アプリの機能性、ユーザビリティ、整合性（コンシステンシー）などを試して、もし問題があればアプリを公開する前に修正します。 テストの手法にはいろいろなタイプがあります。例えば、Android Studioで提供されているテストツールなどを利用できます。ここではテストの一般的な手法について述べます。   自動テスト 自動テストはアプリの開発中に行われます。自動テストは、アプリがデバイス上で動くかどうか、またコードが機能するかどうかを確かめることが目的です。 単体テスト（ユニットテスト）や統合テスト（インテグレーションテスト）も、自動テストの一部です。   ユーザ受け入れテスト（UATテスト：User Acceptance Testing） ユーザ受け入れテストとは、開発したアプリをユーザーが利用できるか試すプロセスです。ターゲットとなるユーザーの何人かに実際にアプリを試用してもらいます。 アプリがこのユーザー受け入れテストに合格したら、今までの設計が現実的に機能していると確かめられたことになります。ユーザー受け入れテストはアルファテストとベータテストから構成されます。それぞれ見ていきましょう。   アルファテスト（Alpha Testing） アルファテストは、アプリの開発に関係したユーザーにアプリを試用してもらうことで行います。つまりこの場合のユーザーとは、アプリに使われているテクノロジーや、アプリの機能をあらかじめ知っている人物です。   ベータテスト（Beta Testing） ベータテストは、アプリに使われているテクノロジーを知らない、いわば実際のユーザーにアプリを試用してもらうことで行います。ベータテストを実施する意味は、アプリが現実の利用環境で上手く機能するかを試すことです。   7. アプリの公開 ここまで上手く行ったら、次のステップはいよいよアプリの公開です！このステップでは、アプリを各OSのストアに公開します。AndroidアプリはGoogle Play、iOSアプリはApp Storeの各ストアへアップロードします。 Google Playにアプリを公開するには、25米ドルの登録料が必要ですが、登録後はデベロッパーアカウントでアプリをいくつでも公開できます。App StoreにiOSアプリを公開するには、Apple Developer Program への参加料金として99米ドル支払う必要があります。   8. 保守管理（メンテナンス） アプリをストアに公開してユーザーがアプリを使い始めたら、次はアプリの保守管理（メンテナンス）を継続的に行います。ユーザーのニーズと期待に応えられるような保守管理をしましょう。 ユーザーからのフィードバックは、ユーザーがどのようにアプリを使っているかをよく理解するために大切なもので、アプリ解析ツールのソフトウェアが役に立ちます。ダウンロード数だけでなく、どんなユーザーがいつ、どこで、どのようにアプリを使っているかが分かります。 ユーザーのアクセス経路 アクティブユーザー率（Activation percentage：利用頻度が高いユーザーの率） リテンション率（Retention percentage：ユーザーの再訪率） リファラル（Referral：ユーザーがアプリにアクセスするきっかけとなったリンク元）の有無 などを知ることができます。アプリ解析ツールは、ステップ6のテストの段階から導入するのがいいでしょう。   人気のある解析ソフトウェアです。※（）は主な対応OS、開発環境、言語など Apsalar (iOS、Android) Flurry (iOS、Android、Windows Phone、Blackberry、Java ME) Mixpanel (iOS、Android) Google Mobile Analytics：Googleモバイルアナリティクス (iOS、 Android) Localytics：ロカリティクス (iOS、Android、Windows Phone、Blackberry、HTML5) Countly (iOS、Android、Windows Phone、Blackberry) アプリのパフォーマンスを追跡することで、必要があれば修正を加えることができます。 また追加のサポートが必要かどうか通知してくれるサービスもあります。解析によって、アプリの評価やユーザーのフィードバックもモニタリングできます。   9. マーケティング アプリの開発が完了したら、アプリを効果的に市場に売り出しましょう。アプリの開発と同時並行して段階に応じて、広告やマーケティングを行いましょう。広告とマーケティングの2つがこのステップの要です。 あなたの開発したアプリを、ストアにあるその他無数のアプリから目立たせることが重要です。アプリのダウンロード数を増やす方法には、Googleアドセンスなどがあります。他のアプリ内の広告で、あなたの開発したアプリを宣伝することができます。   結論 今回はライフサイクルを考慮したアプリ開発の主なステップを紹介しました。 これらの9つのステップについて正しい知識を備えれば、アプリの開発に成功できます。また、必要であればいつでもその道のエキスパートにアドバイスを求めるといいでしょう。 [お知らせ]TechAcademyでは初心者でも最短4週間でエンジニアになれるオンラインブートキャンプを開催しています。アプリ開発からWebサービスの開発、UI/UXデザインなどアイデアを形にしたいと思っている方は、ぜひご覧ください。
スマートフォンアプリ開発

【手順を解説】今すぐ分かる！npmのインストール方法

今回は、npmのインストールについて解説します。 npmのインストール手順について説明しているので、Windowsではコマンドプロンプトを、Macではターミナルを使って作業していきましょう。   なお本記事は、TechAcademyのNode.jsオンライン講座の内容をもとに作成しています。   田島悠介 今回はnpmのインストールと、そのnpmを使用したパッケージのインストール方法を見てみよう。 大石ゆかり 田島メンター！確かnpmはNode.jsと一緒にインストールされているんでしたよね？ 田島悠介 そうだね。インストールされているバージョンを確認したら、次はパッケージのインストールに挑戦してみよう。 大石ゆかり 分かりました！   npmのインストール方法 Windows10で指定の方法でNode.jsをインストールすればnpm自体はインストールする必要はありません。 Node.jsをインストールすることでnpmも一緒にインストールされます。 Node.jsのインストール方法も載せています。   npmを使用してパッケージをインストールする npmを使用することでパッケージをインストールする事ができます。 実務上も開発環境を整える際に、npmを使用したパッケージのインストールを行います。 npmについての記事も参考にしてみて下さい。   コマンド npm install パッケージ名 --save npm i パッケージ名 --save   解説 各行に共通する–saveというオプションを入力することで、package.jsonにインストールした旨を記載できます。 package.jsonはnpmでインストールした情報を管理する目録のようなものです。 1行目のnpm installがnpmのパッケージをインストールするコマンドです。パッケージ名の部分にインストールするパッケージ名を記載することでインストール可能です。 2行目のnpm iもnpm installと同様のインストールコマンドです。npm install同様に、パッケージ名でインストールするパッケージを指定します。 一般的にはnpm installを使用します。 一見すると、npm iの方が簡単なように思えますが、パッケージ名や、オプションコマンドを記載していくと、npmコマンドで何をしようとしているか不明確になることを避ける目的でも、npm installの方が明確にインストールをしていると分かるというメリットがあります。   田島悠介 これが基本のインストール方法だよ。package.jsonは、npm initというコマンドでまた別に作成することになるんだ。 大石ゆかり なるほど、あとは「パッケージ名」のところにインストールするパッケージの名前を入れたらいいんですね。 田島悠介 次はグローバルにパッケージをインストールする方法、複数のパッケージをインストールする方法、バージョンを指定してパッケージをインストールする方法を確認してみよう。   [PR] プログラミングで挫折しない学習方法を動画で公開中npmでグローバルにパッケージをインストールする グローバルとは使用しているコンピューターのどこからでも使用できるディレクトリ（ファイル）です。   コマンド npm install -g パッケージ名   解説 -を付けたコマンドがオプションになります。 -gと記載することでグローバルを意味します。 これで、このコンピュータのどこからでもパッケージ名で指定したnpmパッケージを利用できます。 指定しない場合は、現在操作をしているディレクトリ（ファイル）内のみで、npmパッケージを利用できる点に注意する必要があります。   npmで複数パッケージを一括でインストールする インストールする際一行づつコマンドを実行することは非常に面倒です。 そこで、複数パッケージを一括インストールすることも可能です。   コマンド npm install  -g パッケージ名 パッケージ名   解説 今回はグローバルに複数パッケージをインストールする様な記載にしました。 -gを記載しなければ、現在のディレクトリ（フォルダ）で使用可能な複数パッケージをインストールする事が可能です。   npmでバージョンを指定してインストール npmではパッケージのバージョンを指定してインストールすることが可能です。   コマンド npm install パッケージ名@x.x.x   解説 パッケージ名の後に@を付け、バージョン番号を記載することでバージョンを指定できます。 例えば、1.0.1というバージョンであれば、パッケージ名@1.0.1と記載します。   今回は、npmのインストールについて解説しました。 いくつかパッケージをインストールする手順をまとめましたので、実際に行ってみてください。 Node.jsの学習サイトもまとめているので、合わせて参考にしてみてください。   田島悠介 いくつかのインストール方法を紹介したよ。 大石ゆかり パッケージは、複数まとめてインストールする他にバージョンを指定したりすることもできるんですね。 田島悠介 これらのコマンドも頻繁に使うことになるので、それぞれのインストール方法の違いをしっかり確認覚えておこう。 大石ゆかり はい！ありがとうございます！   また、オンラインのプログラミングスクールTechAcademyでは、Node.jsオンライン講座を開催しています。 Node.jsを使ってWebアプリケーションを開発することができます。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、習得することが可能です。
Node.js

初心者でもできた！Ruby on Rails開発環境の構築方法（Mac編）

プログラミング初心者が勉強を始めようとした時の、最初のハードルは開発環境の構築ではないでしょうか？ そんな初心者向けに、今回はMacを使ったRubyのフレームワークRuby on Railsの開発環境の構築方法をご紹介します。   田島悠介 今回はMacでのRuby on Rails環境構築について説明するよ。 大石ゆかり 田島メンター！！Macの場合は何が必要になるんですか〜？ 田島悠介 まずはHomebrewをインストールするところから始めよう。ターミナルの使い方についても詳しく解説していくよ。 大石ゆかり よろしくお願いします！   Ruby on Rails開発環境構築の流れ 今記事では、下記の手順に沿って紹介していきます。 1. Homebrewのインストール 　1-1 Command Line Tools for Xcodeのインストール 　1-2 Homebrewのインストール 　1-3 HomebrewのPATHを通す 　1-4 Homebrewをインストールを確認する 2. rbenvのインストール 3. Rubyのインストール 4. Ruby on Railsのインストール 5.エラーが出た際の対処方法     1.Homebrewのインストール Homebrewとは、Mac上でソフトウェアのインストールやアンインストールを管理してくれるシステムです。これがないとMacでの開発はできません。 Homebrewをインストールするためには、Command Line Tools for Xcodeを先にインストールする必要があります。ですので、まずはそちらをインストールします。 Command Line Toolsをインストールすると、Homebrew内で使用されているコンパイラやgitといった基本的なツールを使うことができるようになります。   1-1.Command Line Tools for Xcodeのインストール まずはDownloads for Apple DevelopersからOSに合わせたCommand Line Toolsをインストールしてください。(AppleIDでのログインが必要です) 使用しているMacのOSは、Appleマークの「このマックについて」から確認できます。   ダウンロードすると、以下のようにウィンドウが開きますので、アイコンをダブルクリックしてインストールしてください。   1-2.Homebrewのインストール 次にターミナルを起動します。メニューバー右上の虫眼鏡アイコン（Sportlightといいます）をクリックして「ターミナル」と打ち込み、出てきたアイコンをクリックしてターミナルを起動します。 ターミナルとは、コンピュータに文字で出入力をおこなう端末装置のことです。キーボードから入力した文字を接続先の端末に送信し、接続先の端末が送ってきた文字を表示する中継駅のような機能を有します。   デフォルトでは白い画面になっています。   ターミナル/環境設定/設定/ウィンドウ から外観の色を変更することができます。見やすい外観にすると良いでしょう。 また、「ウィンドウ」と並列している「テキスト」からは文字色を変更することができます。 ここでは、黒い画面・白い文字に設定します。   画面の準備が終わったら、いよいよHomebrewをインストールします。以下のコマンドをターミナルに打ち込んで（コピペでOK）Enterキーを押します。ちなみに、この行程を「コマンドを実行する」と言います。今後は、コマンド実行とある箇所では同様の作業をおこなってください。 ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)” ※上記のコマンドは頻繁に変更されるので、うまくいかない場合は、こちらにアクセスし、下の方にある「Install Homebrew」のコマンドをチェックしてください。 すると、以下のような表示が出てきますので、Passwordにお使いのPCのパスワードを打ち込み、Enterを押してください。（この際、打ち込んだ文字は画面上では表示されませんが、気にせず実行しましょう）   田島悠介 今後あらゆるインストールにターミナルが必要になってくるので、ここで使い方をきっちり覚えておこう。 大石ゆかり いつもみたいに公式サイトからファイルをダウンロードしてそこからインストール、という感じではないんですね。パスワードっていうのは何のパスワードですか？ 田島悠介 パスワードは使用しているMacのユーザーパスワードを入力するよ。マスクされた状態なども表示されないので文字数が分かりにくい場合があるけれど、そのまま入力しよう。   1-3.Homebrewのパスを通す パスを通すとは、コンピュータに実行ファイルの場所を教え、双方を繋ぐ道を通してあげることを指します。 Homebrewのパスを通すには、ターミナルに以下のコマンドを入力しEnterキーを押します。 echo ‘export PATH=/usr/local/bin:$PATH’ >> .bash_profile source .bash_profile すると、次のような表示が出ます。赤で囲んだ部分の数字の読み込みが完全に完了するまでしばらく待ちます。   1-4.Homebrewのインストールを確認する ここまでできたら、Homebrewがきちんとインストールされているか確認してみましょう。ターミナルに以下のコマンドを入力しEnterキーを押します。 brew ­-v この際、「Homebrew X.X.X」のようにバージョン情報が表示されればインストール完了です。 私の環境では以下のように表示されています。     [PR] プログラミングで挫折しない学習方法を動画で公開中2.rbenvのインストール rbenvとは、Ruby on Railsの開発元である37signalsが提供するRubyのバージョンを管理してくれるツールです。これを導入することで、最新の2系や1.9系のRubyの切替が簡単に可能になります。 引き続きターミナルを使った作業になりますので、以下をコピー&ペーストして、コマンドを順に実行してください。それぞれのコマンドが完全に終わるのを待ってから次の操作に進むように注意してください。 brew install ruby-­build （ruby­build：rbenvで様々なバージョンのRubyをビルド・管理するために必要な機能）   brew
Ruby

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） 最新記事 2016年のベストアプリ！アップルが「今年のベストApp」を発表