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

導入

React Nativeの旅の始まりへようこそ！もし入門方法をお探しなら、専用のセクションに移動しました。引き続きドキュメント、ネイティブコンポーネント、Reactなどについての紹介をお読みください！

React Nativeは、上級のiOS開発者からReactの初心者、そしてキャリアで初めてプログラミングを始める人まで、さまざまな種類の人々が使用しています。これらのドキュメントは、経験レベルや背景に関係なく、すべての学習者向けに書かれています。

これらのドキュメントの使用方法​

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

前提条件​

React Nativeで作業するには、JavaScriptの基礎を理解している必要があります。JavaScriptが初めての方や復習が必要な方は、Mozilla Developer Networkで深く掘り下げるか、再学習することができます。

情報

React、Android、またはiOS開発の事前知識がないことを前提としていますが、これらは意欲的なReact Native開発者にとって貴重な学習トピックです。可能な限り、より深く掘り下げたリソースや記事にリンクしています。

インタラクティブな例​

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

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

ヒント

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

開発者ノート​

さまざまな開発背景を持つ人々がReact Nativeを学んでいます。WebからAndroid、iOSなど、幅広い技術経験をお持ちかもしれません。私たちはあらゆる背景を持つ開発者向けに書くよう努めています。時折、次のように特定のプラットフォームに特化した説明を提供します。

情報

Web開発者はこの概念に精通しているかもしれません。

書式設定​

メニューパスは太字で記述され、サブメニューに移動するためにキャレットを使用します。例： Android Studio > Preferences

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