react

実用日本語表現辞典

react

別表記：リアクト

「react」とは、反応すること・互いに作用しあうこと・反発することを意味する英語表現である。

「react」とは・「react」の意味

「react」は、刺激や状況などに反応する、反応を示す、という意味の動詞である。また、作用や力に対して反作用する、互いに影響し合う、といった意味でも用いられる。そのほか、反対する、反抗する、といった意味で使われることもある。

「react」の名詞形は「reaction」である。反応、反作用、反動、反発、相互作用を意味する。形容詞形は「reactive」になる。よく反応する、反作用を示す、反発する、といった意味で用いられる。

「react」の発音・読み方

「react」の発音記号は「riǽkt」である。カタカナ読みだと「リアクト」になる。

「react」の語源・由来

「react」の語源は、ラテン語で再び、を意味する「re」と、動かす、を意味する「agere」だと考えられている。

「react」の活用変化一覧

「react」の活用変化一覧は以下の通りである。

・現在形「react（主語がhe/she/itの場合はreacts）」
・現在分詞「reacting」
・現在完了形「have reacted（主語がhe/she/itの場合はhas reacted）」
・過去形「reacted」
・過去完了形「had reacted」
・未来形「will react」

「react」の類語

「react」の類語としては、返答する、応じる、という意味の「respond」や、反応する、という意味の「feedback」、返答を意味する「answer」がある。そのほか、反論を意味する「counter」や、返信を意味する「reply」なども「react」の類語だといえる。

「react」の対義語

「react」の対義語は、無視を意味する「ignore」や「overlook」、「neglect」が挙げられる。また、文脈によっては、回避する、という意味の「avoid」や、控える、という意味の「abstain」、抑制を意味する「suppress」なども「react」の対義語になりうる。

「react」を含む英熟語・英語表現

「react」を含む英熟語・英語表現には、次のようなものがある。

「react to」とは

「react to」は、「to」の後に続くものやことに反応する、対応する、という意味である。

「react against」とは

「react against」は、「against」の後に続くものやことに反発することを意味する。

「react with」とは

「react with」は、「with」の後に続くものやことと反応する、共鳴する、といった意味で用いられる。

「react」に関連する用語の解説

「React（ライブラリ）」とは

「React（ライブラリ）」は、Facebookによって開発されたJavaScriptライブラリのひとつである。ユーザーインターフェイスを構築するために用いられる。Webアプリケーションやモバイルアプリケーション、VRアプリケーションといった様々なプラットフォームで使用されている。

「React（ライブラリ）」で作られたサイトとは

「React（ライブラリ）」で作られたサイトとは、Facebookが開発したJavaScriptライブラリである「React（ライブラリ）」を用いて作成されたサイトを指す。「React（ライブラリ）」を使用すると、コンポーネントと呼ばれる小さなパーツに分割されたUIを構築できる。このことにより、アプリケーションの機能やデザインの一部を簡単に変更することが可能となる。

「React-Game」とは

「React-Game」は、Facebookが開発したJavaScriptライブラリである「React（ライブラリ）」を用いて作成されたゲームのことである。「React-Game」にはブラウザ上でプレイできる単純なものから3Dゲームのような複雑なものまで、さまざまな種類が存在する。

「reactivate」とは

「Reactivate」は、再起動する、再活性化する、といった意味の言葉である。

「reaction time」とは

「reaction time」は、反応時間や反応速度を意味する。

「chemical reaction」とは

「chemical reaction」は、化学反応や化学変化のことである。

「overreaction」とは

「overreaction」は、過剰反応や過剰反応することを指す。

「reactive behavior」とは

「reactive behavior」は、反応的な行動や反応性のある行動のことである。

「react」の使い方・例文

「react」を用いた例文には、次のようなものがある。

「The company reacted quickly to the sudden market changes.」この文章を日本語に訳すと「急激な市場の変化に、その企業は素早く対応した」になる。

「Some people react strongly to pollen and suffer from hay fever.」この文章は日本語では「花粉に強く反応してしまい、花粉症に苦しむ人もいる」である。

「She was surprised by his outburst and didn't know how to react.」は、日本語に訳すと「彼の突然の激昂に彼女は驚き、どう対処すべきかわからなかった」になる。

（2023年3月9日更新）

リアクト

英語：react

一般的な英語としては「反応する」「反応を示す」あるいは「やり直す」「再演する」という意味で用いられる表現。

（2021年2月10日更新）

ウィキペディア

Re:AcT

出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2025/03/31 16:15 UTC 版)

プロジェクト
YouTube

Re:AcT
公式サイト	Re_AcT
YouTube
チャンネル	【Re:AcT/リアクト】公式チャンネル
活動期間	2018年 -
登録者数	3.17万人
総再生回数	6,494,734 回
チャンネル登録者数・総再生回数は 000000002025-04-01-00002025年4月1日時点。
テンプレートを表示

Re:AcT（リアクト）は、株式会社mikaiが運営するバーチャルYouTuber事務所^[1]。

概要

当初は「KAGAYAKI STARS」の名称で設立された。設立当初は「歌って踊れるVTuberの発掘・育成」を目的として運営されていた^[2]。その後、各タレントの特性や方針に合わせた売り出し方へ方針転換することになったため、2018年12月5日に事務所の名称を現在の「Re:AcT」へ変更した^[3]。事務所名の変更後は、各タレントに合わせた部門が発足し、その後も「KAGAYAKI STARS」の名称はプロジェクトの名称として使用された。なお、2020年以降にデビューしたタレントおよび2020年8月時点の公式サイトでは部門分けがなされていない^[4][5]。またTwitchでのゲーム配信がメインとなるプロジェクト「Re:AcT Gaming」も存在する^[6]。

略歴

2018年

• 7月、1期生がデビュー^[7][8][9]。
• 8月31日、2期生がデビュー^[10]。
• 10月19日、METEOがデビュー^[11]。
• 12月5日、事務所の名称を「Re:AcT」へ変更^[12]。

2019年

• 3月14日、新プロジェクト「Re:A projecT」始動。
• 9月17日、すたーべあ!がデビュー。

2020年

• 7月26日、男性アイドルユニット『Sugar Stella』が活動開始。

2021年

• 4月28日、『Sugar Stella』が活動終了^[13]。

2023年

• 3月10日、新規バーチャルゲーミングプロジェクト「Re:AcT Gaming」（RAG）が発足し、天華あむ、小夜シグレ、狐宵いなりがデビュー^[14]。
• 8月29日、同年9月30日をもって姫熊りぼん、かしこまり両名が卒業することが発表された^[15]。かしこまりは卒業後に株式会社ビークエストに移籍することも併せて発表された。
• 10月6日、同年10月30日をもって美睡シュカが卒業することが発表された^[16]。
• 12月13日、同年12月30日に開催されるオフラインライブ「ユメニミタカラ 〜MAGICAL HARMONY〜」をもって2020年12月より運営している「ReAliz」・「kaleidscope」・「Parfait」および2021年11月より運営している「sinkirow」の各レーベル統合と2022年8月より活動している「Re:Mixx」の解散が発表された^[17]。

2024年

• 1月4日、同年1月31日をもって宇佐美ユノが卒業することが発表された^[18]。
• 2月1日、神輿たらんについて、かねてより契約に抵触する行為があったが改善されず再び契約違反行為があったとして契約解除したことを発表した^[19]。
• 3月10日、RAG2期生のデビュー告知^[20]。
• 3月31日、株式会社mikai主催のVTuberおよびストリーマー限定APEX大会「RGC Apex Legends」開催。

• 4月26日、RAG2期生として白妙とき、浅葱なぎさがデビュー。
• 5月6日、水瓶ミア無期限活動休止を発表^[21]。
• 9月15日、水瓶ミア活動再開。

| 2025年 |

• 3月中に3名のVTuberがデビューすることが告知された^[22]。
• 3月3日、3月デビューの1人目がかつてRe:AcTに所属し2021年末で卒業した白音ゆきであることが発表^[23]。
• 3月26日、Re:AcT Gaming所属の浅葱なぎさについて、契約に抵触する行為に関して改善されなかったため契約解除が発表。
• 3月28日、Re:AcT Gamingより4月中に2名のVTuberがデビューすることが告知された。

所属タレント

現在の所属タレント

2025年3月1日時点

名前	活動開始日	誕生日	YouTube	登録者数（万人）	所属ユニット	備考
獅子神レオナ	2018年9月14日	8月16日	獅子神レオナ/レオナちゃんねる	33.3	Re_KMKL ちーむきゅーてぃくる	KAGAYAKISTARS第2期生出身
花鋏キョウ	2018年9月14日	7月24日	花鋏キョウ*Kyo Hanabasami	33	Re_KMKL	KAGAYAKISTARS第2期生出身
水瓶ミア	2018年9月14日	2月24日	水瓶ミア/ミアちゃんねる	3.08	Re_KMKL ちーむきゅーてぃくる	KAGAYAKISTARS第2期生出身
夢川かなう	2018年9月14日	4月14日	夢川かなう/Kanau ch 夢川かなう	3.53 4970	Re_KMKL	KAGAYAKISTARS第2期生出身 今まで以上に歌に力を入れて活動するため、 2024年4月14日に新しいYouTubeチャンネルを開設[24]
天川はの	2019年9月17日	5月1日	天川はの/AmakawaHano	11.6	すたーべあ![注釈 1]
丸餅つきみ[25]	2020年4月30日	10月1日	Marumochi Tsukimi / 丸餅つきみ	1.44
月紫アリア[26]	2021年4月23日	10月16日	月紫アリア / Tsukushi Aria	6.97	ねころまんさー
猫乃ユキノ[27]	2021年5月27日[注釈 2]	11月10日	猫乃ユキノ／NekonoYukino	5.76	ねころまんさー	元個人勢
九楽ライ	2021年11月3日	5月30日	Kulaku Lie ch.九楽ライ	4.82	はな組
皇ロゼ	2021年11月3日	1月23日	皇ロゼ／SumeragiRose ch	1.74	はな組
魔光リサ	2022年4月2日	11月1日	魔光リサ - Lisa Makoh -	3.27	つばさぐらでーしょん
稀羽すう	2022年4月2日	5月22日	稀羽すう - Suu Usuwa -	9.12	つばさぐらでーしょん
音伽ねむ	2022年8月12日	2月4日	音伽ねむ - Nemu Otogi -	1.24		ミクチャで実施された公開オーディションより選出
ククルア・クレイユ	2022年8月12日	3月25日	ククルア・クレイユ - Coucourua Creil -	1.52		ミクチャで実施された公開オーディションより選出
狐宵いなり[28]	2023年3月10日	8月30日	狐宵いなり - Inari Koyoi -	0.164	Re:AcT Gaming	メインプラットフォームはTwitch（狐宵いなり）
小夜シグレ	2023年3月10日	11月24日	小夜シグレ - Shigure Sayo -	0.0570	Re:AcT Gaming	メインプラットフォームはTwitch（小夜シグレ）
天華あむ	2023年3月10日	7月16日	天華あむ - Amu Tenka -	0.2020	Re:AcT Gaming	メインプラットフォームはTwitch（天華あむ）
白妙とき	2024年4月26日	1月9日	白妙とき -Shirotae Toki-	0.0430	Re:AcT Gaming	メインプラットフォームはTwitch（白妙とき）
白音ゆき	2025年3月8日	12月2日	白音ゆき -Shirane Yuki-	2.59		2020年3月1日から2021年12月31日までRe:AcTで活動していたが卒業し、2025年3月8日に再デビュー
杏夜くもり	2025年3月20日	11月4日	杏夜くもり -Anya Kumori-	2.01		個人勢からの編入。2022年5/8にデビュー。
レイラ・サマ	2025年3月20日	9月2日	レイラ・サマ -Layla Sama-	0.1070

過去の所属者

卒業

• 鞍馬つむぎ（くらま つむぎ）（KAGAYAKISTARS第1期生 2018年7月13日 - 12月3日卒業^[29]）
• 早乙女ぽえむ（さおとめ ぽえむ）（KAGAYAKISTARS第1期生 2018年7月13日 - 12月3日卒業^[29]）
• SuiSay（KAGAYAKISTARS男性部門→男性部門 2018年7月12日 - 12月31日解散^[29]） - 4人組アイドルグループ。湊音みなみ以外の以下3名は同日を持って卒業。
  • 美影ルクス（みかげ るくす）
  • 星屑れん（ほしくず れん）
  • 折緒コウヤ（おりお こうや）
• 双理マイ（ふたり まい）（KAGAYAKISTARS第2期生→音楽部門 2018年9月14日 - 2019年9月14日卒業）
• 多々星シエル（ただせ しえる）（KAGAYAKISTARS第2期生→音楽部門 2018年9月14日 - 2019年9月30日卒業）
• 天秤はかり（てんびん はかり）（KAGAYAKISTARS第2期生→アイドル部門 2018年9月14日 - 2019年9月30日卒業）
• 夜霧メイ（やぎり めい）（KAGAYAKISTARS第2期生→ゲーム部門 2018年9月14日 - 2019年9月30日卒業）
• ゆにゆにこ（KAGAYAKISTARS候補生→候補生 2018年9月14日 - 2019年9月30日卒業）
• 黒音よみ（くろね よみ）（2020年3月1日^{[4][注釈 3]} - 2021年2月28日^{[30][注釈 4]}）
• Sugar Stella
  • 湊音みなみ（みなと みなみ）
  • 唯牙コハク（ゆいが こはく）
  • 猫海せな（ねこみ せな）
  • 輝澄カレン（きすみ かれん）
  • 黄葉いおり（きば いおり）
  • 皇噛ユカリ（こうがみ ゆかり）
• 綺羅星ウタ（きらほし うた）（KAGAYAKISTARS第1期生→音楽部門 2018年7月6日 - 2020年11月30日付で無期限活動休止したのち、2021年6月30日卒業^[31]）
• 出雲めぐる（いずも めぐる）（2020年6月29日^[32] - 2021年6月30日^[33]）
• 琴みゆり（こと みゆり）（KAGAYAKISTARS第1期生→マルチタレント部門 2018年7月6日 - 2021年10月3日）
• 白音ゆき（しらね ゆき）（2020年3月1日^{[4][注釈 3]} - 2021年12月31日^[34]）
• 碧那アイル（へきな あいる）（2020年8月17日^[35] - 2021年12月31日^[34]）
• 犬望チロル（いぬもち ちろる）（2020年4月30日 - 2022年3月31日卒業）
• 久檻夜くぅ（Qualia Qu / くおりや くぅ）（2020年6月29日 - 2022年3月31日卒業）
• 風海みかん（かざみ みかん）（2020年8月30日 - 2022年10月10日卒業）
• 射貫まとい（いぬき まとい）（2018年7月6日 - 2023年2月28日卒業）
• 姫熊りぼん（ひめくま りぼん）（2019年9月17日 - 2023年9月30日卒業）
• 美睡シュカ（びすい しゅか）（2022年8月12日 - 2023年10月30日）
• 宇佐美ユノ（うさみ ゆの）

（KAGAYAKISTARS第1期生 2018年7月6日 - 2024年1月31日）

移籍

• 雷輝アンタレス（えれき あんたれす）（KAGAYAKISTARS第1期生→マルチタレント部門 2018年7月20日 - 12月31日事務所移籍^[36]）
• かしこまり（個人勢→2021年10月30日Re:AcT移籍→2023年9月30日卒業・事務所移籍）

契約解除

• 丑牡てぃあ（うしお てぃあ）（KAGAYAKISTARS第2期生→マルチタレント部門 2018年9月14日 - 2019年9月1日契約解除^[37]）
• 瀧上りと（たきがみ りと）（2020年1月22日^[38] - 4月10日契約終了^[39]）
• 神輿たらん（みこし たらん）

（2022年8月12日 - 2024年2月1日契約終了）

• 浅葱なぎさ（あさぎ なぎさ）

（2024年4月26日 - 2025年3月26日契約終了）

コラボレーション

• 差し入れサービス「エルタマ」- 2020年7月実施の獅子神レオナおよび花鋏キョウオンラインライブ企画^[40][41]、同年10月1日より所属タレントプレゼント受け取りサービス受託^[42][43]

出演

インターネット番組

• スマブラSP Re:AcT杯^[44]（2018年12月18日、YouTube）
• Re:AcT presents VTuber歌謡祭^[45]（2018年12月27日、Colon:）
• チョコを受け取る準備はいい? Re:AcT presents バレンタイン・イヴ SP^[46]（2019年2月13日、YouTube）
• Re:ArizM^[47][48]（2019年3月2日・4月13日、Colon:）

イベント

2019年

• Re:A talK 〜はじめましてのお話し会〜^[49]（3月31日、fanispace） - 射貫まとい、綺羅星ウタ、天秤はかりが出演
• Re:A talK Vol.2^[50]（6月30日、新宿ヘッドパワー） - 宇佐美ユノ、琴みゆり、丑牡てぃあが出演
• ナゴヤVTuberまつり^[51]（6月2日、中京テレビ放送） - 花鋏キョウ、獅子神レオナが出演
• Re:A talK Vol.3^[52]（11月13日、秋葉原エンタス） - 花鋏キョウ、水瓶ミアが出演
• 「ちーむきゅーてぃくる、ついにイベントやります。」〜ちむきゅ大忘年会2019 in エンタス 〜^[53]（12月14日、秋葉原エンタス） - 湊音みなみ、水瓶ミア、獅子神レオナが出演
• Re:AcT クリスマスParty2019^[54]（12月21日、秋葉原エンタス） - 花鋏キョウ、射貫まとい、宇佐美ユノ、琴みゆり、唯牙コハク、夢川かなう、天川はの、姫熊りぼんが出演（宇佐美ユノは体調不良により当日欠席）
• バーチャル忘年会2019 in エンタス^[55]（12月28日、秋葉原エンタス） - 天川はの、姫熊りぼんが出演

2020年

• 感謝!感激!大宇宙! 〜祝!すたーべあ!初単独イベント〜^[56]（1月26日、ふぁにすぺーす原宿） - 天川はの、姫熊りぼんが出演
• ことまと弐零弐零^[57]（2月9日、秋葉原エンタス） - 射貫まとい、琴みゆりが出演
• まりなす（仮）vs Re:AcT〜2日遅れのバレンタインパーティ〜^[58]（2月16日、秋葉原エンタス）
• ユイしあ×すたーべあ!対バン^[59]（3月7日、秋葉原エンタス） - 天川はの、姫熊りぼんが出演
• ネットおしゃべりフェス Re:AcT summer fes編^[60]（8月30日、Zoom） - 花鋏キョウ、獅子神レオナ、水瓶ミア、夢川かなう、姫熊りぼん、天川はの、白音ゆき、黒音よみ、丸餅つきみ、犬望チロル、出雲めぐるが出演
• 東京タワー花火大会XR〜COSMIC FLOWER〜^[61]（9月6日、文化放送メディアプラスホール・ザ・プリンス パークタワー東京・東京タワー） - 花鋏キョウが出演
• TOKYO IDOL FESTIVAL オンライン 2020^[62]（10⽉3・4⽇ SPWNでのバーチャルライブ） - 花鋏キョウが出演
• Virtual Music Award 2020^[63]（12月28日 立川ステージガーデン） - 花鋏キョウ、獅子神レオナが出演

ライブ

2019年

• Re:A projecT -THE LIVE-^[64]（5月27日、恵比寿CreArt） - 獅子神レオナ、多々星シエル、夜霧メイが出演
• 花鋏キョウ VR LIVE -Sprot-^[65]（6月1日）
• 花鋏キョウ 1st LIVE -Blooming-^[66]（7月19日、白金高輪SELENE STUDIO）
• 獅子神レオナ 1st VR LIVE 〜Trick or Leona?〜^[67]（10月19日）
• 獅子神レオナ 1stワンマンライブ^[68]（12月7日、SPWN@池袋HUMAXシネマズ）

2020年

• 花鋏キョウ 2ndワンマンライブ^[69]（3月28日予定 公演延期、秋葉原エンタス）
  • 花鋏キョウ 1st Online Oneman Live^[70]（7月25日、ニコニコ動画・bilibili） - 上記ライブ代替、第2部のみ一般公開
• えいっえいおー !! 〜すたーべあ! 1st ONE-MAN LIVE〜^[71]（4月12日予定 公演延期、秋葉原エンタス）
• 獅子神レオナ 2nd ワンマンライブ Hallo World、本日は晴天なり!^[72]（6月20日予定 公演延期、harevutai）
• Sugar Stella 1st online live「Flag of Stella Chapter.0」^[73]（12月13日、ニコニコ生放送） - 湊音みなみ、皇噛ユカリ、唯牙コハク、黄葉いおり、猫海せな、輝澄カレン ライブ
• SHINKAI FES^[74]（12月19日 エルセとさめのぽきオンライン無料ライブ） - 花鋏キョウが出演
• 花鋏キョウ Special NIGHT^[75]（12月20日 日清食品 POWER STATION [REBOOT]） - 花鋏キョウ ライブ
• Re:AcT年末オンラインイベント『-Start:Up-』（12月27日）
• 花鋏キョウ×獅子神レオナ Online Duet LIVE 「Dent de lion」（12月27日 ニコニコ生放送・bilibili）

2021年

• LEONA presents Special LIVE^[75]（1月30日 日清食品 POWER STATION [REBOOT]） - 獅子神レオナ
• Dimension Labels Virtual Music Festival^[76]（3月27・28日 オンライン） - 花鋏キョウ、獅子神レオナが出演
• V-Carnival^[77]（4月3・4日 オンライン） - 花鋏キョウ、獅子神レオナが出演

ディスコグラフィ

2018年8月27日、TOKOTOKO（西沢さんP）のプロデュースにより綺羅星ウタと星屑れんの楽曲「本日は星天なり」が制作された。同日にオリジナルビデオミュージックコンテストの開催が発表された^[78]。同年10月9日に結果発表が行われ^[79]、綺羅星ウタ賞を受賞したりんごちゃん^[80]とTOKOTOKO賞を受賞した星街すいせいが綺羅星ウタVer.^[81][82]、星屑れん賞を受賞したすやむにゃが星屑れんVer.^[83]のオリジナルPVを手掛けた。

2019年4月3日には、花鋏キョウのオリジナル楽曲^[84]、同年5月20日には『Re:A ProjecT』のオリジナル楽曲の製作が発表された^[85]。

デジタル配信

2018年9月3日に「本日は星天なり」の綺羅星ウタVer.と星屑れんVer.^[86]、2019年4月3日に花鋏キョウの「蒼に躊躇う」、同年5月20日にRe:A ProjecTの楽曲が各配信サイトで配信開始。

アーティスト	配信日	配信曲	備考
綺羅星ウタ	2018年9月3日[86]	本日は星天なり（作詞・作曲 - TOKOTOKO）
星屑れん
花鋏キョウ	2019年4月3日[84]	蒼に躊躇う（作詞・作曲 - ポリスピカデリー）
Re:A ProjecT Season 1	2019年5月20日[85]	全6曲 Since-Re:ly 〜シンシアリー〜 （作詞 - 開道結子 / 作曲 - 難波研） 徒然Pieces（作詞・作曲 - Lemm） 急上昇ガールズ（作詞・作曲 - 烏屋茶房） 夢見ルピナス（作詞・作曲 - 山本真央樹） ケセラセラ（作詞・作曲 - Neko Hacker） 風になれ恋心（作詞・作曲 - 北川翔也）

音楽レーベル

2020年12月1日に音楽レーベル『ReAliz（リアライズ）』『kaleidscope（カレイドスコープ）』『sinkirow（シンキロウ）』を設立。

ReAliz

発売日	タイトル	アーティスト
2020年12月2日	ナンセンス・ワード	獅子神レオナ
2021年1月29日	Dice of Fate	宇佐美ユノ

kaleidscope

発売日	タイトル	アーティスト
2020年12月2日	Starry	花鋏キョウ
2020年12月25日	Dent de lion	花鋏キョウ × 獅子神レオナ
2020年12月25日	Honeycomb	天川はの
2021年1月29日	Egoistic Love	黒音よみ

sinkirow

発売日	タイトル	アーティスト
2020年12月2日	フェーデ	白音ゆき
2021年1月29日	リトラタンの森	姫熊りぼん

その他

レーベル発足以前に発表。

シングル

花鋏キョウ

発売日	タイトル
2019年4月3日	蒼に躊躇う
2020年5月2日	Daisy
2020年6月30日	Moment
2020年7月25日	約束の花

獅子神レオナ

発売日	タイトル
2019年9月25日	Brightenin’ Hope
2020年5月2日	5月のせいにして。
2020年11月7日	レイニーデイリーファンキー

すたーべあ

発売日	タイトル
2020年7月29日	フルスロットル☆すーぱーのゔぁ/スタ→ト! フルスロットル☆すーぱーのゔぁ/スタ→ト! 【りぼん盤】 フルスロットル☆すーぱーのゔぁ/スタ→ト! 【はの盤】

Re:AcT^{[注釈 5]}

発売日	タイトル
2020年10月16日	Re:StarT

アルバム

花鋏キョウ

発売日	タイトル	収録曲
2019年4月3日	ハサミウタ	全10曲 シャルル（Arrange ver.） DAYBREAK FRONTLINE ロキ（with 獅子神レオナ） ヒューマノイド 君に届け ピースサイン 君の知らない物語 藍二乗 orion カタオモイ
2019年5月2日	Myosøtis/hasamiUta**	全10曲 disc1:original tracks「Myosøtis」 paradøx Behavior vivid 蒼に躊躇う-Yunosuke Mix- disc2:cover tracks 「hasamiUta**」 名前のない怪物 Rumor flos 春雷 Ghost of a smile コイワズライ

獅子神レオナ

発売日	タイトル	収録曲
2019年9月25日	LEONA’s YELL	全6曲 シュガーソングとビターステップ 今夜このまま 内秘心書 ともに ユニバース Rising Hope
2019年4月1日	Leona’s YELL 2	全6曲 らふぃおら（Life is all right!） mix juiceのいうとおり ぼくも傘がない 僕のこと Only Human みんな空の下
2019年4月1日	頑張れ頑張れ超頑張れ	全5曲 頑張れ頑張れ超頑張れ キズナイズム ソラノハナ Sing A Ring はっぴーでいず! -Ballade Arrange-

参加作品

発売日	商品名	曲	楽曲	備考
2021年12月8日	e-ma e-maプロジェクト『e-ma e-ma』+ 花鋏キョウ Ver.[87]	月ノ美兎、ミライアカリ、電脳少女シロ、ときのそら、もこ田めめめ、星街すいせい、湊あくあ、花鋏キョウ、音霊魂子	「e-ma e-ma（全員合唱ver）」	UHA味覚糖「e-maのど飴」CMソング
		花鋏キョウ	「花鋏キョウ ソロVer.」
2022年6月29日	last cross - from CrosSing	獅子神レオナ	「last cross」	カバーソングプロジェクト『CrosSing - Music&Voice-』配信楽曲[88]

脚注

注釈

1. ^ 2023年9月末で一緒にユニットを組んでいた姫熊りぼんが卒業したため、実質的に解散状態。
2. ^ 個人勢からの編入。猫乃ユキノは白石ユキノ（しらいし ユキノ）名義で活動していた。2022年2月現在該当配信アーカイブ並びにツイートは削除されているため、便宜上Re:AcTへの編入日を活動開始日として扱う。
3. ^ ^{a b} フリーランスからの編入。猫乃ユキノは白石ユキノ（しらいし ユキノ）名義で活動していた。2022年2月現在該当配信アーカイブ並びにツイートは削除されているため、便宜上Re:AcTへの編入日を活動開始日として扱う。
4. ^ 黒音自身のTwitterによると、活動終了日は2021年2月17日。
5. ^ 花鋏キョウ、獅子神レオナ、琴みゆり、射貫まとい、綺羅星ウタ、宇佐美ユノ、水瓶ミア、夢川かなう

出典

1. ^ “株式会社mikai｜ バーチャルタレント事務所「Re:AcT」運営”. 2020年8月8日閲覧。
2. ^ “世界初、アイドルに特化したバーチャルYouTuberオーディションを5月2日より男女同時開催!”. プレスリリース・ニュースリリース配信シェアNo.1｜PR TIMES. 2020年8月8日閲覧。
3. ^ “『KAGAYAKI STARS』が事務所名を変更し、総合バーチャルタレント事務所『Re:AcT』を設立。5日より既存バーチャルタレントのグッズも販売予定。”. プレスリリース・ニュースリリース配信シェアNo.1｜PR TIMES. 2020年8月8日閲覧。
4. ^ ^{a b c} Re:AcTから「黒音よみ」「白音ゆき」の2人がデビュー! 公式サイト 2020年3月4日
5. ^ “Re:AcT - バーチャルタレント（Vtuber）事務所”. 2020年8月8日閲覧。
6. ^ “Re:AcT Gaming”. 2023年8月22日閲覧。
7. ^ sososo291 (2018年7月13日). “VTuberプロジェクト「KAGAYAKI STARS」、7人の女性VTuberが活動開始”. PANORA VR. 2019年5月29日閲覧。
8. ^ 男子部門【公式】, Re:AcT [@Re_AcT_Men] (2018年7月11日). "本日@lux_mikage @len_hoshikuzu @koya_orio の3名がデビューしました。皆様応援の程よろしくお願い致します。 #Vtuberはじめました #SuiSay #KAGASTApic.twitter.com/RA2QFJeRhu". X（旧Twitter）より2019年5月29日閲覧。
9. ^ takahashiyuji (2018年7月23日). “「KAGAYAKI STARS」、新たに2人がYouTubeデビュー! 女性メンバー勢ぞろい”. PANORA VR. 2019年5月29日閲覧。
10. ^ “【アイドルVtuberデビュー】KAGAYAKI STARSから第2弾Vtuber10名が本日より活動開始!!”. プレスリリース・ニュースリリース配信シェアNo.1｜PR TIMES. 2019年5月29日閲覧。
11. ^ “KAGAYAKI STARSの男性アイドルVTuberユニット『METEO』が本日10月19日（金）18時にデビュー! | V-Tuber ZERO”. vtub0.com. 2019年5月29日閲覧。
12. ^ takahashiyuji (2018年12月4日). “「KAGAYAKI STARS」が名称を変更し新事務所「Re:AcT」設立 一部メンバーは12月で卒業”. PANORA VR. 2019年5月29日閲覧。
13. ^ “＠sugaste_info のツイート”. Twitter. 2021年7月5日閲覧。
14. ^ “女性VTuber事務所「Re:AcT」から新プロジェクト「Re:AcT Gaming」が本日より始動!同時に新規メンバーオーディションも開始!”. PR TIMES (2023年3月10日). 2023年8月22日閲覧。
15. ^ @Re_AcT_ (2023年8月29日). "「姫熊りぼん」「かしこまり」についてのお知らせ". X（旧Twitter）より2023年8月29日閲覧。
16. ^ “「美睡シュカ」についてのお知らせ” (2023年10月6日). 2023年10月6日閲覧。
17. ^ @Re_AcT_ (2023年12月13日). "レーベル及びRe:Mixxについて". X（旧Twitter）より2024年2月1日閲覧。
18. ^ “「宇佐美ユノ」についてのお知らせ” (2024年1月4日). 2024年1月4日閲覧。
19. ^ @Re_AcT_ (2024年2月1日). "「神輿たらん」についてのお知らせ". X（旧Twitter）より2024年2月1日閲覧。
20. ^ @Re_AcT_Gaming (2024年3月10日). "📢RAG新メンバー情報🙋‍♀️". X（旧Twitter）より2024年3月10日閲覧。
21. ^ “「水瓶ミア」について重要なお知らせ” (2024年5月6日). 2024年5月6日閲覧。
22. ^ @Re_AcT_ (2025年3月1日). "【🎊新人デビュー決定🎊】". X（旧Twitter）より2025年3月1日閲覧。
23. ^ @Re_AcT_ (2025年3月3日). "【【【 白音ゆき復活！ 】】】". X（旧Twitter）より2025年3月3日閲覧。
24. ^ @Kanau_Yumekawa (2024年4月14日). "𓊆 重大発表❕📢🐟 𓊇". X（旧Twitter）より2024年4月15日閲覧。
25. ^ Re:AcTから「犬望チロル」「丸餅つきみ」デビュー! 公式サイト 2020年4月30日
26. ^ Re:AcTから「月紫アリア」デビュー!初配信は4/24（土）20:00より。 公式サイト 2021年4月23日
27. ^ Re:AcTから「猫乃ユキノ」デビュー!初配信は5/28（金）20:00より。 公式サイト 2021年5月27日
28. ^ 新プロジェクト「Re:AcT Gaming」が本日より始動!同時に新規メンバーオーディションも開始! 公式サイト 2021年3月10日
29. ^ ^{a b c} “アイドルVTuber事務所「KAGAYAKI STARS」が事務所名と方針を変更 所属タレント数名の卒業も発表 | Mogura VR”. MoguraVR (2018年12月3日). 2020年8月8日閲覧。
30. ^ “@Re_AcT_のツイート”. Twitter. 2021年2月19日閲覧。
31. ^ “@Re_AcT_のツイート”. Twitter. 2021年7月6日閲覧。
32. ^ “Re:AcTから「出雲めぐる」「久檻夜くぅ」デビュー! | Re:AcT - バーチャルタレント（Vtuber）事務所” (2020年6月29日). 2020年8月8日閲覧。
33. ^ “@meguru_izumoのツイート”. Twitter. 2021年7月6日閲覧。
34. ^ ^{a b} “@Re_AcT_のツイート”. Twitter. 2021年11月6日閲覧。
35. ^ “Re:AcTから「風海みかん」「碧那アイル」デビュー! | Re:AcT - バーチャルタレント（Vtuber）事務所” (2020年8月17日). 2020年8月18日閲覧。
36. ^ “@antares_eleki のツイート”. Twitter. 2020年8月8日閲覧。
37. ^ “弊社所属、丑牡てぃあに関するお知らせ | Re:AcT - バーチャルタレント（Vtuber）事務所” (2019年9月1日). 2020年8月10日閲覧。
38. ^ 株式会社mikaiが運営するバーチャルタレント事務所「Re:AcT」より、「瀧上りと」が、本日2020年1月22日（水）より活動を開始しました。合わせて、同日より同事務所にて、新規Vtuberオーディションが開催決定。 公式サイト 2020年1月22日
39. ^ 弊社所属、瀧上りとに関するお知らせ 公式サイト 2020年4月10日
40. ^ “@Re_AcT_ のツイート”. Twitter. 2020年12月11日閲覧。
41. ^ “@Re_AcT_ のツイート”. Twitter. 2020年12月11日閲覧。
42. ^ “@Re_AcT_ のツイート”. Twitter. 2020年12月11日閲覧。
43. ^ “エルタマで差し入れを贈ろう!”. エルタマ 芸能人本人が喜ぶプレゼントを贈ることができるサービス. 2020年12月11日閲覧。
44. ^ Re:AcT / リアクト (2018-12-18), スマブラSP Re:Act杯, https://www.youtube.com/watch?v=U0lon-Is1NQ 2019年5月29日閲覧。 
45. ^ “Re:AcT presents VTuber歌謡祭”. colon-live.com. 2019年5月29日閲覧。
46. ^ Re:AcT / リアクト (2019-02-13), 【特別番組】チョコを受け取る準備はいい? Re:AcT presents バレンタイン・イヴ SP【Vtuber】, https://www.youtube.com/watch?v=YwWHkvaMmfc 2019年5月29日閲覧。 
47. ^ “Re:ArizM（リアリズム）”. colon-live.com. 2019年5月29日閲覧。
48. ^ “4/13（土）配信!Re:ArizM（リアリズム）”. colon-live.com. 2019年5月29日閲覧。
49. ^ “「Re:AcT」初のリアルイベント『Re:A talK 〜はじめましてのお話し会〜』が3月31日（日）に開催決定! | Re:AcT - バーチャルタレント（Vtuber）事務所” (2019年3月8日). 2020年9月8日閲覧。
50. ^ “Re:A talK vol.2 イベント詳細のお知らせ | Re:AcT - バーチャルタレント（Vtuber）事務所” (2019年6月26日). 2020年9月8日閲覧。
51. ^ takahashiyuji (2019年5月10日). “6月に中京テレビ本社でVTuberイベント「ナゴヤVTuberまつり」が開催 新たに「花鋏キョウ」「獅子神レオナ」の出演が発表”. PANORA VR. 2020年9月8日閲覧。
52. ^ “Re:A talK vol.3 イベント詳細のお知らせ | Re:AcT - バーチャルタレント（Vtuber）事務所” (2019年10月23日). 2020年9月8日閲覧。
53. ^ “「ちーむきゅーてぃくる、ついにイベントやります。」〜ちむきゅ大忘年会2019 in エンタス 〜”. LivePocket-Ticket-. 2020年9月8日閲覧。
54. ^ “Re:AcT クリスマスParty2019”. LivePocket-Ticket-. 2020年9月8日閲覧。
55. ^ “バーチャル忘年会2019 in エンタス 開催のお知らせ | Re:AcT - バーチャルタレント（Vtuber）事務所” (2019年11月25日). 2020年9月8日閲覧。
56. ^ “感謝!感激!大宇宙! 〜祝!すたーべあ!初単独イベント〜”. LivePocket-Ticket-. 2020年9月8日閲覧。
57. ^ “ことまと弐零弐零”. LivePocket-Ticket-. 2020年9月8日閲覧。
58. ^ “まりなす（仮）vs Re:AcT〜2日遅れのバレンタインパーティ〜”. LivePocket-Ticket-. 2020年9月8日閲覧。
59. ^ “ユイしあ×すたーべあ!対バン”. LivePocket-Ticket-. 2020年9月8日閲覧。
60. ^ “ネットおしゃべりフェス Re:AcT summer fes編”. LivePocket-Ticket-. 2020年9月8日閲覧。
61. ^ “コロナ終息の願いを込め『東京タワー花火大会XR〜COSMIC FLOWER〜』を開催 ｜ ガジェット通信 GetNews”. ガジェット通信 GetNews (2020年9月1日). 2020年9月8日閲覧。
62. ^ “XR Techスタートアップのバルスが10月2日〜4日開催の「TOKYO IDOL FESTIVAL オンライン 2020」の6ステージをVR配信へ”. TechCrunch Japan (2020年10月2日). 2020年10月2日閲覧。
63. ^ “人気VTuberが集結する音楽イベント「Virtual Music Award 2020」開催決定”. Mogulive (2020年11月30日). 2020年11月30日閲覧。
64. ^ “Re:A projecT -THE LIVE-”. LivePocket-Ticket-. 2020年9月8日閲覧。
65. ^ “花鋏キョウ、初の単独VR音楽ライブ「花鋏キョウ VR LIVE – Sprout -」開催決定! | Re:AcT - バーチャルタレント（Vtuber）事務所” (2019年4月13日). 2020年9月8日閲覧。
66. ^ “花鋏キョウ、初の単独リアルライブ『花鋏キョウ 1st LIVE – Blooming -』開催!1stシングル、1stカバーアルバムの発売決定! | Re:AcT - バーチャルタレント（Vtuber）事務所” (2019年4月27日). 2020年9月8日閲覧。
67. ^ “獅子神レオナ 1st VR LIVE 〜Trick or Leona?〜｜バーチャルSNS cluster（クラスター）”. バーチャルSNS cluster（クラスター）. 2020年9月8日閲覧。
68. ^ “Re:Act『獅子神レオナ』初の単独ライブが池袋HUMAXシネマズにて12月7日に開催決定! | V-Tuber ZERO”. vtub0.com. 2020年9月8日閲覧。
69. ^ “3月28日（土）花鋏キョウ2ndワンマンライブ公演延期のお知らせ | Re:AcT - バーチャルタレント（Vtuber）事務所” (2020年3月26日). 2020年9月8日閲覧。
70. ^ “花鋏キョウ2ndワンマンライブに関してのご連絡 | Re:AcT - バーチャルタレント（Vtuber）事務所” (2020年7月1日). 2020年9月8日閲覧。
71. ^ “4月12日（日）すたーべあ!1st ワンマンライブ公演延期のお知らせ | Re:AcT - バーチャルタレント（Vtuber）事務所” (2020年3月31日). 2020年9月8日閲覧。
72. ^ “6月20日（土）獅子神レオナ2ndワンマンライブ公演延期のお知らせ | Re:AcT - バーチャルタレント（Vtuber）事務所” (2020年5月11日). 2020年9月8日閲覧。
73. ^ “Sugar Stella 1st online live”. ニコニコ生放送. 2020年12月11日閲覧。
74. ^ “エルセとさめのぽき「深海フェス」開催、クレア先生のバースデイライブ決定【VTuberデイリーニュース 12/2号】”. MoguLive (2020年12月3日). 2020年12月5日閲覧。
75. ^ ^{a b} “配信専門のライブハウス「日清食品 POWER STATION [REBOOT」11/21オープン Kizuna AIや星街すいせいらも出演]”. PANORA (2020年11月3日). 2020年11月3日閲覧。
76. ^ Dimension Labels Virtual Music Festival 公式サイト 2021年2月26日
77. ^ 新時代のVTuberライブ『V-Carnival』を見逃すな!! VTuberライブ『V-Carnival』 今、注目のVTuber21名が集結! YouTube総チャンネル登録者数1000万人超!! VTuberライブは、次なるステージへー 2021年4月3日（土）、4日（日）19:00〜21:30 オンライン開催 Press 2021年3月1日
78. ^ “@re_act_ のツイート”. Twitter. 2020年8月10日閲覧。
79. ^ “@re_act_ のツイート”. Twitter. 2020年8月10日閲覧。
80. ^ “@apple_chan17 のツイート”. Twitter. 2020年8月10日閲覧。
81. ^ “@uta_kirahoshi のツイート”. Twitter. 2020年8月10日閲覧。
82. ^ “@suisei_hosimati のツイート”. Twitter. 2020年8月10日閲覧。
83. ^ “@suyamunya のツイート”. Twitter. 2020年8月10日閲覧。
84. ^ ^{a b} “「花鋏キョウ」3D化&初のオリジナル楽曲「蒼に躊躇う」リリース決定! | Re:AcT - バーチャルタレント（Vtuber）事務所” (2019年4月3日). 2020年8月10日閲覧。
85. ^ ^{a b} “Re:A projecT 1st Season オリジナル楽曲 配信及び販売開始のお知らせ | Re:AcT - バーチャルタレント（Vtuber）事務所” (2019年5月20日). 2020年8月10日閲覧。
86. ^ ^{a b} “@re_act_ のツイート”. Twitter. 2020年8月10日閲覧。
87. ^ “e-ma e-maキャンペーン CD発売決定”. e-ma e-ma. 2021年11月5日閲覧。
88. ^ “カバーソングプロジェクト「CrosSing」、獅子神レオナが歌う「last cross」公開”. BARKS. 2022年6月29日閲覧。

外部リンク

• Re_AcT
• Sugar Stella
• Re:AcT / リアクト - YouTubeチャンネル
• Re:A projecT - YouTubeチャンネル
• Sugar Stella［#しゅがすて］ - YouTubeチャンネル
• Re:AcT / リアクト【公式】 (@Re_AcT_) - X（旧Twitter）
• Re:AcT 男子部門【公式】 (@Re_AcT_Men) - X（旧Twitter）
• Re:A projecT (@Re_AprojecT) - X（旧Twitter）
• しゅがすて公式 (@SugaSte_info) - X（旧Twitter）
• しゅがすて公式 (@c:sugarstella) - ツイキャス
• Re:AcT公式 - BOOTH
• Sugar Stella公式ショップ - BOOTH

典拠管理データベース	MusicBrainzレーベル

React

出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2025/01/09 15:30 UTC 版)

Windowsとの互換性を持つ自由なOSを開発するプロジェクトの「ReactOS」とは異なります。

この記事は更新が必要とされています。 この記事には古い情報が掲載されています。編集の際に新しい情報を記事に反映させてください。反映後、このタグは除去してください。（2022年12月）

React

作者	Jordan Walke
開発元	Metaとコミュニティ
初版	2013年3月29日 (11年前) (2013-03-29)[1]
最新版	19.0.0[2]  - 2024年12月5日 (35日前)
リポジトリ	github.com/facebook/react
プログラミング 言語	JavaScript
対応OS	クロスプラットフォーム
種別	JavaScriptライブラリ
ライセンス	MITライセンス
公式サイト	react.dev
テンプレートを表示

React (リアクト)またはReact.js、ReactJS とは、ウェブブラウザで複雑なUIを容易に生成するためのフリーかつオープンソースなフロントエンドJavaScriptライブラリである^[3]。Meta（旧Facebook）が2011年から社内用に開発していたライブラリを2013年に一般に公開したもので、Meta社と個人や企業からなるコミュニティによって開発されている。

概要

Reactの主な特徴は、クライアントサイドであること、コンポーネントベースであること、仮想DOMを扱うことである。

Reactはクライアントサイドである。従来、データファイルや通信内容をもとに複雑なUIをもったWebページ用HTMLを生成するためには、PHPやJava、RubyなどWEBサーバー上で動くサーバーサイド言語が用いられていた。それに対して、Reactはブラウザ上で動くJavaScriptを使い、ページ表示後にHTMLタグ要素を既存のHTMLに挿入するJSXとよばれる手法によりクライアントサイドで動作するという特徴がある（ただし後に登場したRSC(React Server Components)機能でサーバーサイドレンダリングも可能）。

Reactはコンポーネントベースである。先行するクライアントサイドのUI開発に使われていたjQuery等と比べ、コンポーネントを単位にした要素ごとの開発が可能であり、大規模な開発に適している。

Reactは仮想DOMを採用し、軽量に更新可能である。仮想DOMとは、HTML言語の階層木構造(DOM)を直接操作するのではなく、仮想的なDOMを操作し最小限の変更点のみ実際のDOMに反映する機能で、Vue.jsなども採用している。

Reactは単独でも動作するが、予約サイトなど双方向の通信機能によって表示を変える動的ページの構築では、サーバーサイドの処理をNode.js(JavaScriptのサーバーサイド向け拡張)と組み合わせたりNext.js(Node.jsのライブラリ)と組み合わせて使われることが一般的である。また、Reactの実際の開発では、直接JavaScriptを書くのではなく、TypeScript(JavaScriptを型付きにした拡張言語)でReactを書きJavaScriptにトランスパイルすることがある。

ReactはシングルページアプリケーションのWebアプリを開発したり、React Nativeを用いてモバイルアプリを開発するための雛形として使用することができる。複雑なReactアプリケーションでは通常、状態管理・ルーティング・APIとの対話のための追加のライブラリが必要となる^[4]。

特徴

主な特徴

Reactが提供する代表的な機能を以下に挙げる。

• 宣言的UI（テンプレーティング）: JSX
• データバインディング
• コンポーネント化: 関数コンポーネント
• 高効率レンダリング: 仮想DOM

他フレームワークとの比較

Reactと立ち位置が近く、競合するフレームワークとして、Vue.js、jQuery、AngularJSなどがある。 Vue.jsはクライアントサイドのJavaScriptによるUI向けライブラリという点では共通しているが、JSXではなくPHP風の置換記法によってHTMLを書き換えたり、双方向バインディングに対応している点が異なり、中小規模のプロジェクトで使われやすい^[5]。 jQueryはReactより古く2006年に誕生したライブラリであり、DOM操作によってHTMLを動的に生成するクライアントサイドのJavaScriptライブラリである点はReactと共通しているが、UIの操作について、モデル・ビュー・コントロールを分離するMVCアーキテクチャの設計思想以前に作られ、データの一貫した管理が難しい^[6]。2000年代後半から2010年代前半にかけて広く用いられた。 AngularJSは2009年に誕生し、MVCアーキテクチャを採用したクライアントサイドJavaScriptライブラリであり、Googleとコミュニティーが開発していたが、2022年にサポートを終了した。

プロパティの一方向データバインディング

プロパティ (通常はprops) は親コンポーネントからコンポーネントに渡される。コンポーネントは1組のイミュータブルなJavaScriptオブジェクトとしてプロパティを受け取る^[7]。

ステートフルコンポーネント

stateはコンポーネントの全体に渡って値を保持し、プロパティを通じて子コンポーネントに渡すことができる。

class ParentComponent extends React.Component {
  state = { color: "green" };
  render() {
    return <ChildComponent color={this.state.color} />;
  }
}

仮想DOM

もう1つの注目すべき機能は、仮想DOMの使用である。Reactでは仮想DOMとしてメモリ上にDOMの状態をキャッシュしておき、仮想DOMに差分が発生した場合にのみ差分を計算し、実際のDOMに差分のみを反映させることにより効率的な描画を実現している^[8]。これにより、プログラマは変更があるたびにページ全体を描画するコードを記述しながら、Reactライブラリによって実際に変更されたサブコンポーネントのみを描画することができる。

ライフサイクルメソッド

ライフサイクルメソッドはコンポーネントの生存期間中に設定した地点で、コードを実行できるようにするためのフックである。

• shouldComponentUpdate - 描画が不要な場合にfalseを返すことによって、コンポーネントの不要な再描画を防ぐことができる。
• componentDidMount - コンポーネントがマウントされるときに1回だけ呼び出される^{[注釈 1]}。これは一般に、APIを介してリモートソースからデータを読み込む際のトリガとして使用されている。
• render - 最も重要なライフサイクルメソッドであり、どのコンポーネントでも必要な唯一のものである。このメソッドは、通常はユーザインタフェースの変更を反映して、コンポーネントの状態が更新されるたびに呼び出される。

JSX

JSXは、JavaScriptの構文に対する拡張である^[9]。HTMLと外観が似ているが、JSXは多くの開発者がよく知っている構文を使用して、構造化されたコンポーネントを描画する方法を提供する。Reactコンポーネントは、必須ではないが、通常はJSXを使用して書かれている^{[注釈 2]}。JSXはFacebookがPHP向けに作成した拡張構文であるXHP（英語版）に似ている。

JSXのコードの例:

const App = () => {
  return (
    <div>
      <p>Header</p>
      <p>Content</p>
      <p>Footer</p>
    </div>
  );
};

入れ子の要素

同じレベルの複数の要素は、上記の<div>のように単一のコンテナ要素にラップするか、配列として返す必要がある^[10]。

属性

JSXはHTMLによって提供されるものを反映するように設計された要素属性の範囲を提供する。カスタム属性もコンポーネントに渡すことができる^[11]。全ての属性はコンポーネントによってpropsとして受け取られる。

JavaScriptの式

JavaScriptの式 (文ではない) は、{}を使うことによってJSXのコード内に記述することができる。

<h1>{10 + 1}</h1>;

上記のコードは下記のように描画される。

<h1>11</h1>

条件文

if文はJSX内で使用することはできないが、条件式は使用することができる。以下の例では、i === 1が評価され、「true」または「false」の文字列が描画される。

const App = ({ i }) => {
  return <div>{String(i === 1)}</div>;
};

関数とJSXは条件式内で使用することができる。

const App = () => {
  const sections = [1, 2, 3];
  return (
    <div>
      {sections.map((n) => (
        <div>Section {n}</div>
      ))}
    </div>
  );
};

上記は下記のように描画される。

<div>
  <div>Section 1</div>
  <div>Section 2</div>
  <div>Section 3</div>
</div>

JSXで書かれたコードはウェブブラウザで実行可能にするために、Babelなどのツールを利用して事前に変換する必要がある^[12]。この処理は通常はアプリケーションが配置されるよりも前の、ソフトウェアを構築している段階で実行される。

HTML外のアーキテクチャ

Reactは「レンダラーに依存しないこと」を設計原則としている^[13]。ゆえにReactはウェブブラウザでHTMLを描画すること（DOMによるレンダリング）以外にも適用される。例えば、Facebookはcanvasタグに描画する動的チャートを持ち^[14]、NetflixとPayPalではサーバとクライアントの両方で読み込むことができる同一のHTMLを描画するために利用されている^[15][16]。またReact NativeによりネイティブアプリのUIレイヤーとしても機能する。

歴史

誕生

ReactはFacebookのソフトウェアエンジニアであるJordan Walkeによって開発された。PHP向けのHTMLコンポーネントフレームワークであるXHP（英語版）の影響を受けている^[17]。2011年にFacebookのニュースフィード上で最初に使用され、2012年にはInstagramでも使用されるようになった^[18]。2013年5月のJSConf USでオープンソース化された。

React Native

React NativeはAndroid・iOS・UWPでのReactを利用したネイティブ開発を可能にするもので、2015年2月のReact.js Confで発表され、3月にオープンソース化された。

React Fiber

2017年4月17日、Facebookはユーザインタフェースを構築するためのReactフレームワークライブラリの新しいコアアルゴリズムであるReact Fiber（英語版）を発表した^[19]。React FiberはReactフレームワークの将来の改良と機能開発の基盤となるものである^[20]。

ライセンス論争

2013年5月に最初に一般公開されたときには標準のApache 2.0を使用していた。2014年10月に公開されたReact バージョン0.12.0からは、Facebookの関連する特許の使用を認めるPATENTSテキストファイルが追加された、特許条項付きの修正BSDライセンスにライセンスを変更した^[21]。

この特許条項はFacebookとその関連企業に対して特許権侵害訴訟した場合に、利用する権利が取り消されるというもので、Reactユーザーコミュニティ内で幾つかの論争と議論を引き起こした^[22][23]。

コミュニティからのフィードバックに基づき、2015年4月にFacebookは特許許諾を曖昧な部分を減らし、より寛容なものになるように変更した^[24]。 2017年8月、Apacheソフトウェア財団はこの特許条項がApacheの製品と相容れないものであったことからライセンスの変更を求めたが、Facebookはこれを却下した^[22]。翌月、WordPressはGutenbergとCalypsoでReactの利用を中止することを決定した^[25]。

2017年9月23日、Facebookは翌週に、Flow・Jest・React・Immutable.jsの4つを標準のMITライセンスで再ライセンスすることを発表した^[26]。同社は、Reactが「ウェブ用のオープンソースソフトウェアにおける様々なエコシステムの基盤」であり、「技術的なもの以外の問題によって発展を遅らせることは望まない」と述べている^[27]。

同月26日に、React バージョン16.0.0が標準のMITライセンスでリリースされた^[28]。この変更はReact バージョン15.6.2でバージョン15.x系にもバックポートされた^[29]。

将来の開発

プロジェクトの進捗状況は、コア開発チームのディスカッションフォーラムで見ることができる^[30]。しかし、Reactに対する大きな変更についてはreact-futureリポジトリのIssueとプルリクエストを通すことになっている。これによって、Reactコミュニティは将来性のある新しい機能・実験的なAPI・JavaScriptの構文の改善についてのフィードバックを提供することができる。

サブプロジェクト

サブプロジェクトの状態についてはプロジェクトのWikiで利用可能だった^[31]。

Facebook CLA

FacebookはReactの貢献者に対して、Facebookの貢献者ライセンス同意書（英語版） (CLA) に署名することを要求している^[32]。

基本的な使い方

以下はJSXとJavaScriptを利用したReactの基本的な使い方である。

<!DOCTYPE html>
<html>
  <head>
    <title>Example</title>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

import React from "react";
import ReactDOM from "react-dom/client";

const Greeter = (props) => {
  return (
    <h1>{props.greeting}</h1>
  );
};

const App = () => {
  return <Greeter greeting="Hello, world!" />;
};

const root = ReactDOM.createRoot(document.getElementById("root"));

root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

一般的なイディオム

Reactは完全なアプリケーションフレームワークを提供しようとはしていない。Reactはユーザインタフェースを構築するために設計されており、故に、開発者がアプリケーションを構築する際に必要であると考えるかもしれない多くのツールは含まれていない。このことにより、開発者はネットワークアクセスやローカルデータストレージなどで好みのライブラリを選択することができる。ライブラリが成熟するにつれて、一般的なパターンが明らかになってきた。

Fluxアーキテクチャの使用

Fluxアーキテクチャは、AngularJSの双方向データフローとは対照的なReactの単方向データフローの概念をサポートするために、一般的なMVCアーキテクチャの代替となるものである。FluxはActionが中央Dispatcherを介してStoreに送信され、Storeに対する変更がViewに伝播することが特徴である^[33]。Reactと共に使用した場合には、この伝播はコンポーネントのプロパティを通じて行われる。

Fluxはオブザーバ・パターンの変種であると考えることができる^[34]。

Fluxアーキテクチャの下でのReactコンポーネントは、渡されたpropsを直接変更するのではなく、Storeを変更するためにDispatcherによって送信されるActionを作成するコールバック関数に渡されるべきである。Actionは何が起こったのかを説明する義務のあるオブジェクトである。例えば、あるユーザーが別のユーザーをフォローすると記述されたActionには、自身のユーザーIDと相手のユーザーIDとUSER_FOLLOWED_ANOTHER_USERが含まれている^[35]。StoreはDispatcherから受け取ったActionに応じて自身を変更する可能性がある。

このパターンは、「プロパティが下に流れ、アクションが上に流れる」と表現されることがある。多くのFluxの実装がこのアーキテクチャの誕生以来作られてきたが、恐らく最もよく知られている実装は単一のStoreを特徴とするReduxであり、しばしば信頼できる唯一の情報源と呼ばれている^[36]。

React Native

→詳細は「React Native」を参照

React Nativeは、本来WebアプリのUI開発のためのフレームワークであるReactを、PCやスマホ向けのネイティブアプリの開発にも使えるようにしたもので、Facebookによって2015年2月に発表された^[37]。Android、iOS、Windows（UWP）に対応している^[38][39]。

歴史

2012年、Facebookの会長兼CEOであるマーク・ザッカーバーグは、「企業としての最大の失敗は、ネイティブの反対としてHTML5に大きく賭けたことだった。」とコメントしている^[40]。彼はFacebookがまもなくより良いモバイル体験を提供することを約束した。

Facebookの社内では、Jordan WalkeがJavaScript製のwebアプリからiOSのUIを生成するシステムのプロトタイプを作り上げており、本格的にReact製Webアプリからネイティブモバイルアプリを構築するために社内ハッカソンが結成された^[41]。

数ヶ月の開発の後、FacebookはReact.js Conf 2015で最初のバージョンをリリースした。Christopher Chedeauは技術的な話の中で^[42]、FacebookがReact Nativeをグループアプリと彼らの広告管理アプリで既に使用していると説明した^[37]。

動作原理

React Nativeの動作原理は基本的にはReactと同一だが、ネイティブAPIを利用して描画する点がReactと異なる。React Nativeはバックグラウンドプロセス (開発者の書いたコードを解釈するためのJavaScript処理系) としてエンドデバイス上で直接実行され、シリアライズ可能で非同期（英語版）かつバッチ処理されたBridgeを介してネイティブプラットフォームと通信する^[43][44]。

React NativeはHTML5に全く頼らず、全てJavaScriptで書かれており、ネイティブのSDKに頼っている。

Hello world

React NativeによるHello world:

import React from "react";
import { AppRegistry, Text } from "react-native";

export const HelloWorldApp = () => <Text>Hello world!</Text>;

AppRegistry.registerComponent("HelloWorld", () => HelloWorldApp);

批判

Reactに対する批判として、仮想DOMの概念を使用しているため、多くのRAMが必要になるというものがある。これは、「UIの表現がメモリ上に保持され、ReactDOMなどのライブラリによって実際のDOMと同期される」ことによるものである^[45]。同様に、React バージョン16以降に含まれている仮想DOMの抽象化は、ウェブブラウザに組み込まれているコンポーネントモデルでは上手く動作せず^[46]、従って、ウェブブラウザの標準に依存したそれらのコンポーネントを実装する代替ライブラリでは上手く機能しない。

脚注

注釈

1. ^ このコンポーネントは、しばしばDOMノードと関連付けることによって、ユーザインタフェースで作成されている。
2. ^ コンポーネントは純粋なJavaScriptで書かれている場合もある。

出典

1. ^ Tom Occhino and Jordan Walke: JS Apps at Facebook - YouTube
2. ^ "React v19"; 閲覧日: 2024年12月5日; 出版日: 2024年12月5日.
3. ^ React. ユーザインターフェース構築のための JavaScript ライブラリ React
4. ^ Jon Samp (2018年1月13日). “React Router to Redux First Router”. 2019年1月13日閲覧。
5. ^ “【初心者向け】Vue.jsとは？特徴やメリット、注意点をわかりやすく解説 - カゴヤのサーバー研究室”. 2024年5月1日閲覧。
6. ^ “フロントエンドソフトウェアの歴史｜マイクロフロントエンド入門”. 2024年5月1日閲覧。
7. ^ “Props are Read-Only”. Facebook. 2019年1月13日閲覧。
8. ^ “Refs and the DOM”. Facebook. 2019年1月13日閲覧。
9. ^ “Draft: JSX Specification”. Facebook. 2019年1月13日閲覧。
10. ^ “New render return types: fragments and strings”. Facebook (2017年9月26日). 2019年1月13日閲覧。
11. ^ “Support for custom DOM attributes”. Facebook (2017年9月26日). 2019年1月13日閲覧。
12. ^ Fischer, Ludovico (2017). React for Real: Front-End Code, Untangled. ISBN 978-1680502633. https://books.google.co.jp/books?id=Tg9QDwAAQBAJ 
13. ^ レンダラーに依存しないことは React の重要な設計上の制約です。React Docs - 設計原則 - DOM を超えて
14. ^ Pete Hunt (2013年6月5日). “Why did we build React?”. 2019年1月13日閲覧。
15. ^ Sam Selvanathan (2015年4月27日). “Isomorphic React Apps with React-Engine”. 2019年1月13日閲覧。
16. ^ “Netflix Likes React”. Netflix Technology Blog (2015年1月28日). 2019年1月13日閲覧。
17. ^ Bill Fisher (2015年2月12日). “How was the idea to develop React conceived and how many people worked on developing it and implementing it at Facebook?”. 2019年1月13日閲覧。
18. ^ Pete Hunt - YouTube
19. ^ “Facebook announces React Fiber, a rewrite of its React framework”. TechCrunch (2017年4月18日). 2019年1月13日閲覧。
20. ^ “React Fiber Architecture”. GitHub. 2019年1月13日閲覧。
21. ^ “0.12.0 (October 28, 2014)”. GitHub. 2019年1月13日閲覧。
22. ^ ^{a b} “Facebook、React.jsのライセンスを維持 - Apacheとの衝突を回避せず”. マイナビニュース (2017年8月22日). 2019年1月13日閲覧。
23. ^ Berkana (2015年5月25日). “A compelling reason not to use ReactJS”. 2019年1月13日閲覧。
24. ^ “Updating Our Open Source Patent Grant”. Facebook (2015年4月10日). 2019年1月13日閲覧。
25. ^ “Facebookの特許条項のリスクを嫌い、WordPressがReactライブラリの利用を止めることを発表”. TechCrunch Japan (2017年9月19日). 2019年1月13日閲覧。
26. ^ “Relicensing React, Jest, Flow, and Immutable.js”. Facebook (2017年9月22日). 2019年1月13日閲覧。
27. ^ “Facebook、ReactのライセンスをMITに変更の意向”. マイナビニュース (2017年9月29日). 2019年1月13日閲覧。
28. ^ “MIT licensed”. Facebook (2017年9月26日). 2019年1月13日閲覧。
29. ^ “React v15.6.2”. Facebook (2017年9月25日). 2019年1月13日閲覧。
30. ^ “Meeting Notes”. 2019年1月13日閲覧。
31. ^ “react Wiki”. GitHub. 2019年1月13日閲覧。
32. ^ “Contributor License Agreement (CLA)”. Facebook. 2019年1月13日閲覧。
33. ^ “In Depth Overview”. Facebook. 2019年1月13日閲覧。
34. ^ Nicholas Johnson. “Flux”. 2019年1月13日閲覧。
35. ^ “The History of React and Flux with Dan Abramov”. Three Devs and a Maybe (2015年11月6日). 2019年1月13日閲覧。
36. ^ “State Management Tools – Results”. The State of JavaScript 2017. 2019年1月13日閲覧。
37. ^ ^{a b} “React Native: Bringing modern web techniques to mobile”. Facebook (2015年3月26日). 2019年1月13日閲覧。
38. ^ “React Native for Android: How we built the first cross-platform React Native app”. Facebook (2015年9月14日). 2019年1月13日閲覧。
39. ^ “React Native on the Universal Windows Platform”. Microsoft (2016年4月13日). 2019年1月13日閲覧。
40. ^ “ザッカーバーグ氏の「HTML5に賭けたのは失敗」発言には続きがある。長期的にはHTML5への期待も語る”. Publickey (2012年9月14日). 2019年1月13日閲覧。
41. ^ “A short Story about React Native”. JobNinja Blog (2018年1月15日). 2019年1月13日閲覧。
42. ^ React.js Conf 2015 Keynote 2 - A Deep Dive into React Native - YouTube
43. ^ Tadeu Zagallo (2015年10月15日). “Bridging in React Native”. 2019年1月13日閲覧。
44. ^ “React Native vs Flutter: Which Cross-Platform Framework is Better?”. Parsed. 2019年1月13日閲覧。
45. ^ “Virtual DOM and Internals”. Facebook. 2019年1月13日閲覧。
46. ^ Rob Dodson. “Custom Elements Everywhere”. 2019年1月13日閲覧。

関連項目

ポータル FLOSS

• AngularJS
• Angular
• Gatsby
• Next.js
• Svelte
• Vue.js

外部リンク

• 公式ウェブサイト
• react - GitHub

表 話 編 歴 Meta Platforms, Inc.
Family of Apps（アプリ部門）/ Reality Labs（VR・AR部門）/ Meta AI（英語版）（AI部門）
サービス	Facebook Instagram Messenger WhatsApp Threads
オープンソース	Apache Cassandra Apache Hive Apache Thrift Buck FQL（英語版） Hack HHVM HipHop for PHP（英語版） Infer（英語版） MyRocks（英語版） Open Compute Project（英語版） Phabricator React React Native RocksDB Scribe（英語版） Telecom Infra Project（英語版） Tornado
VRヘッドセット	Meta Quest/Oculus Oculus Rift Oculus Go Oculus Quest Meta Quest 2 Meta Quest Pro Meta Quest 3 Meta Quest 3S
その他の製品	LLaMA Meta Horizon OS（英語版） Meta Portal（英語版） Ray-Ban Meta（英語版） Workplace（英語版）
人物	マーク・ザッカーバーグ エドゥアルド・サベリン クリス・ヒューズ ショーン・パーカー シェリル・サンドバーグ 味澤将宏
関連項目	いいね!ボタン Facebookへの批判 Facebook監督委員会 Diem ソーシャル・ネットワーク Facebookで大逆転 ビッグ・テック
Category:Facebook

表 話 編 歴 JavaScript
概念	文法（英語版） JavaScriptライブラリ 控えめなJavaScript
エンジン	Carakan/Futhark/Linear B Chakra JavaScriptCore JScript KJS Narcissus Nashorn Rhino SpiderMonkey V8
コンパイラ	AtScript Babel ClojureScript CoffeeScript Emscripten Google Closure Compiler Google Web Toolkit Haxe JSX Kotlin Nim PureScript TypeScript
デバッガ	Firebug Google Chrome Developer Tools Internet Explorer Developer Tools Opera Dragonfly Visual Studio Visual Studio Express Visual Studio Code Web Inspector
エディタ	Atom Brackets Visual Studio Visual Studio Express Light Table Visual Studio Code WebStorm
サーバーサイド	Active Server Pages Bun CommonJS Deno Node.js Vert.x（英語版） Wakanda（英語版）
フレームワーク ・ライブラリ	Angular/AngularJS Backbone.js Dojo Express.js Ext JS Google Web Toolkit jQuery Mobile KaTeX MathJax MochiKit MooTools Prototype React Vue.js YUI ライブラリ SolidJS Svelte Hono ElysiaJS Qwik
ユニットテスト	Jasmine（英語版） Jest Mocha（英語版） QUnit ユニットテスト・フレームワーク一覧
Docジェネレータ	JSDoc
コード解析	ESLint JSHint JSLint
パッケージ管理	npm NuGet
アプリケーション バンドラー	Webpack Vite esbuild
関連技術	Ajax CSS DHTML DOM HTML JSON JSONP WebAssembly asm.js（英語版）
人物	ジョン・レシグ ダグラス・クロックフォード（英語版） ブレンダン・アイク ライアン・ダール
カテゴリ コモンズ ウィキブックス Portal:コンピュータ

表 話 編 歴 ECMAScript
方言	ActionScript DMDScript JavaScript asm.js（英語版） JScript TypeScript WMLScript
エンジン（英語版）	Carakan/Futhark/Linear B Chakra JavaScriptCore JScript KJS Narcissus Rhino SpiderMonkey V8
フレームワーク ・ライブラリ	クライアントサイド Dojo Ext JS Google Web Toolkit jQuery MochiKit MooTools Prototype YUI Library（英語版） サーバーサイド Jaxer Deno Node.js ライブラリ Backbone.js Underscore.js
人物	ブレンダン・アイク ダグラス・クロックフォード（英語版） ジョン・レシグ スコット・アイザックス（英語版） ライアン・ダール
その他	AMD（英語版） CommonJS DHTML E4X Ecmaインターナショナル JSDoc JSGI（英語版） JSHint JSLint JSON JSSS（英語版）

表 話 編 歴 Webアプリケーションフレームワーク
ASP.NET	ASP.NET MVC ASP.NET Web Forms Umbraco
Groovy	Grails
Java	Apache Struts GWT ICEfaces JavaServer Faces Play Spring Tapestry WebWork Wicket ZK
JavaScript	Angular/AngularJS Backbone.js Dojo Toolkit Express.js Ext JS jQuery Knockout.js MooTools Node.js Prototype React Rico Sencha Touch Vue.js Hono ElysiaJS Qwik
Perl	Catalyst Mojolicious
PHP	CakePHP CodeIgniter Drupal eZ Publish FuelPHP Grav Laravel PRADO Symfony TYPO3 Yii Zend Silex
Python	CherryPy Django Flask Plone Pylons Tornado TurboGears web2py Zope
Ruby	Ruby on Rails Sinatra Padrino
Scala	Lift Play
カテゴリ

典拠管理データベース: 国立図書館	ドイツ

ウィキペディア小見出し辞書

React

出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2021/09/28 22:05 UTC 版)

「データバインディング」の記事における「React」の解説

Reactはhookと呼ばれる仕組みで一方向バインディングを実現している。 React専用関数 hook（useX）でデータ変数を定義し、UIを宣言する際にデータ変数を用いることでバインディングを行なう。その後、hookから返された更新関数（setXと慣習的に名付けられる）に新しいデータを渡すことでUIの更新が暗黙的にスケジューリングされる。hookは関数であるため一般には状態の保持は行なえないが、hookはReactの内部リストへアクセスすることで状態を保持している。 function MyComp(){ const [count, setCount] = useState(0); return (

You clicked {count} times

setCount(count + 1)}>hello, myComp {count}

);}ReactDOM.render(, document.getElementById('root'));