マジセミドライブ

ウェビナー関連のニュースやITサービス&ツールの最新情報を随時配信します。

OSS情報

2020.01.01

【OSS情報アーカイブ】React Native

【OSS情報アーカイブ】React Native

※当記事に記載されている情報は、古くなっている場合があります。オフィシャルサイトで最新情報をご確認ください。

「React Native」とは

概要

React Native(リアクトネイティブ)とは、React宣言型UIフレームワークです。「UI構築用JavaScriptライブラリ:React」と「ネイティブ開発」を組み合わせた開発が可能で、AndroidおよびiOSのネイティブアプリケーションを構築できます。

基本説明

■Reactベース

ReactとはFacebook製JavaScriptライブラリです。Webアプリケーションのユーザーインターフェースを効率的に構築することを目的としており、主にView部分を実装します。

React Nativeでは、JavaScriptを使用してプラットフォームのAPIにアクセスし、Reactコンポーネントを使用してUIの外観と動作を記述します。

そのため、React Nativeを使用する場合は、Reactの知識が必要となります。

→www.ossnews.jp →oss_info →React

経緯

・2015年、初版リリース
・2018年、GitHubのリポジトリで2番目に多くの貢献者を獲得

オフィシャルサイト情報

■オフィシャルサイト

→reactnative.dev

■GitHub

→github.com →facebook/react-native

■主要開発元

React Nativeは、FacebookおよびReact Nativeコミュニティが中心となり開発が進められています。

→github.com →facebook/react-native →ECOSYSTEM

■ライセンス情報

React Nativeのライセンスは「MIT License」です。

詳細について、こちらを参照ください。
→github.com →facebook/react-native →LICENSE

■導入事例

「フォーチュン500企業」から「注目されているスタートアップ」まで、何千ものアプリがReact Nativeを使用しています。

→reactnative.dev →showcase

同様製品

同様な機能を提供する製品として、次のようなものがあります。

オープンソース製品:「Flutter」「Ionic」など。

宣言型

Reactを使用した宣言型ビューにより、コードがより予測可能になり、デバッグが容易になり、インタラクティブなUIを簡単に作成できます。

コンポーネントベース

■概要

状態を管理するカプセル化されたコンポーネントを構築し、それらを構成して複雑なUIを作成できます。

■ネイティブコンポーネント

「Android開発ではKotlinまたはJava」「iOS開発ではSwiftまたはObjective-C」を使用してビューを記述します。

React Nativeを使用すると、Reactコンポーネントを使用してJavaScriptでこれらのビューを呼び出せます。

アプリ固有のニーズに合わせてAndroidおよびiOS用の独自ネイティブコンポーネントを構築できます。

■React Native Directory

「React Native Directory」では各種コンポーネントが提供されています。

→reactnative.directory

ネイティブコードレンダリング

React Nativeアプリは他のアプリと同じネイティブプラットフォームAPIを使用するため、ReactプリミティブはネイティブプラットフォームUIにレンダリングされます。

ユーザーエクスペリエンスを損なわない真のネイティブアプリを開発できます。

シームレスなクロスプラットフォーム

Reactコンポーネントは、既存のネイティブコードをラップし、Reactの宣言型UIパラダイムとJavaScriptを介してネイティブAPIと対話します。

プラットフォーム固有のバージョンのコンポーネントを作成することで、プラットフォーム間において単一コードベースを共有できます。

高速リフレッシュ

JavaScriptコードへの変更は、ネイティブアプリを再構築せずにライブで再読み込みできます。

 

参考元サイト

※定期的にメンテナンスを実施しておりますが、一部情報が古い場合がございます。ご了承ください。

この記事のタグ一覧

おすすめの記事

【デジタル寺田の3分用語解説】 「 AIエージェント 」は、人間の管理職の代わりになるか?🤖

デジタル寺田の3分用語解説

2025.03.11

【デジタル寺田の3分用語解説】 「 AIエージェント 」は、人間の管理職の代わりになるか?🤖

「 AIエージェント 」は営業マネージャーの業務をどこまで代行できるのか?「データ分析」「フィードバック」「自動日程調整」の可能性を探り、未来の管理職のあり方を考察します。AIが進化する中で、人間の役割はどう変わるのか詳しく解説します。

【デジタル寺田の3分用語解説】 「 心理的安全性 」が無い職場とは?🤐

デジタル寺田の3分用語解説

2025.03.17

【デジタル寺田の3分用語解説】 「 心理的安全性 」が無い職場とは?🤐

「 心理的安全性 」が低い職場とはどのような環境なのか、具体的な特徴を解説します。「質問しづらい雰囲気」「失敗を報告できない隠蔽体質」「発言をためらう風土」など、心理的安全性の欠如がもたらす影響を詳しく紹介し、安全な職場づくりの重要性も解説します。

【デジタル寺田の3分用語解説】 「 ウェルビーイング 」とは?😊

デジタル寺田の3分用語解説

2025.03.10

【デジタル寺田の3分用語解説】 「 ウェルビーイング 」とは?😊

「 ウェルビーイング 」とは、身体的・精神的な健康だけでなく、社会的・経済的にも満たされた状態を指します。企業にとっては、健康経営の推進により生産性向上や離職率低下などのメリットがあります。本記事では、ウェルビーイングが注目される背景や企業の具体的な取り組みについて詳しく解説します。