JavaScript Editor — React IDE

AndroidスマートフォンでJavaScriptとReactコンポーネントを作成しましょう。オフラインで、デバイス上で、ライブプレビューを見ながら実行できます。

JavaScriptエディター - React IDEは、Web開発者、学生、面接対策者のためのモバイル開発環境です。クラウドもリモート実行も不要で、アプリをインストールすればインターネット接続も必要ありません。

できること

• JavaScriptを記述し、コンソール出力（ログ、警告、エラーをインラインで表示）付きで実行できます。

• JSXを使用してReactコンポーネントを記述し、デバイス上でライブプレビューを確認できます。

• 完全オフラインで動作します。Reactランタイムはアプリ内にバンドルされています。

• デバイス上のどこからでも.jsおよび.jsxファイルを開くことができます。

• 作業内容をアプリに保存したり、ダウンロード、Googleドライブ、またはシステムファイルピッカーを使用して任意の場所にエクスポートしたりできます。

• 小型画面向けに設計されたダークファーストエディタで、15種類の言語でコーディングできます。

エディタ

構文ハイライト、よく使用する句読点用の記号バー、Reactフックのショートカットバー、検索と置換、詳細な履歴付きの元に戻す/やり直し、スマートフォン画面に最適化された等幅フォント。

Reactプレビュー

「実行」をタップすると、コンポーネントがエディタの下のライブプレビューペインに表示されます。ワンタップでCSSを編集できます。フルスクリーンをタップすると、画面全体で結果を確認できます。必要に応じて、実際のブラウザでプレビューを開くこともできます。アプリはループバックURLを提供します。

JavaScriptコンソール

任意のJavaScriptコードを実行すると、エディタの下にあるコンソールにログが表示されます。色分けされたログレベル（ログ、情報、警告、エラー）、タイムスタンプ、ワンタップでクリアできる機能など、便利な機能が満載です。学習、関数のテスト、アルゴリズムの練習など、外出先でも手軽に活用できます。

サンプルギャラリー

厳選されたJavaScriptとReactのサンプル集。Hello World、配列とイテレーション、async/await、クロージャ、クラス、fetchなど、Reactのサンプルではフック、状態管理、動的リスト、フォーム、視覚効果などを網羅しています。タブを使ってJavaScriptまたはReactでフィルタリングできます。

保存とインポート

現在のモードに応じて、.jsまたは.jsx形式で保存できます。「デバイスに保存」を選択すると、システムの「名前を付けて保存」ダイアログが開きます。ダウンロードフォルダ、クラウド同期フォルダ、または外部ストレージにファイルを保存できます。デバイス上の既存ファイルを直接開くことも可能です。.jsxファイルはReactモードで、.jsファイルはJavaScriptモードで開きます。拡張機能が最適なモードを自動的に選択します。

テーマとカスタマイズ

ダークテーマを標準搭載。フォントサイズとインデント幅を調整可能。セッション履歴には前回作業した内容が記憶されるので、中断したところから再開できます。

対象ユーザー

• ノートパソコンから離れている間にコンポーネントをスケッチしたいWeb開発者

• JavaScript、React、またはDOMを学習中のコンピュータサイエンス専攻の学生

• 面接対策として実際のJavaScriptでアルゴリズムを練習したい方

• 外出先でチュートリアルを見ながら独学でプログラミングを学んでいる方

• 信頼性の高いモバイルJavaScript開発環境を求めているすべての方

無料版とオプションのPro版アップグレード

アプリは無料でインストールして使用できます。開発を支援するため広告が表示されます。Pro版に一度アップグレードすると広告が非表示になります。サブスクリプションや定期的な課金はありません。

対応言語

UIは、英語、スペイン語、ポルトガル語、フランス語、ドイツ語、ロシア語、ヒンディー語、ベンガル語、インドネシア語、トルコ語、ウルドゥー語、アラビア語、中国語（簡体字）、日本語、韓国語を含む15言語に対応しています。