JavaScript エディター: React JS TS

AndroidスマートフォンでJavaScript、TypeScript、Reactを記述。ライブプレビュー、npmパッケージ、複数ファイルプロジェクト、ワンタップでウェブ公開が可能な本格的なコードエディターです。

JavaScript Editorは、ウェブ開発者、学生、面接準備者向けのモバイル開発環境です。エディター、コンソール、Reactプレビューはすべてお使いのデバイス上で動作します。

できること

• JavaScriptを記述し、コンソール出力（ログ、警告、エラー）をインラインで表示しながら実行

• JSXを使用してReactコンポーネントを記述し、デバイス上でライブプレビューのレンダリングを確認

• TypeScriptとTSXを記述し、コード実行前に型が自動的に削除される

• プロジェクトを複数のファイルやフォルダーに分割し、それらの間でインポート

• 通常のimport文でnpmパッケージを取り込む

• プロジェクトを、どのブラウザでも開いて誰にでも送信できるリンクとして公開

• .js、.jsx、.ts、.tsxファイルをデバイス上のどこからでも開いて保存

複数ファイルプロジェクト

実際のアプリは単一ファイルではありません。コンポーネントやフォルダーを追加し、通常の相対パスでそれらの間でインポートし、電話画面用に構築されたタブストリップからファイルを切り替えることができます。実行をタップすると、エントリファイルが自動的にマウントされます。

TypeScript

TypeScriptをオンにして、インターフェース、ジェネリクス、型付きpropsを使用して.tsおよび.tsxを記述します。型は実行前に削除されるため、実行をタップした瞬間にコードが動作します。

npmパッケージ

名前でパッケージをインポートすると、実行時に解決されます。ターミナル、インストール手順、設定ファイルは不要です。UIライブラリ、日付ヘルパー、アニメーションパッケージを取り込んで、すぐに使用できます。

ウェブに公開

任意のプロジェクトをリンクに変換します。複数ファイルのインポート、npmパッケージ、TypeScriptはすべて、アプリ内で実行されるのとまったく同じように含まれます。コードを変更して再度公開しても、リンクは同じままで新しいバージョンが表示されます。いつでもページを非公開にできます。

コードエディター

構文ハイライト、ワードラップ、探す手間を省く句読点用の記号バー、React hooksショートカットバー、検索と置換、そして深いアンドゥ履歴。小画面向けの等幅フォント、調整可能なフォントサイズとインデント幅、そしてダークエディターテーマのセット。

JavaScriptコンソールとデバッグ

任意のスニペットを実行し、エディターの下にあるコンソールを読み取ります。ログ、情報、警告、エラーの色分けされたレベル、タイムスタンプ、ワンタップクリア。エラーは発生した箇所に表示されるため、問題の行を見つけて修正できます。

Reactプレビュー

実行をタップすると、コンポーネントがエディターの下にあるライブプレビューペインにマウントされます。ワンタップでCSSを編集。全画面表示にして、結果を画面全体で確認できます。

サンプルギャラリー

厳選されたJavaScriptとReactのサンプル — 配列と反復、asyncとawait、クロージャ、クラス、fetch、hooks、state、動的リスト、フォーム、視覚効果。タブでJavaScriptまたはReactでフィルタリングできます。

保存、開く、エクスポート

システムダイアログを介してアプリ内またはデバイスに保存します。既存のファイルをスマートフォンから直接開くことができます。拡張子が適切なモードを選択します。プロジェクトを、どのブラウザでも実行できるスタンドアロンのHTMLファイルとしてエクスポートします。

こんな方におすすめ

• ノートパソコンから離れてコンポーネントをスケッチするウェブ開発者

• JavaScript、TypeScript、React、またはDOMを学習している学生

• 実際のJavaScriptでアルゴリズムを練習する面接準備者

• スマートフォンでチュートリアルに従って学習する独学のコーダー

• 実際の作業を保存できるモバイルJavaScriptプレイグラウンドを求めるすべての人

Proアップグレードが利用可能

エディター、コンソール、Reactプレビュー、サンプルギャラリーは無料で利用できます。Proアップグレードでは広告が削除され、複数ファイルプロジェクト、TypeScript、公開機能、エディターテーマ、カスタムスニペット、検索と置換、ワンタップフォーマットが利用可能になります。

対応言語

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