Unityとは、**Unity Technologies社が開発・販売するゲームエンジンを指します。**Unityは統合開発環境（IDE）を内蔵しており、C\#を用いたプログラミングで利用されます。
【参考】：[Unity](https://unity.com/ja)

Unityは、英語では単一や統一の意味合いを持つ単語です。社名との関連性については明確に表されていませんが、おそらく同意語と考えて差し支えないでしょう。Unityは日本語の情報が多く、*初心者でも学習しやすいため日本においては他のゲームエンジンと比べて人気があります*。

IDEとは？詳細やメリット、おすすめのIDEを紹介します！

ゲームエンジンとは、ゲーム開発で利用するライブラリーに加えて、*標準的に用いる開発ツールを含むフルパッケージのゲーム開発環境を指します*。具体的には、ゲーム開発ミドルウェアやオーサリングツール、関連する音声・画像等が含まれます。必要なモジュールが同梱されているのですぐに開発に取り掛かることができます。

### なぜゲームエンジンが必要なのか？

従来はフレームワークを定義して、独自に実装する内製ゲームエンジンが多数見られました。この時点ではフレームワークの拡張として使用されていたので、個別のゲームごとにアルゴリズムを決定しコードやツールの整備が必要でした。

しかしながらゲームの多様化が進み、汎用ゲームエンジンによるソフトウェアのアルゴリズムを含めた再利用による開発生産性の向上が見られたことから、**現在では多くのゲームソフトウェアは汎用ゲームエンジンを利用して作成されています。**

特にスマホやゲーム機の種類が拡大・多様化した現在では、全て内製化することは実質的には厳しく汎用ゲームエンジンの利用が主流となりつつあります。

Unityは人気のゲームエンジンで、ゲーム会社でも良く用いられています。人気の理由としては以下のメリットが挙げられます。

・*マルチプラットフォームに対応*
iOSやAndroid・Windows・Linuxをはじめとする汎用プラットフォームから、PS4・PS5やXBOX等のゲームプラットフォームを含む25以上のプラットフォームに対応します。そのため、PC・スマホ向けからゲーム機まで幅広く開発に活用できます。

・*プログラミングが簡単*
ライブラリーが豊富なため、ほとんど追加コードを記述することなく開発することができます。言語はC#をベース言語としています。

・*流行りの3DゲームやVR・ARに対応*
従来の2Dに加えて、グラフィックを重視する3DゲームやVR・ARに対応します。そのため、Unityを利用することで多様なゲームカテゴリに対応することができます。

・*ライセンスの幅が多い*
無償版から有償版まで、ニーズに合わせた多様なサブスクリプションが提供されています。そのため、個人利用からビジネス利用まで幅広い開発用途がカバーできます。

メリット満載のUnityですが、しいて挙げるとすると以下のデメリットがあります。実際の利用上は大きな問題となることはないと考えます。

・*起動時間が若干遅い*
Unityはマルチプラットフォームに対応していることから、起動時のプラットフォーム設定処理に若干時間を要してしまいます。これを回避するには、Unity Hubを用いてプラットフォーム別にプロジェクトを登録しておくことで起動時間短縮が図られます。または起動プロジェクトごとにターゲットプラットフォームを指定することもできます。
【参考】：[Unity Hub](https://unity.com/ja/unity-hub)

・*開発言語がC#に限定される*
以前はJavaScript系統のUnityScriptも提供されていましたが、利用者が少ないので現在提供終了となっています。スクリプト言語を利用したい場合は他のゲームエンジンを検討する場合もありますが、個別のコード開発量も多くありませんので、実質的にはC#でも問題ないと考えます。

C#とは？できることやメリット・デメリットについて解説！

### ゲーム開発で用いるプログラム言語

ゲーム開発で用いる主要なプログラム言語は、それぞれのターゲットや用途に応じて以下のような開発言語が選択されています。

・*コンパイラ言語*
事前に実行コードをソースプログラムからコンパイル・リンクし格納しておきます。メリットはプログラム実行速度が早いことです。
「C\#」
　Unityで用いられ、ゲーム開発を行う上で最も活用されている言語です。
「C++」
　市販ゲーム機でも用いられています。3Dグラフィックスに強みを持ち、UnrealEngineのゲームエンジンを活用することが多いです。
「Swift」
　iOSやMacOS向けの言語です。コンパイラ言語でありながらスクリプト実行が可能です。

・*スクリプト言語*
実行時にソースプログラム言語の構文を解釈し、実行します。メリットは開発・デバッグが簡単なことです。
「JavaScript」
　ブラウザベースのゲームに強みがあります。
「Ruby」
　サーバーサイドの開発言語で、ソーシャルゲーム等に活用されています。スマホ動作アプリ開発も可能です。

Swift入門！概要・基本文法・学習方法について徹底解説！

Ruby入門！特徴や基本事項、Ruby on Railsを解説！

Unityはゲーム開発に幅広く活用可能で、VRやARの市場拡大に応じて用途が拡大しています。ここでは、入門情報としてインストールから利用までの流れを紹介します。加えて、利用用途や活用方法についても触れていきます。詳細は以降でお話ししていきます。

まずはじめに、Unity Hubをインストールします。以下のリンクからモジュールをダウンロードします。
【参考】：[Unity 2021.2.16 をダウンロード](https://unity3d.com/jp/get-unity/update)

Windowsの場合はインストーラを起動します。Macの場合は、Unity Hub.appをアプリケーションにドラッグアンドドロップします。Unity Hubのインストールが完了したら、起動することでUnityがインストール可能です。「Unityエディターをインストール」の画面が表示されたら、「Unityエディターをインストール」をクリックし、インストールを進めます。

Unityインストール後は、Unity IDの登録と「ライセンス」「ライセンスを加える」からライセンス追加を行います。Windowsでは「Microsoft Visual Studio Community 2019」を、Macでは「Visual Studio for Mac」を「モジュールを加える」画面から追加します。以上で準備は完了しましたので、**Unity Hubから「新しいプロジェクト」をクリックし、開発を開始します。**

Unityの主な用途は以下の通りです。ゲーム関連が多いものの、ゲーム以外でも多様な用途に活用されています。IT活用の広がりに応じて用途が拡大しています。

・*ゲーム制作・運営*
ゲームエンジンを活用し、効率的なゲーム開発が可能です。また、ゲーム実行環境もマルチプラットフォームに対応することで、あらゆるデバイスを活用した参加型ゲームを開催することも可能です。

・*アニメーション・映画制作*
効率的なレンダリング作成によるワークフローの短縮が可能です。そのため、大規模プロジェクトを共同実施することで高精度のグラフィックアニメーションを高品質・短期間に制作することができます。

・*自動車・移動体シミュレーション*
3Dデータを用いたVR・AR制作により、モデリングやリアルタイム3Dによるシミュレーションに活用できます。

・*建築シミュレーション*
建築前にARを用いたオーバーレイ情報を用いて、可視化と妥当性を検証することができます。同様に、CADデータを正確に反映した完成イメージを共有することができます。

・*製造サポート*
製品製造の学習システムと連動させて、リアルタイムに部品と作業情報をARで可視化させ部品交換や作業の手順をトレースし品質向上に役立てることができます。

Unityでできること・できないことを解説！初心者は何から始めればいい？

Unityでは実際の活用事例を広く公開しています。「ゲーム – コンソールと PC」「ゲーム – モバイル」「ゲーム – AR」「ゲーム – VR」「建築設計、エンジニアリング、建設」「自動車、輸送機器、製造」「映像制作、アニメーション、映画」「教育」の*業種カテゴリー別に詳細情報を公開しています*。
【参考】：[Unity のケーススタディ](https://unity.com/ja/case-study)

個人向けとして無料のPersonal・Student、そしてTeams（ビジネス向け）としてPlus・Pro・Enterpriseが提供されています。料金プランは売上に応じたロイヤリティ料金が不要ですので、総じて低い設定となっています。
【参考】：[プランと価格 個人向け](https://store.unity.com/ja/#plans-individual)
【参考】：[プランと価格 ビジネス向け](https://store.unity.com/ja/#plans-business)

・*Personal（無料）*
過去12 か月間の収益、または調達資金が10万米ドル未満の個人開発者または中小企業のお客様向けです。

・*Student（無料）*
認定教育機関に在学中の、法定年齢に達した学生のお客様（16歳以上）用プランです。

・*Plus（有料）*
過去12か月の収益や、調達した資金が20万米ドル以下の個人や企業のお客様向けです。年額1シート当たり48,394円となります。

・*Pro・Enterprise（有料）*
過去12か月の収益または調達資金が20万米ドルを超える企業、およびその企業と取引があるお客様向けです。Proは年額1シート当たり217,800円となります。Enterprise プランは大規模チーム向けとなっており、最低20 シートの購入が必要です。20 シートあたりの料金は、月額484,000円となります。

## モバイルデバイスの多様化に対応しましょう

UnityはPCやモバイルデバイス、ゲーム機まで多様なデバイスに対応します。特にモバイルデバイスの活用はメタバースの活用を表明する企業が拡大しており、VRやARのニーズが高まっていることを示しています。

**Unityを用いることで2Dのみならず、3DやVR・ARの実装はIT全般の可能性を高めてくれます。**その開発プラットフォームとしてもUnityの活用はスキルアップにおすすめです。

Unityの学習におすすめの本10選！初心者向けの本や学習メリットも紹介

Unityとは、統合開発環境（IDE）を内蔵したゲームエンジンを指します。Unityはゲームエンジンで多数利用されており、日本語情報も豊富です。VRやARでも活用の幅を拡大しています。ここでは入門情報から特徴や活用方法・事例まで解説していきます。

Unityとは、Unity Technologies社が開発・販売するゲームエンジンで人気があります

統合開発環境（IDE）を内蔵しており、C#を用いたプログラミングで利用されます

マルチプラットフォームに対応し、2Dから3DおよびVR・ARに対応し、拡大するニーズに対応します

Unityとは？入門情報から特徴や活用方法・事例まで解説！

Dockerとは、OSレベル仮想化プラットフォームソリューションです。Dockerイメージを用いたコンテナ仮想化システムを構築し、仮想化実行環境を実現します。環境をイメージとして登録できますので、同一環境の複製が容易で配布がしやすく利用者が増加しています。

また、Dockerはホストカーネルを利用しており、単一OS上で複数のコンテナが実行できるため、OSで用いるシステム資源は少なくすみ、メモリーの効率が向上するメリットがあります。**一言で言うと、「軽量で速い」ことが特長です。**

【参考】：[Docker](https://www.docker.com/)

Dockerとは？使いどころやメリット・デメリットについて解説！

Dockerでは、Windows版・Mac版・Linux版のダウンロードモジュールが用意されています。*Mac版・Windows版ではDocker Desktopを利用し、Linux版ではDocker Engineをインストールしておきます。*

【参考】：[Get Started with Docker](https://www.docker.com/get-started)

## Windows版Dockerのインストール概要

DockerではDocker CLIによりコマンドラインインターフェイスを通じて操作するほか、Docker DesktopによりGUI操作が可能です。WindowsでDockerを利用する場合は、*Docker Desktopを用いてGUI操作が可能です。*モジュールダウンロードとインストールが完了したら、Docker Desktopのセットアップを行います。

【参考】：[Docker Desktop overview](https://docs.docker.com/desktop/)
【参考】：[Install Docker Desktop on Windows](https://docs.docker.com/desktop/windows/install/)

Windowsをクライアント用途ではなく、サーバ用途で用いる場合はDockerデーモンを起動します。

【参考】：[Install server and client binaries on Windows](https://docs.docker.com/engine/install/binaries/#install-server-and-client-binaries-on-windows)

### Windows版Docker Desktopの動作要件

Windows版Docker Desktopは以下の要件が設定されています。
・*サポートOSバージョン*
　- Windows 11 64 ビット：Home・Pro・Enterprise・Educationの21H2以降
　- Windows 10 64 ビット：Home・Proの21H2以降、 Enterprise・Educationの20H2以降

・*WSL 2（Windows Subsystem for Linux 2）バックエンド*
　- WindowsでWSL 2機能の有効化
　- Linuxカーネルアップデートパッケージのダウンロード・インストール

・*Hyper-Vバックエンドと Windowsコンテナ*
　- Hyper-Vとコンテナ機能の有効化
　- クライアントHyper-V実行時の仮想化要件を満たすこと
【参考】：[Install Docker Desktop on Windows System requirements](https://docs.docker.com/desktop/windows/install/#system-requirements)

以前はWindows 10 Homeのインストールは大変でしたが、上記条件を満足する場合は問題なくインストールできます。

### Docker Windows版のインストール

Docker Desktopは、Docker Hubのサイトからダウンロードできます。ダウンロードのリンク先はドキュメントのインストール方法にも記載されており、同じモジュールがダウンロードできます。

【参考】：[Install Docker Desktop on Windows](https://docs.docker.com/desktop/windows/install/)

2022年10月19日現在、*Docker Desktopの最新リリースは4.13.0です。*Dockerをバージョン指定してダウンロードする場合は、リリースノート記載のリンクから旧バージョンをダウンロードすることもできます。

【参考】：[Docker for Windows release notes](https://docs.docker.com/desktop/windows/release-notes/)

## 実際のDockerインストール方法

ここからは、最新版のDocker Desktop 4.13.0を実際にダウンロード・インストールする方法を解説します。

まず、事前の準備として、*インストールに使うダウンロードモジュールを保存しておきます。*ダウンロードモジュールは以下のDocker公式サイトからダウンロードできます。ここでは、Windowsでのインストール方法について図解していきます。

### ダウンロードモジュールの起動

まず初めに、ローカルドライブにダウンロードしておいた、*インストーラの「Docker Desktop Installer.exe」を起動します。*「ユーザーアカウント制御」の警告メッセージが表示された場合には、「このアプリがデバイスに変更を加えることを許可しますか？」で「はい」をクリックします。

~~ 【図】ユーザーアカウント制御の確認 ~~

### コンフィグレーション画面の確認

続いて、コンフィグレーション画面（Configuration）が表示されます。ここで「Use WSL-2 insted of Hyper-V(recommended)」と「Add shortcut to desktop」のオプション設定を確認します。*WSL 2をバックエンドとして利用する場合は、両方にチェックを入れたまま「OK」で構いません。*

~~ 【図】コンフィグレーション画面の確認 ~~

コンフィグレーション画面で「OK」を押すと、すぐにインストールが開始されます。数分するとインストールが完了し、「Installation succeeded」の画面が表示されます（①）。画面を確認したら、「Close and log out」（②）をクリックして完了ですが、1つ注意が必要です。

*■注意点*
通常「Close」の表示はインストーラが終了するだけですが、ここでの「Close and log out」の場合は、Dockerの設定を反映するためにWindowsからサインアウトが行われます。**あらかじめ他のアプリ等をクローズしておいてから、「Close and log out」をクリックすることをおすすめします。**

~~ 【図】インストールの完了 ~~

### Docker Desktopのライセンスの確認

「Close and log out」を押した後、再度Windowsにサインインすると、設定にしたがってDocker Desktopが自動的に起動します。*最初の起動時には新しいライセンス条項が表示されますので、「Accept」をクリックすることで利用が可能です。*

インストールできない場合は管理者権限が必要ですので、インストールユーザを確認してください。

~~ 【図】サブスクリプションの同意確認 ~~

Docker Desktopの起動時には、起動中を意味する「Docker Desktop starting…」が表示され、準備が完了したらメイン画面が表示されます。*初回はTutorialが表示されますので、使い方を学ぶことができます。*Tutorialはスキップすることもできます。

~~ 【図】Docker Desktopの起動画面と初回のTutorial ~~

その後、メインの「Containers」画面が表示されます。次回以降の起動時には、この「Containers」画面が表示されます。作成したイメージは「Images」、ボリュームは「Volumes」で確認できます。

~~ 【図】Docker Desktopのメイン画面 ~~

**Docker Desktopは、バックグラウンドでDocker Engineを起動します。**Docker Engineの起動状況は、Docker Desktop左下のクジラのアイコン色で分かります。オレンジが起動していない状態で、緑が正常起動している状態です。

次の図に表示の違いを掲載しますので、参考にしてください。

~~ 【図】Dockerの起動中と起動後のステータス ~~

*設定変更が必要であれば、メイン画面右上の歯車のアイコンをクリックしてください。*設定画面が表示されますので、必要な設定変更を行うことができます。

~~ 【図】Docker Desktopの設定画面 ~~

起動できない場合は、「Enable Hyper-V Windows Features」と「 Install required Windows components for WSL 2」要件がクリアできていない場合、起動時にエラーとなります。

併せてメモリーの割り当て不足の場合もエラーとなります。その場合は、Dockerアイコンをクリックし、「Resource」「Advanced」からメモリ割り当て量を1GB以上に設定します。

今回のように、WSL 2をバックエンドとして利用する場合は、システムリソースはWindowsで管理されています。必要があれば”.wslconfig”ファイルを作成し、メモリ量などのシステムリソースを変更することもできます。

【参考】：[WSL での詳細設定の構成](https://learn.microsoft.com/ja-jp/windows/wsl/wsl-config#configure-global-options-with-wslconfig)

## Mac版Dockerのインストール概要

 MacOSでDockerを利用する場合も、*Docker Desktopを用いGUI操作が可能*です。モジュールダウンロードとインストールが完了したら、Docker Desktopのセットアップを行います。

【参考】：[Docker Desktop overview](https://docs.docker.com/desktop/)
【参考】：[Install Docker Desktop on Mac](https://docs.docker.com/desktop/mac/install/)

Mac版Docker Desktopは以下の要件が設定されています。
・*Intelチップ版*
　macOS 10.15以上
　4GB以上のメモリ搭載
　VirtualBox 4.3.30以降

・*Appleチップ版*
　Rosetta 2のインストールが必要

【参考】：[Install Docker Desktop on Mac System requirements](https://docs.docker.com/desktop/mac/install/#system-requirements)

Docker DesktopはDocker Hubのサイトからダウンロードできます。ドキュメントのリンクからも同じモジュールがダウンロードできます。

【参考】：[Install Docker Desktop on Mac](https://docs.docker.com/desktop/mac/install/)

【参考】：[Docker Desktop release notes]https://docs.docker.com/desktop/release-notes/)

実際のインストール方法は以下の通りです。
・*ダウンロードモジュールの起動*
　Docker.dmgをダブルクリックしインストーラを起動します。

・*アプリケーションフォルダに登録*
　Dockerアイコン（Docker.app）をアプリケーションフォルダーにドラッグアンドドロップします。

Windows同様、最初の起動時には新しいライセンス条項が表示されますので、「Accept」をクリックすることで利用可能になります。もしインストールできない場合は管理者権限が必要ですので、インストールユーザを確認してください。

起動時にエラーとなる場合はメモリーの割り当て不足の可能性があります。Dockerアイコンをクリックし、「Resource」「ADVANCED」からメモリ割り当て量を1GB以上に設定します。イメージの保管場所も同じ画面で確認・変更できます。

## Linux版Dockerのインストール概要

長らく登場が待たれていた*Linux版Docker Desktopですが、2022年5月10日に正式リリースされました。*従来のDocker Engineに加えて、Docker Desktopを活用することができます。インストール手順はディストリビューションにより異なりますが、通常のアプリケーションインストールと変わりません。

【参考】：[The Magic of Docker Desktop is Now Available on Linux](https://www.docker.com/blog/the-magic-of-docker-desktop-is-now-available-on-linux)
【参考】：[Install Docker Desktop on Linux](https://docs.docker.com/desktop/install/linux-install/)
【参考】：[Install Docker Engine](https://docs.docker.com/engine/install/)

Linuxとは？特徴やメリット・ディストリビューションを解説！

### Linux版Docker Desktopの動作要件

Linux版Docker Desktopは以下の要件が設定されています。

・プロセッサとメモリ
　64ビットカーネルと仮想化のサポート
　KVMによる仮想化サポート
　QEMUバージョン5.2以降
　4GB以上の空きメモリ

・システム
　Debian、Fedora、Ubuntuのいずれか（Archベースは実験的な扱い）
　systemdの利用
　GnomeまたはKDEの利用

【参考】：[Install Docker Desktop on Linux](https://docs.docker.com/desktop/install/linux-install/)

### Linux版Docker Desktopのインストール

Dockerは代表的なコンテナ仮想化ソリューションです。OSレベル仮想化プラットフォームとして利用できます。ここではWindows・Linux・MacOSのDockerインストールを準備から実際の作業・動作確認までの流れを解説していきます。

Dockerとは、仮想化実行環境を実現するOSレベル仮想化プラットフォームです

Windows・MacOSではDocker DesktopのGUI操作が可能で、Linux版は現在開発中です

Linuxのサーバー用途にはDocker Engineを用い、CI/CDを短サイクルで実現します

【Dockerインストール】Windows・Linux・MacOS

*React Nativeとは、クロスプラットフォームのアプリケーション開発用フレームワーク*の1つです。ここではReact Nativeの概要や将来性について紹介します。

**React Nativeとは、メタ・プラットフォームズ社（旧Facebook社）が開発したクロスプラットフォームのアプリケーション開発用フレームワーク**です。クロスプラットフォームなのでiOS・Android両端末で動作するアプリケーションを開発できます。

React Nativeは現行のWeb開発の主流であるJavaScriptを開発言語としています。したがって、*Webアプリケーション開発のノウハウを活かした開発が可能*です。関連性が高いものにReact.jsというJavaScriptのUIライブラリーがあります。

参考:[React Native Learn once, write anywhere](https://reactnative.dev/)

JavaScriptに関するフレームワークについて徹底解説！

**React.jsとは、JavaScriptで使えるUI構築用コードに特化したライブラリー**です。React Nativeと同様にメタ・プラットフォームズ社によって開発され、Reactとも呼ばれます。多くの企業がシステム・アプリケーション開発にReact.jsを導入しており、フロントエンド開発の主流となりつつあります。

React Nativeは、Webアプリケーション用のReact.jsをモバイル端末向けアプリケーション開発に使えるように作られたものです。ライブラリーであるReact.jsに対し、React Nativeはフレームワークなので役割は大きく異なるものの、*コードの表記方法をはじめ多くの共通点があります*。

参考:[React ユーザーインターフェース構築のためのJavaScriptライブラリ](https://ja.reactjs.org/)

近年はAirbnbなどの大企業がReact Nativeを使用しなくなったこともあり「React Native離れ」が始まっていると言う声も聞かれます。この背景には、*クロスプラットフォームからネイティブ開発への切り替えや、同じクロスプラットフォームのFlutterの人気が高まっている*ことなどがあります。

一方、前述のReact.jsは世界中で導入企業を増やしており、今後主流となる可能性があります。その**React.jsとReact Nativeを合わせれば、Web・iOS・Android向けのアプリケーションを共通のノウハウで開発可能**です。その利便性からReact Nativeは将来性のあるフレームワークであると言えます。

## React Nativeにできること・メリット

React Nativeには、同じクロスプラットフォームの*Flutterなどと比較した場合にいくつかのメリットがあります*。ここでは、React Nativeにできることや独自のメリットについて解説します。

### Webエンジニアにも使いやすく人材確保が容易

前述のとおりReact NativeはJavaScriptを開発言語にしており、Webアプリケーション開発との互換性が高いフレームワークです。したがって、**普段JavaScriptを使っているエンジニアであれば、ネイティブ開発の経験がなくても開発業務にアサインしやすい**と言えます。

開発言語がJavaScriptである点は、Google独自の言語であるDartを使うFlutterや、ネイティブ開発言語であるSwift・kotlinにはないReact Nativeを導入する大きなメリットです。すでに*JavaScriptを使える人や勉強中の人で、モバイル端末向けアプリケーション開発に携わりたい人におすすめ*です。

Kotlinとは？Android開発において、Javaと比較したKotlinの特徴とは

Appleの新しいプログラミング言語、Swift ― その概要や特徴、メリット・デメリットについて解説

### ホットリロードにより修正が容易

React Nativeには**ホットリロードという機能があり、コードの修正が容易である点もメリット**の1つです。ホットリロードとは、コードを変更するたびに変更内容がUIに反映される機能です。

## React Nativeにできないこと・デメリット

さまざまな*メリットがある反面、React Nativeにはデメリットもあります*。ここでは、React Nativeにできないことやデメリットについて紹介します。

### ネイティブエンジニアには学習コストが高い

JavaScriptを開発言語に採用している点がメリットであることは説明しましたが、裏を返せば、**普段からネイティブ開発用言語を使っているエンジニアには学習コストがかかる**と言えます。iOS向けのSwift、Android向けのKotlinが使えても、React Nativeを使う際にスキルの転用は困難です。

逆に*React Nativeを導入してアプリケーション開発をしていた企業・エンジニアが、ネイティブ開発向け言語に切り替える際も同様に学習コストが発生*します。React Nativeの導入を検討するときは、チーム内のWebエンジニア・ネイティブエンジニアの比率をチェックしておくことが大切です。

### エラー箇所の特定に時間を要する

React Nativeのようなクロスプラットフォームでアプリケーション開発を行う場合、**エラー箇所の特定に手間と時間がかかる**というデメリットがあります。React Nativeで言えば、エラーがネイティブレイヤーとJavaScriptレイヤーのどちらで発生しているのかを特定する必要があるためです。

加えて、*iOS・Android両OS向けのアプリケーションが開発できますが、どちらか一方のOSでのみ発生するエラーもあるため注意*が必要です。エラーの発生場所・原因が何パターンも考えられ、容易には解決できにくい点は、React Nativeの弱点です。

*React Nativeでアプリケーションを開発するには環境構築が必要*です。ここでは、React Nativeの開発環境構築について説明します。

参考:[Setting up the development environment - React　Native](https://reactnative.dev/docs/environment-setup)

### Node.jsとWatchmanをインストールする

まずは、JavaScriptのランタイムとして使うNode.jsをインストールします。*Node.jsを使えば、JavaScriptをサーバサイドで実行可能*です。Node.jsは公式ページからダウンロードできます。

続いて、同様にWatchmanをインストールします。Watchmanとはその名のとおりファイル監視サービスです。*Watchmanは、指定したファイルが変更された際に実施するアクションを設定*できます。公式サイトからダウンロード可能です。

参考:[Node.jsとは](https://nodejs.org/ja/about/)

参考:[ダウンロード:Node.js](https://nodejs.org/ja/download/)

参考:[Watchman A file watching service - Meta Open Source](https://facebook.github.io/watchman/)

### Expo CLIまたはReact Native CLIをインストールする

次にExpo CLIまたはReact Native CLIをインストールします。公式ドキュメントによれば、モバイル端末向けアプリケーション開発の習熟度によって奨励するCLIが異なります。**初めて開発する人や慣れていない人はExpo CLI、慣れている人はReact Native CLIを利用**してください。

### Xcode・Android Studioをインストールする

開発者向けツールとしてXcode・Android Studioをインストールします。**iOS向けのアプリケーション開発ならXcode、Android向けならAndroid Studioが必要**です。いずれも公式サイトから無料でインストールできます。XcodeはAppStoreからのダウンロードも可能です。

参考:[Xcode 13の概要 - Apple Developer](https://developer.apple.com/jp/xcode/)

参考:[Android Studio のインストール | Android デベロッパー](https://developer.android.com/studio/install?hl=ja)

**ライブラリ管理ツールであるCocoaPodsをインストールしておくと、さまざまなライブラリーを使って開発をする際の手間を軽減**できます。iOS・Mac向けアプリケーションを開発する人は、公式サイトからインストールしておくことをおすすめします。

参考:[CocoaPods](https://cocoapods.org/)

## JavaScriptが使えるならReact Nativeを学んでおこう

**React Nativeは、JavaScriptを開発言語とするモバイル端末向けアプリケーション開発用のフレームワーク**です。Webエンジニアにとって学習コストを抑えながら、アプリケーション開発を始めるのに適しています。

また、フロントエンド開発において主流になりつつあるReact.jsとの互換性が高い点も特徴です。今後、モバイル端末向けのアプリケーション開発に携わりたいWebエンジニアをはじめ、*JavaScriptを扱えるエンジニアは、ぜひReact Nativeを学んでみることをおすすめします*。

JavaScriptの特徴とは？何ができるのか、メリット・デメリットも解説

JavaScriptの用途やできることを初心者向けに紹介！

React Nativeは、モバイル端末向けアプリケーション開発のフレームワークです。クロスプラットフォームなので、iOS・Android両OS向けのアプリケーションを開発できます。本記事では、React Native入門として、概要や将来性などを解説します。

React Nativeとは、メタ・プラットフォームズ社が開発したクロスプラットフォームのモバイル端末向けアプリケーション開発用フレームワークである

React Nativeは開発言語にJavaScriptを用いるため、Webエンジニアにとって学習コストが低い

フロントエンド開発の主流となりつつあるUI構築コードに特化したReact.jsとの互換性が高く、React Native自身も将来性のあるフレームワークと言える

React Native入門！将来性やアプリ開発環境について解説

Dockerとは、OSレベル仮想化プラットフォームソリューションです。Dockerイメージを用いたコンテナ仮想化システムを構築し、仮想化実行環境を実現します。Dockerにより環境の複製と配布が容易にできるため、*開発のスクラップアンドビルドが効率的に実施できます*。
【参考】：[Docker](https://www.docker.com/)

Jupyter Notebookとは、オープンソースソフトウェアの統合開発環境（IDE）です。エディタ・言語処理・デバッグ・実行作業を単一操作環境から利用できるようにしています。Jupyter Notebookはデータ分析機能があるため、ビッグデータのデータ分析・統合にも用いることができます。*科学技術計算や機械学習等を目的とする方には特におすすめ*です。
【参考】：[Project Jupyter | Home](https://jupyter.org/)

JupyterLabとJupyter Notebookの違いですが、JupyterLabとJupyter NotebookはともにProject Jupyterのユーザインターフェイスとなります。JupyterLabは*Jupyter Notebookの次世代ユーザインターフェイスバージョン*で、Jupyter Notebookの機能をカバーします。

Jupyter Notebookとは？その導入・操作方法を解説

Dockerは単一OS上で複数のコンテナが実行できます。OSで用いるシステム資源は少なく、メモリー効率が高いので、「軽量で速い」と言われています。

Jupyter Notebookは、豊富なライブラリを用いてデータ分析を行うことができます。Jupyter Notebookのドキュメントはプログラムコードに加えて、数式や図式を入れることができるためデータ分析の統合開発環境として人気があります。

Dockerは環境複製が容易で開発・テスト・配布サイクルを短周期で進めることができ、Jupyter Notebookを併用することで*科学技術計算やデータ分析の分野でも効率的に開発できます*。さらにホスト側はVSCodeを用いて、VSCode Remote Developmentでコンテナ上のJupyter Notebookと接続しデータ分析を行うこともできるため、多様な業務に対応可能です。

Dockerでは、*Windows版・Mac版・Linux版のダウンロードモジュールが用意されています*。Mac版・Windows版ではDocker Desktopを利用し、Linux版ではDocker Engineをインストールしておきます。実際のインストール作業は以降で紹介します。
【参考】：[Get Started with Docker](https://www.docker.com/get-started)

### Docker Windows版のセットアップ概要

Docker Desktopは、Docker Hubのサイトからダウンロードできます。インストール時のConfiguration画面の確認が問題なければ、*簡単にインストールが完了します*。
【参考】：[Docker Desktop for Windows](https://hub.docker.com/editions/community/docker-ce-desktop-windows)
【参考】：[Install Docker Desktop on Windows](https://docs.docker.com/desktop/windows/install/)

インストール方法は以下の通りです。
・ダウンロードモジュールの起動
　Docker Desktop Installer.exeを起動します。

・Configuration画面の確認
　「Enable Hyper-V Windows Features」と「 Install required Windows components for WSL 2」のオプション設定を確認します。

・インストール実行
　手順に従い「Install」を選択し、終了後「Close」を選択します。

・管理者アカウントの追加
　管理者アカウントのadministratorとComputer Managementをdocker-usersグループに追加します。

最初の起動時には新しいライセンス条項が表示されますので、「Accept」をクリックすることで利用可能になります。

### Docker Mac版のセットアップ概要

Docker DesktopはDocker Hubのサイトからダウンロードできます。Mac版も特に*問題なくインストールが完了します*。
【参考】：[Docker Desktop for Mac](https://hub.docker.com/editions/community/docker-ce-desktop-mac)
【参考】：[Install Docker Desktop on Mac](https://docs.docker.com/desktop/mac/install/)

インストール方法は以下の通りです。
・ダウンロードモジュールの起動
　Docker.dmgをダブルクリックしインストーラを起動します。

・アプリケーションフォルダに登録
　Dockerアイコン（Docker.app）をアプリケーションフォルダーにドラッグアンドドロップします。

Windows同様、最初の起動時には新しいライセンス条項が表示されますので、「Accept」をクリックすることで利用可能になります。

Jupyter Notebookを使うには、通常パッケージマネージャを用いてJupyter Notebookをインストールします。”pip install jupyter”等でインストールします。ここではDocker Hubからイメージを入手し、DockerでJupyter Notebookを起動する作業を解説していきます。
【参考】：[Docker Hub jupyter](https://hub.docker.com/u/jupyter)

お役立ち記事