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アプリをインストール

 

1時間でできる無料体験！

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アプリ、自分でアイデアを形にしたいと思う方はぜひご覧ください。

記事を検索

関連するキーワード

関連する記事

【毎年恒例！】Advent Calendar 2016の参加応募がスタート

Advent Calendar 2016の参加登録が始まっています。 去年も参加して記事を書いてみたという人、今年はぜひとも参加したいという人、Adven...
最新記事

【不具合の対処法も記載！】「iOS 10」が正式にリリース！今すぐ知っておきたい最新機能まとめ

ようやくiPhoneユーザー必見の「iOs 10」が日本時間9月14日に正式リリースされました。 【追記10/18現在】 iOS 10.0.3が提供...
最新記事

米ヤフー(Yahoo)、2014年に5億人の個人情報流出！国家が関与か

インターネット検索の大手、米ヤフーは、2014年末に最低5億人分の個人情報が流出していたと発表。 「国家の支援を受けた者が社内システムに侵入した形跡がある...
最新記事

新型MacBook ProよりESCキーを廃止へ！macOS Sierra 10.12.1ではリマップ可能に

Appleは、日本時間10月28日に新型Macを発表される予想はされていますが、新型MacBook Proのイメージ画像がリークされていました。 ※App...
最新記事

【PSVRで九龍城を再現！】「クーロンズゲートVR 朱雀」がクラウドファンディングを開始

1997年に発売された「クーロンズ・ゲート」がPSVRのコンテンツとして再現されます。 「クーロンズゲートVR 朱雀」という企画がクラウドファンディングサ...
最新記事

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

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

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

【ゼロから作る！】初心者から始める！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アプリ開発

【未来のUIデザイナーへ！】初心者のためのプロトタイピングガイド

本稿は、本稿は、Web Designerdepotのブログ記事を、Web Designerdepotより了解を得て日本語翻訳し掲載した記事になります。   プロトタイピングの概念そのものは、インターネットの成立以前から存在していました。典型的な例として、新しい製品を開発をする人々は最初に製品を組み立て、次に製品が期待した通りに作動するか試します。 最初のバージョンで特許を取得して、潜在的な投資家に製品を見せることもあるかもしれません。もし投資家が独自の生産ラインの設備を利用できるとしたら(例えば既存の会社で働いているなどの理由から)、製造可能なレベルのモデルが完成するまで、製品の開発が進められて、バグの修正も行われます。   昔のデモディスクを覚えていますか？ 機能の制限されたプログラムが入っていたり、ゲームの初歩レベルあるいはゲームが2つだけ入っているようなディスクのことです。プロトタイプはデモディスクと似ている点が多くありますが、よりシンプルでさえあります。 Webサイトやアプリのプロトタイプを作成するのは、期待した通りに作動するか確かめるためです。 プロトタイプの目的は、将来の顧客の獲得というよりも、より良い製品を作るのに役立てることです。 Webサイトやアプリのプロトタイプは、製品が期待通りに作動するか確かめるために作成します。またクライアントや潜在的な投資家に製品の作動を示すこともできます。   最近では、Webとモバイルアプリ用のプロトタイプ作成アプリが多数登場しています。 最近リリースされたデザインツールのAdobe Experience Designerは、Webとモバイルに対応したデザインアプリとしての機能と、プロトタイプ作成用のアプリとしての機能が融合されています。 Adobe社の知名度とプロ向け製品における市場シェアを考えれば、多くの人々が今まで以上にプロトタイプを実践し始めているのも当然かもしれません。   今回の記事は初心者向けのガイドです。デザイン業界でどのような経験を積んできたかにかかわらず(あるいは未経験でも)、プロトタイプを日常的に使い始めた方向けに書いています。 このガイドでは何よりもまず基本的な原則を説明します。もちろんその後に発展的な情報として、役立つツールやアプリをリンクとともにご案内します。   ワイヤーフレーム＆モックアップ VS. プロトタイプ デザイナーとしての経験が豊富な方は、すでにワイヤーフレームやモックアップを編集で利用しているかもしれません。ただ、これらは必ずしもプロトタイプとはいえません。 ワイヤーフレームやモックアップで問題なのは静的なことです。製品の機能についての多くの情報を伝えることができないのです。このため、製品の動作性についてクライアントやデベロッパーに誤解を与えるおそれもあります。こうした理由から、プロトタイプとは一般的に、何かインタラクティブな要素を持つものと定義できます。 ただし、例外的に静的なものにもプロトタイプと見なせるものもあります。 例えば、概念的なプロトタイプや、詳細に作成された設計書などです。重要なのは単にインタラクティブであることよりも、製品に期待される機能について情報を伝えられることだからです。 それでもやはり、ワイヤーフレームやモックアップは単にプロトタイプの作成によく使われているという理由だけで、誰も捨てようとはしません。   いつプロトタイプが必要になるのか？ 何かがどのように作動するかを示す必要があるときにはいつでも、プロトタイプが必要です。 わかりやすい例は、Webアプリやモバイルアプリです。アプリは、モックアップでは簡単に見たり予測したりできない機能を数多く持っている傾向があります。コンテンツ中心型の静的なWebサイトでさえプロトタイプを必要とするかもしれません。 1つの理由として例を挙げると、私は以前クライアントにシンプルなビジネスサイトのモックアップを見せたときに、クライアントから「トップページにある「概要」や「サービス」などをクリックしたら別のページに移行するのか？」、「コンタクトフォームでユーザーが「送信」をクリックしたら、私はメールを受信することになるのか？」と聞かれたことがあります。 シンプルなタスクでさえ不確実性を伴うことがあり、プロトタイプは当て推量を解消するのに役立ちます。 また、簡単なブラウジングの操作さえ、ユーザーやクライアントによってはわかりづらくて大変な作業となりえます。プロトタイプがあればネットワークからサインオフするときにも、当て推量する手間を省くことができます。 加えて、プロトタイプはユーザーテストに役立ちます。ユーザーテストを行うときには、初期段階からプロジェクトのシミュレーションを始めるのがベストです。作業がほとんど完了した後に大きな変更をしなければならない事態は避けたいところです。   [PR] プログラミングで挫折しない学習方法を動画で公開中4種類のプロトタイプ プロトタイピングを始める前に、どの種類を使うか決めます。ほとんどのデザイナーたちが実践しているように、どのようなプロジェクトでも複数の種類を組み合わせて使うことができます。   1. 概念的プロトタイプ このプロトタイプは、形の上では完成した製品と全く似ていません。ここでインターフェースのディテールとレイアウトは重要ではありません。インタラクションとプロセスだけに集中します。 全てのプロトタイプの目的は製品の動作性を示すことです。その意味で、このプロトタイピングは原始的な形だといえます。機能性だけがテーマであり、形は問題となりません。 この段階では、フローチャート、ポストイットのメモ、PowerPointのプレゼンテーション、アイコンでプロセスを説明するビデオを使ったり、身振り手振りを加えてカメラに向かって録音してもいいでしょう。要点を伝えることができれば何でもいいのです。 概念的プロトタイプはプロジェクトの初期段階で使われます。プロジェクトにはまだ名前がないかもしれません。アプリやWebサイトもアイデアの段階なので、「こんな感じで作動すると思う。」と話しているかもしれません。   2. ローファイプロトタイプ ローファイプロトタイプでは、レイアウトやスクリーンのサイズなど具体的な対象を扱うようになります。このプロトタイプは、作られるのも破棄されるのもサイクルが速いです。 ローファイプロトタイプの目的は、あなたとクライアントが基本的な部分に満足できるまで、試行錯誤を最速で繰り返すためのものです。だからプロトタイプに愛着を持つべきではありません。ほとんどのプロトタイプは使い捨てであり、それこそが長所です。 「ローファイプロトタイプ」は「ワイヤーフレーム」とよく置き換えることができます。この段階では紙に書いて行うこともよくあります。 アプリでローファイプロトタイプを作成するときには、他のスクリーンへのリンクやコメントの機能など、基本的なプロトタイピングの機能を備えているものを使うことがおすすめです。ワイヤーフレームのアプリはインターネットとの連携が容易であるというメリットがありますが、やや動きが遅いことも多いです。 概念的プロトタイプと同じくプロジェクトの初期段階で使われますが、ビジネスモデルやプロジェクト名はすでに存在している段階でしょう。上手くいくと確信できるものが持てるまで、頭の中で思いつく無数のアイデアをえり分ける時です。   3. ミディアムファイプロトタイプ 段階によっては、ローファイプロトタイプでは要点を把握しにくい一方、ハイファイプロトタイプでは十分過ぎることがあります。スタイルガイドを完全には作成していなかったり、まだグラフィカルアセットを全て作り終えていない段階です。 ミディアムファイプロトタイプは、このようなデザインの初期～中間の段階で使うことができます。インタラクションのシミュレーション機能を持つプロトタイピング作成アプリによって作られることも多いです。CSSのフレームワークを利用して、HTMLとCSSによって構築することもできます。 BootstrapとFoundationが、現在存在しているプロトタイピングのツールの中ではおそらく主流です。 有名ブランドのイメージがあればそれを使うべきですが、ストックイメージでも足りるでしょう。ストックタイプのUIエレメントは、模作のインターフェイスをより速く構築するために使われます。プロトタイピング作成アプリの多くは、これらのUIエレメントのライブラリを持つことが多く、作業の高速化に役立ちます。 ミディアムファイプロトタイプは、リテラル思考型(Literal thinker:全体的なイメージよりも、具体的なステップや言葉の定義から考えるような人)で外観や動作の近似を見たいと思うような人に向いています。彼らにとっては、「未完成」のヘッダーの方が、Webサイトのヘッダーに全く見えないようなスケッチ風の代物よりも、まだ耐えられます。 リテラル思考のクライアントには、ワイヤーフレームで素早く考えた初期のアイデアを見せる必要はないでしょう。ミディアムファイプロトタイプの段階で見せる方が、彼らに方向性を分かってもらいやすいです。   4. ハイファイプロトタイプ この段階までプロジェクトが進むと、全てのスクリーンのモックアップが完成していて、全てが立派なものになっているでしょう。製品をバックエンドのコードと統合して、人々に製品の動作性を見てもらう時です。 ハイファイプロトタイプは通常、デザインに関する最終的な合意をクライアントと結ぶために使われます。ただのPSDファイルを送るだけれはなく、インタラクティブなものを提示しなければなりません。 2つの方法のうちいずれかによって行われます。1つの方法では、静的なHTMLとCSSを利用して、一部をインタラクティブな外観に仕上げます。もう1つの方法では、画像やPSDのファイル形式をインポートできるアプリを利用して、擬似インタラクティブな特性を加えることで完成品のアプリ（製品）の機能を模倣します。 アプリによっては、プロトタイプのデモをWeb上(またはモバイルデバイス上)で行うことも可能です。   プロトタイピングのメソッド プロトタイプの主な種類を見たところで、次にプロトタイプを実際に作るためのツールをご紹介します。基本的な使い方も含めてすでにほとんどご紹介していますが、さらに詳細を見てみましょう。 あなた自身とクライアント双方にとって適合するメソッドを選びましょう。   ビデオまたはプレゼンテーションのプロトタイプ これらは具体的な作業がなされる前に、アイデアを売るためによく使われます。そのため通常は、潜在的な投資家を意識したものです。 クライアント向けにも使えますが、他の代替手段の方が効率的なコミュニケーションを図るには優れていることも多いです。アドバンテージは人によって異なるでしょう。 ビデオとプレゼンテーションのプロトタイプで、利益率を上げるために作られたものは商業型の公式に従います。 聴き手が共感できる問題を提示する。 あなたの製品によってその問題がどのように解決されるかデモを示す。 (オプションとして)会社のマスコットをデジタル形式で表現して、キャッチフレーズを叫ばせながら楽しそうにダンスさせる。 これらのプロトタイプの中にはアイコン、テキスト、イラストレーションを使うだけで完成するものもあります。他にはアニメーションを利用して、要点を説明するのに動きを使うこともあるでしょう。あなたのアイデアを売ることができれば、正しく使いこなせているといえます。 ビデオのプロトタイプと紙のプロトタイピングを組み合わせた良い例をご紹介します。Video Prototype for Mobile Cooking App : Youtube動画より   ワイヤーフレーム ワイヤーフレームは紙面上かアプリにおいて作成できます。ワイヤーフレームは通常ローファイプロトタイプと見なされていますが、時間をかければミディアムファイプロトタイプにアップグレードすることも可能です。もっとも労力をかけるだけの価値はほとんどありませんが。 ワイヤーフレームは、作成されるのも破棄されるのも速いです。紙面上でワイヤーフレームを作成することが魅力的である理由の1つです。アプリでワイヤーフレームを作ると、より正確なデザインが可能となり、既存のワイヤーフレームから簡単に編集することもできます。しかし、あなた自身以外には誰も見ないであろうスケッチを速く作成できるという点が、やはりワイヤーフレームの長所として一番優れています。 しかし、すで述べたようにアプリでワイヤーフレームを作成すると、より簡単にインターフェースの機能を模倣できるというメリットもあります。紙面上に作成したワイヤーフレームをタップしたところでトントン音が鳴るだけですから、面白いかもしれませんが、あなたの意図するところを伝えることはできません。   紙のプロトタイプ これはただのスケッチではないという点で、紙面上のワイヤーフレームとは異なります。紙を利用するのは、物理的でフラットな素材でインターフェースのモデルを作るためです。先にご紹介したビデオのプロトタイプにもその例を見ることができます。 インターフェースの要素は、紙にスケッチして、カットして作ります。コピーして予備を作ることもあります。そして作ったピースを他の紙の上に集めます。 ある要素のサイズが間違っていれば、他の要素の並びを変えたり、新しいサイズの要素を紙をカットして作るなどの方法があります。 またワイヤーフレームより「本物」らしいといえます。特に面白さはないとしても、クライアントは紙のモデルを触ることができます。この触覚に訴える方法はクライアントに多くを説明できるので、他のどんな方法より優れていることもあります。 誰でも対象をより深く理解するためには、物理的なコンタクトが必要です。UXデザインの半分は、物理的なインタラクションの使い心地を、デジタルのインターフェースで作り直す作業であるといえます。   アプリで作成するミディアムファイおよびハイファイプロトタイプ これらは紙のプロトタイプとの共通点が多いです。以下でご紹介するInvisionなどのアプリで作成するプロトタイプは、あらかじめデザインしたインターフェースの要素をもとに作り始め、これらのピースを集めて完成品を模倣します。 異なる点は、全ての作業がスクリーン上でなされることです。完成製品のグラフィック作成やブランド化も可能であり、プロトタイプであっても完成製品のように作成することができます。その次はすでに述べたことですが、アプリによって製品のデモをブラウザやモバイルデバイス上で行うこともできます。 また手で触れて感じることも可能になります。クライアントの触覚に訴えることで、もし気に入ってもらえれば、最終的な承認を得たも同然です。   コード もちろんインタラクションを必要とする場合には、インターフェースのプロトタイプをコードで作るのがいい方法です。その理由もご紹介します。 あなたのワークフローによく合う(とにかくブラウザ上でデザインするような場合)。 作成するサイトやアプリに、ボタンなどのインタラクティブな要素が多数存在している。 製品作成の最終段階でプロトタイプのコードを利用すると、時間の節約になる。 インターフェースの機能性のデモを、アプリを使わずにブラウザ上で実行したい。 あなたがキーを押すのが好きで、クリックするのは嫌いである。 ブラウザ上でプロトタイピングを行うと、特に修正版を作成中はやや時間がかかります。製品の初期段階ではおすすめしません。ミディアム～ハイファイプロトタイプで使うのがベストです。 すでにHTMLやCSSで作業を進める方法を好んでいるとしたら、完成間近のプロジェクトを提示するには最良の方法の1つです。   フレームワークによるプロトタイピング フレームワークを利用すると、コードを使ったプロトタイピングのスピードを相当上げてくれます。さらに、完成製品用のフレームワークを利用するとしたら、コーディングの量も少なくて済みます。 補足として、BootstrapやFoundationのような人気の高いフレームワークを利用して構築された、ドラッグ＆ドロップ形式のWebページ用エディタもあります。これらを使うことで、ローファイプロトタイプからコードを加えた完成製品まで全て作ることができます。 または、これらをプロトタイプを速く作る目的だけに使い、プロジェクトの最終段階ではカスタマイズしたコードを使う方法もあります。どちらの方法でも上手くいくでしょう。   プロトタイピングのツールとアプリ 理論を理解したところで、プロトタイプの作成に進みましょう。紙のプロトタイプやコードだけに限定せず、アプリをどこかで使うと仮定します。 良くも悪くも、多数の優良なアプリから選ぶことになります。 繰り返しになりますが、結局はあなたに合うものを選ぶことが大切です。モバイルアプリのデモを実行する機能が必要か？Google DriveやDropboxなどのサービスとファイルの同期が必要か？Githubと統合させるか？ローファイ、ミディアムファイ、ハイファイのどのタイプか？アドバンストスクリプト言語(Advanced scripting)か？などから考えましょう。 以下にリストアップするアプリは、これらのニーズに対応しています。何に着目すべきか分かりやすいように、アプリごとに最も関連性の高い機能をご紹介します。 これらアプリの多くは主にワイヤーフレームのためのツールとして知られています。ワイヤーフレームのソフトウェアは、インタラクティブなプロトタイプに必要な機能を備えていることが一般的です。人によってこれらのアプリを使うことで得られるアドバンテージも異なります。   AdobeのExperience Design CC 現時点では最新のアプリです。このアプリの登場により、今まで飽和状態だった市場に競争を巻き起こすことになりそうです。単にワイヤーフレームのアプリまたはプロトタイピングのアプリというよりも、デザインアプリです。Sketchや開発終了したFireworksと似ていますが、デザインした全てのものからプロトタイプを作り出すことが可能な点が斬新です。 今のところMacのプレビューにのみ対応していますが、2016年末までにはWindows版もリリースされる予定です。 プレリリース版は無料ですが、完成版のリリース後にはAdobe Creative Cloudのプランに組み込まれます。   プレゼンテーションのソフトウェア MicrosoftのPowerPoint、AppleのKeynote、LibreOfficeのImpress、GoogleのSlidesは全てプロトタイプの作成に使えます。プロトタイプについてのコンセプトはそれぞれ異なっています。スライドにリンク機能を加えるだけで、インタラクティビティを模倣できます。 コンテンツ中心型のWebサイト用のプロトタイプにも向いています。またこの中のソフトの少なくとも1つは使った経験のある人も多いでしょう。もし使ったことがなければ、ImpressとSlidesは無料で使えます。   InVision InVisionも有名なアプリの1つで、ハイファイプロトタイピング向きです。バージョン管理を特色としていて、リアルタイムの連携機能やフィードバック機能を売りとしています。Marvelのアプリのように、アニメーション、プロトタイプの組込み、デバイス上でのデモ、などの機能もあります。 無料プランではプロトタイプ1つまで作成できますが、それ以降は有料プランで月額15USドルかかります。 InVision   Justinmind Justinmindはアプリケーションのハイファイプロトタイプを作成するのに向いているように思えます。JustinmindのサイトではレスポンシブデザインのWebサイトのプロトタイプについても言及されています。アプリ上でのデモ機能もあります。 今のところ1年間の有料契約(月額換算で19USドル)からスタートできます。 Justinmind   Marvel Marvel Appは有名なプロトタイプのアプリです。基本的に無料プランで、アップデートの価格も全てリーズナブルです。注目の機能は、PhotoShipとSketchのサポート、DriveとDropboxとの同期、Webページ上での組込み型プロトタイプです。これらの機能によって、プロトタイプをアニメーション付きのプレゼンテーションに仕上げることもできます。ハイファイプロトタイプの作成に向いています。 Marvel   Proto.io Proto.ioはハイファイプロトタイプ向きのアプリです。複合的なインタラクション、アニメーション、ファイル形式のエクスポート、印刷、組込み、デバイスのデモンストレーションなどの機能が全てビルトインされています。15日の無料お試し期間と、月額24USドルのプランから始められます。 Proto.io   POP POPが他のアプリと異なっているのは、ワイヤーフレームのスケッチとデジタル形式のプロトタイプのハイブリッドを作成できる点です。 iPhone、Androidフォン、Windowsフォンなどのカメラでスケッチの画像を取り込み、これらをインタラクティブなプロトタイプに変換します。 主に紙で作業を進めるタイプの人には、データを共有するのにいいアプリです。プロジェクト2つまでは無料で利用可能で、以降は月額10USドルの有料プランになります。 POP   Flairbuilder Flairbuilderはデスクトップアプリですが、プロジェクトにオンラインのビューア(閲覧用ソフトウェア)機能を利用できます。ミディアムファイのワイヤーフレームとプロトタイプに向いています。インタラクションを追加したり、デバイス上でのデモを行うことが可能で、グリッドベースのデザインにも特色があります。 ワンタイム料金で99USドルと高額ですが、Axureよりも安いです。 Flairbuilder   Flinto Flintoには、Macアプリ版とWeb用ライト版の2つのバージョンがあります。違いはというと、Macのバージョンの方がより複雑なアニメーション、インタラクションなどの機能をテーブル(表)に加えることができます。またSketchからファイル形式をインポートできるのも、Web用ライト版にはない機能です。 ワンタイムの購入価格で99USドルかかります。ライト版(月額20USドル)だとデスクトップバージョンのライセンスも含まれるので、両方の良い部分を利用できます。 Flinto   [お知らせ]TechAcademyでは初心者でもUI/UXデザインができるようになるUI/UXデザインオンラインブートキャンプを開催しています。現役UI/UXデザイナーのサポートで学びたい場合はご参加ください。
アプリデザイン

【動画あり！】初代からiPhone7 Plusまで歴代のiPhoneを比較

初代iPhoneから最近発売されたばかりのiPhone7までの歴代iPhoneを比較した動画が公開されています。 動画を公開した主は、海外で人気のYouTuberで、他にも歴代iPhone同士を比較した動画を公開しているようです。思いつく人はいても実際に全てのiPhoneを持っていること自体がすごいですね。 動画で比較されているiPhoneの端末は、iPhone/iPhone3G/3GS/4/4s/5/5s/5c/6/6 Plus/6s Plus/SE/7/7 Plusの15機種となっています。 動画では、「起動スピード」「音量」「カメラ性能」「表面温度」「指紋認証のスピード」を比較しているので、暇な時間に見てみましょう。 9年間の軌跡をなんとなく感じられるはずです。   起動スピードNo.1は… iPhone7/7Plusは、初代iPhoneと比較すると120倍起動速度が早くなっているとのことですが、実際はどうなったのでしょうか。 動画では、すべてのiPhoneに電源コードを接続し、同時に電源を入れています。   起動した順に数字がつけられているのが分かりますね。 起動スピードが一番早かったのが、「iPhone7」だったようです。意外にもiPhone7 Plusは8番目となっており、初代iPhoneとほとんど差がない結果となりました。ちなみに一番遅かったのは、iPhone4sとなっています。   カメラの性能は？ カメラに関しては、iPhone7/7 Plusの進化を感じられるはずです。 初代iPhone iPhone7 Plus iPhone7 Plusともなると細部まで写真で描写されているのが分かります。iPhoneが新しくなるにつれて進化しているのが分かるでしょう。   もっと詳しく見てみたいという人は、動画を見ながら確認してみてください。 source:EverythingApplePro   [PR] プログラミングで挫折しない学習方法を動画で公開中まとめ 9年前に初代iPhoneが登場してからすでに15機種ものiPhoneが発売されています。 iPhone7やiOS 10のおかげでメッセージや写真などアプリを通した楽しみ方がどんどん増えてきています。最近のiPhoneアプリは、「Swift」というプログラミング言語(コンピュータに命令するための言葉)を使っていることが多いです。 iPhoneアプリやApple Watchのアプリなど、自分専用のアプリを作ることもできるので、ぜひ始めてみてはいかがでしょうか。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルアプリが作れるiPhoneアプリ開発オンラインブートキャンプを開催しています。期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
最新記事

【基礎の基礎！】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] プログラミングで挫折しない学習方法を動画で公開中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アプリ開発

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

副業したい方

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

はじめての副業コース

転職したい方

未経験から16週間で
エンジニアに

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

スキルアップしたい方

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

Pythonコース

※ 経済産業省の第四次産業革命スキル習得認定講座で、厚生労働省指定の専門実践教育訓練給付制度の対象です。条件を満たすことで支払った受講料の最大70％（最大306,460円）が給付金として支給されます。詳しくは エンジニア転職保証コース のページ内の注意事項をご確認ください。

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

テックアカデミーGAIナレッジベース
TechAcademy（テックアカデミー） 最新記事 2016年のベストアプリ！アップルが「今年のベストApp」を発表