メインコンテンツへスキップ

導入

React Nativeの旅の始まりへようこそ！もし開発環境のセットアップ手順をお探しなら、別のセクションに移動しました。このまま読み進めて、ドキュメント、ネイティブコンポーネント、Reactなどについての紹介をご覧ください！

熟練したiOS開発者からReact初心者、キャリアで初めてプログラミングを始める人まで、さまざまな種類の人がReact Nativeを利用しています。このドキュメントは、経験レベルやバックグラウンドに関係なく、すべての学習者のために書かれています。

このドキュメントの使い方​

ここから始めて、このドキュメントを本のように順番に読み進めることもできますし、必要な特定のセクションだけを読むこともできます。すでにReactに詳しいですか？それならそのセクションをスキップしても構いませんし、軽く復習するために読んでもよいでしょう。

前提条件​

React Nativeを扱うには、JavaScriptの基礎を理解している必要があります。JavaScriptが初めての方や復習が必要な方は、Mozilla Developer Networkで深く学ぶか、知識をブラッシュアップすることができます。

私たちはReact、Android、iOS開発の予備知識を前提としないように最善を尽くしていますが、これらはReact Native開発者を目指す人にとって価値のある学習トピックです。理にかなっている箇所では、より深く掘り下げたリソースや記事へのリンクを掲載しています。

インタラクティブなサンプル​

この導入部では、以下のようなインタラクティブなサンプルを使って、ブラウザですぐに始めることができます。

上記はSnack Playerです。これはExpoが作成した便利なツールで、React Nativeプロジェクトを埋め込んで実行し、AndroidやiOSなどのプラットフォームでどのようにレンダリングされるかを共有できます。コードはライブで編集可能なので、ブラウザで直接試すことができます。さあ、上の「Try editing me!」というテキストを「Hello, world!」に変更してみてください。

もしローカル開発環境をセットアップしたい場合は、ローカルマシンに環境をセットアップするためのガイドに従い、コード例をあなたのプロジェクトに貼り付けることもできます。（Web開発者であれば、モバイルブラウザのテスト用にすでにローカル環境がセットアップされているかもしれません！）

開発者向けの注記​

さまざまな開発バックグラウンドを持つ人々がReact Nativeを学んでいます。WebからAndroid、iOSなど、さまざまな技術の経験があるかもしれません。私たちはあらゆるバックグラウンドを持つ開発者のために書くよう努めています。時には、以下のように特定のプラットフォームに特化した説明を提供することもあります。

Web開発者にはこの概念がおなじみかもしれません。

書式​

メニューのパスは太字で書かれ、サブメニューを移動するにはキャレット（>）を使用します。例：Android Studio > Preferences

このガイドの仕組みがわかったところで、次はReact Nativeの基礎であるネイティブコンポーネントについて学びましょう。