JavaScript Editor — React IDE

Androidスマートフォン上でJavaScriptとReactコンポーネントを記述できます。インターネットに接続しなくても、端末上でオフライン実行とライブプレビューが可能です。

JavaScript Editor — React IDEは、Web開発者、学生、面接対策中の方のためのモバイルプレイグラウンドです。クラウド処理もリモート実行も不要で、アプリをインストールすれば以降はインターネット接続も必要ありません。

■ できること

• JavaScriptを記述してconsole出力で実行 — log、warn、errorをインラインで確認
• JSXでReactコンポーネントを書き、端末上でライブプレビューをレンダリング
• 完全オフラインで動作 — Reactランタイムをアプリ内にバンドル
• 端末内のあらゆる場所から.jsや.jsxファイルを開く
• アプリ内に保存、またはシステムのファイルピッカー経由でDownloads、Drive等にエクスポート
• 15言語対応、ダークテーマ前提の小画面向けエディタ

■ エディタ

シンタックスハイライト、記号入力バー、Reactフックのショートカットバー、検索と置換、深い履歴を持つUndo/Redo、スマホ画面向けに調整された等幅フォントを搭載しています。

■ Reactプレビュー

「Run」をタップするとコンポーネントがエディタ下のプレビューペインにマウントされます。CSSはワンタップで編集可能。フルスクリーン表示で全画面確認、ループバックURLを使えば実機のブラウザでプレビューを開くこともできます。

■ JavaScriptコンソール

JavaScriptスニペットを実行してエディタ下のコンソールで結果を確認できます。ログレベル別の色分け表示（log、info、warn、error）、タイムスタンプ、ワンタップクリアに対応。学習、関数の動作確認、移動中のアルゴリズム練習に便利です。

■ サンプルギャラリー

厳選されたJavaScriptとReactのサンプルを収録 — Hello World、配列とイテレーション、async/await、クロージャ、クラス、fetchなど。Reactのサンプルではフック、状態管理、動的リスト、フォーム、ビジュアルエフェクトを扱います。タブでJSとReactを切り替え可能。

■ 保存とインポート

現在のモードに応じて.jsまたは.jsxとして保存します。「端末に保存」でシステムのSaveAsダイアログが開き、Downloads、クラウド同期フォルダ、外部ストレージにファイルを保存できます。既存ファイルは端末から直接開けます — .jsxはReactモード、.jsはJavaScriptモードで開きます。拡張子で適切なモードが自動選択されます。

■ テーマとカスタマイズ

ダークテーマを基本としたテーマ設定、フォントサイズとインデント幅の調整に対応。セッション履歴で前回の作業内容を記憶し、続きから作業を再開できます。

■ こんな方におすすめ

• ノートPCから離れている時にコンポーネントを試したいWeb開発者
• JavaScript、React、DOMを学習中の情報系の学生
• 実際のJSでアルゴリズムを練習する面接対策中の方
• 移動中にチュートリアルを進める独学のコーダー
• 安定したモバイルJavaScriptプレイグラウンドを求めるすべての方

■ 無料、Proアップグレードは任意

アプリのインストールと利用は無料です。開発支援のため広告を表示します。買い切り型のProアップグレードで広告を非表示にできます — サブスクリプションや継続課金はありません。

■ 対応言語

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