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

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

Xcodeのストーリーボードを使う方法【iPhoneアプリの画面が簡単に作れる】

Xcodeを使ってiPhoneアプリを開発する際に使える「ストーリーボード（Storyboard）」という機能があります。これを使うと、視覚的かつ直感的...

iPhoneアプリ開発

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

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

iPhoneアプリ開発

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

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

iPhoneアプリ開発

XcodeでUIToolbar(ツールバー)を追加する方法【初心者向け】

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

iPhoneアプリ開発

繰り返し処理！Swiftで書くwhile/for文の使い方【初心者向け】

Swiftで繰り返し処理の書き方について解説しています。ここでは、while文とfor文の書き方を実際にソースコードを書きながら紹介しています。開発する...

iPhoneアプリ開発

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

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

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で公開するまでを学習するので、本記事の内容は網羅されています。

プログラミング

【基礎の基礎！】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アプリ開発

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

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

本稿は、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では初心者でもエンジニアになれるオンラインブートキャンプを開催しています。これからエンジニアを目指したい方、プログラミングを始めてみたいと思っている方はぜひご覧ください。

プログラミング

小学6年生がScratchからUnityへ学びをステップアップしたストーリーと家族の支え方とは

小学4年生からScratchに熱中し、小学6年生からTechAcademyでUnityを学んだ宇枝礼央さん。プログラミングを学ぶきっかけや、TechAcademyを受講した感想、プログラミングを通じて成長できたこと、プログラミング学習を応援する家族間のコミュニケーションについてお話してもらいました。プロフィール：宇枝礼央（12） 2007年生まれ。杉並区立東原中学校 1年生。小学4年生の12月にScratchと出会い、プログラミングを始める。 2019年に、光の3原色RGBをテーマにしたゲーム「Color overlap」を開発し※1 Tech Kids Grand Prix 2019のファイナリストに選ばれる。また、小学6年生の1月に ※2 TechAcademyジュニア奨学生制度を利用してUnityを学び始める。はじめてUnityで制作したオリジナルゲームで ※3 日本ゲーム大賞 U18部門に応募し、予選大会を突破。決勝大会進出を決める。 ――今までの経歴や取り組んできたこと、プログラミングとの関わりについて教えてください。プログラミングを始めたのは、小学4年生の12月です。 Scratchにハマり、オリジナルのゲームやアニメーションをたくさん作りました。 NHKのワイワイプログラミングの「Why!?大喜利」に毎月作品を投稿するのも楽しかったです！他のコンテストでは、小学6年生のときにTech Kids Grand Prixというプログラミングのコンテストに応募しました。全国から集まる小学生の中からファイナリストに選出され、ヒカリエの大きなホールで、Scratchで作ったオリジナルのパズルゲームについてプレゼンしました。 ――プログラミングの面白さはどんなところでしょうか。学校で学んでいることと組み合わせて、色んなものが作れることです。例えば、僕は算数や美術にも興味があるのですが、その知識と組み合わせて新しいゲームを思いつき、プログラミングで再現することができます。 Scratchで作ったオリジナルのゲーム「Color overlap」を例にあげると、ゲームでは16進数や光の三原色（RGB）をルールに取り入れて制作しました。自分で描いた絵をゲームの素材として使用しています！ ――Scratchを学んでいて良かったことを教えてください。 Scratchをやっていたおかげで、新しい言語を習得する際にコードのイメージが湧きやすく、理解しやすかったと思います。 Scratchで使っていたブロックが、別の言語であればこう書くんだ！という発見もありました！ ――TechAcademyでUnityを学ぼうと思った理由は何ですか。プログラミングコンテストのTech Kids Grand Prixで他の参加者のScratch以外の言語を使っている作品を見て、これからもプログラミングを学び続けるのであれば、Scratch以外の言語にも挑戦しなければいけないと思っていました。 Scratchは大好きですし、これからもScratchで作品を作っていきたいと思っていますが、Scratchだけだと、表現が限られてしまうということも背景にはありました。 TechAcademyの奨学生の制度は、母が見つけてくれて知り、新しいプログラミング言語の習得に挑戦してみたいと思い応募しました。 ――どのくらいの期間学びましたか。約2ヵ月で、全てのカリキュラムと課題を完了させました。多い日には一日に5時間以上取り組む日もあるほど、夢中になって学びました！ ――実際にTechAcademyで学んでみてどうでしたか。 Unityを活用したゲーム制作はもともと学びたかった分野だったので、とても楽しく勉強ができました。一方で理解に躓くことや、難しい課題に挑戦しているときは一週間以上悩んでしまうこともありました。でも、そんなときはメンターの方に優しく根気強く教えてもらい、なんとか乗り越えることができました。自分一人ではできないことばかりだったので、TechAcademyには本当に感謝しています。 ――Unityではじめて作ったオリジナルの作品について教えてください。「ROLL THE DICE」という、サイコロを使いチェスや将棋のように頭を使うゲームです。もともとパズルゲームが好きで、新しいルールのパズルを作りたいと思い制作しました。 UnityとBlenderで制作しています。ルールは、サイコロを1マスずつ動かして、サイコロ同士が触れたときに目が大きいほうが勝つというもので、2人対戦で遊ぶことができます。アンティークな雰囲気にしたくて、ビジュアルはこだわって制作しました。絨毯の柄なども自分で描いています。あと音楽はGarageBandで作りました。これからUnityでいろんな作品を作るのがとても楽しみです！ ――プログラミングを通じて、成長できたと思うことは何ですか。一つは、自分に自信が持てるようになったことです。学校の友人の前でも堂々と話すことができるようになり、交友関係も広がりました。他には、母から「教え方が上手くなったね」と言われました。妹もScratchを学んでいて、僕が教えることもあるのですが、その教え方が優しくなったと言ってもらえました。 ――ご家族はどのように応援してくれているのですか。家族はプログラミングに詳しくないのですが、「次は何を作ろうか？」とか、「今月は〜〜に挑戦してみよう」など、積極的に学びをサポートしてくれているので、とても感謝しています。あとは、母がプログラミングのコンテストを探してきてくれて、コンテスト内容についてプリントしたものを、部屋の壁に貼ってくれたりしました。それを見て、僕がやってみたい！と思ったものを母に伝えて、コンテストに挑戦しています。 ――機会はお母さんが提供してくれて、挑戦の意思決定はご本人でされていて素晴らしいですね。ありがとうございます。 Scratchをはじめるきっかけも、TechAcademyジュニアの奨学生制度も、母が見つけて提供してくれました。 ――これからプログラミングで実現していきたいことは何ですか。今はゲームを作ることが多いですが、これからはゲーム以外のサービスも開発したいと思っています。そのために、もっとプログラミングのスキルをレベルアップさせて、様々なコンテストに応募したいです。あと次に学ぶ言語として、JavaScriptが気になっています！ ――プログラミングを学ぶことで、また新しい目標ができて良かったです！これから新しくプログラミングを始める人や、学んでいる人へメッセージをお願いします。僕が最初に学んだScratchは、サイト上で他の人の作品を見ることができるのも良いところです。もっと色んなスキルを身につけたいと思わせてくれます。プログラミングという単語だけ聞くと難しく感じてしまうと思いますが、実際にはじめてみるととても楽しいので、ぜひ色んな人に挑戦してほしいなと思います！宇枝さんは2020年度の未踏ジュニアにも採択されています。また、今回紹介いただいた「ROLL THE DICE」ですが、日本ゲーム大賞 U18部門に応募し、予選を突破しました！次は決勝大会で、東京ゲームショウ期間内のプレゼンだそうです。応援しています！ TechAcademyジュニアでは、子どもたちが21世紀の新しい社会をより豊かに生きるために必要となる力を育むために、プログラミング教育を提供しています。注釈 ※1　Tech Kids Grand Prix： Tech Kids Schoolが主催する、21世紀というこれからの時代を担っていくすべての小学生に向けたプログラミングコンテスト。 ※2　TechAcademyジュニア奨学生制度：子どもたちにプログラミングの楽しさや、自己実現の可能性について伝えていくことを目的に、TechAcademyジュニアが企画した制度。TechAcademyを無償受講し、オリジナルアプリ開発を目標にサポートを実施。小学生〜高校生を対象に募集を行い、奨学生を選考。 ※3　日本ゲーム大賞 U18部門： CESA（一般社団法人コンピュータエンターテインメント協会）が主催する、プログラミングコンテスト。 18歳以下のゲームクリエイター発掘を目的として運営を行っている。コンテストの予選を勝ち抜いたチームは東京ゲームショウ期間中に行われる決勝大会に参加することができる。 ※4　未踏ジュニア： IPA（独立行政法人情報処理推進機構）が行っている、テクノロジーを駆使して独創的なアイデアを実現する能力を持つ若い人材を発掘することを目的とした、未踏IT人材発掘育成事業の中高生版。一般社団法人未踏が運営し、民間からのスポンサーを得て、未踏事業のOB・OGがボランティアで運営・メンターを行っている。 TechAcademyジュニアは、小中高校生向け実践的プログラミングサービスです。独自で開発した学習システムは、基礎から実践までステップアップ式のカリキュラムとなっており、生徒が1つの画面で迷うことなく学習を進めることが可能です。現在、自宅にいながらプログラミングの楽しさについて知ることができるプログラミング学習体験を実施しています。プロから学べる機会ですので、ぜひ体験してみてください。

インタビュー

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ