💻 VCode — ポケットに収まるIDE
VCodeは、単なるコードエディタではありません。Android向けにゼロから構築された、デスクトップレベルのフル機能統合開発環境(IDE)です。スマートフォンを使っているからといって妥協したくないWeb開発者のために設計されています。
ほとんどのモバイルコードエディタは、カラーテーマを追加しただけの、高機能なテキストエディタに過ぎません。VCodeは根本的に異なります。エディタエンジン、シンタックスハイライター、オートコンプリートシステム、Git統合など、すべてのコンポーネントは、パフォーマンスと精度を最優先に、Android向けにゼロから構築されています。アプリシェルでラップされたWebベースのエディタではありません。移植されたデスクトップライブラリでもありません。ショートカットも、中途半端な対策もありません。そして、完全なオープンソースです。
VCodeが他と違う理由
✦ ビューポートカリングとインクリメンタルハイライトを備えたカスタム構築のネイティブエディタエンジン - 数千行のファイルでもスムーズな動作を維持します。
✦ コンテキスト認識機能 - ファイルの内容を理解するオートコンプリート機能。 `style`タグ内のCSS、`script`ブロック内のJavaScript、そしてプロジェクト全体の変数と関数の自動検出機能。
✦ Gitを第一級のツールとして活用 ― プラグインや回避策なしで、ステージング、コミット、ブランチ作成、マージ、プッシュ、スタッシュ、差分表示をネイティブに実行できます。
✦ GitHubとの緊密な連携 ― アプリから離れることなく、リポジトリの作成、プッシュ、プル、フェッチ、リモートリポジトリの管理が可能です。
✦ オープンソースで透明性 ― github.com/cocodestudio/VCodeでコードを閲覧、貢献、または自分でビルドできます。
⚡ エディター
✦ HTML、CSS、JavaScript、TypeScript、JSON、Markdown、SVGの構文ハイライト ― JetBrains Monoでレンダリングされます。
✦ トークンの正確な位置に波線アンダーラインを描画するリアルタイム診断機能。エラーは赤、警告は黄色、ヒントは青で表示されます。
✦ Emmetの組み込み展開機能 ― "ul>li*3" または "!" と入力するだけで、瞬時に完全なコードに展開されます。
✦ HTML、CSS、JS、JSONのコードフォーマットをワンタップで実行 ― カーソル位置は常に保持されます。
✦ 大文字小文字を区別し、単語全体を一致させ、正規表現を完全にサポートする検索と置換機能。
✦ 行移動、スマートな自動インデント、括弧の自動閉じ、完全な元に戻す/やり直し履歴。
👁️ ライブプレビュー
✦ アクティブなHTMLファイルを、組み込みのWebViewでワンタップで実行できます。設定不要、待ち時間なし。
✦ アプリ内で直接コードをデバッグするために、JavaScriptコンソールログをリアルタイムで表示できます。
✦ いつでもデフォルトのブラウザで開き、実際のエンジンでフルスクリーンテストを実行できます。
✦ Markdownファイルは、リッチテキスト形式のドキュメントとしてレンダリングされます。SVG、CSV、画像は、追加の手順なしで視覚的に表示されます。
🌿 GIT & GitHub
✦ 完全なGitワークフロー — 初期化、ステージング、ステージング解除、コミット、ブランチ作成、マージ、スタッシュ、リセット、プッシュ、プル。
✦ ビジュアル差分ビューア — コミット前に各ファイルの変更点を正確に確認できます。
✦ コミット履歴 — プロジェクト全体の履歴をスクロール可能な分かりやすいタイムラインで表示。
✦ ワンタップ操作でブランチマネージャーとスタッシュマネージャーが利用可能。
✦ コンフリクト解決UI — 専用画面からマージを承認、相手側承認、または中止できます。
✦ 公開リポジトリまたはプライベートリポジトリをバックグラウンドでリアルタイムにクローンできます。UIがフリーズすることはありません。
📁 ファイル管理
✦ アニメーション表示のファイルツリー。長押しでコンテキストメニューが表示され、ファイルやフォルダに対して即座に操作できます。
✦ プロジェクト全体でファイルやフォルダツリー全体を切り取り、コピー、貼り付けできます。切り取ったアイテムはデスクトップOSのように暗く表示されます。
✦ デバイスストレージからファイルやフォルダをインポートし、バックグラウンドで進捗状況を通知します。
✦ テンプレート(空白、HTML、HTML + CSS + JS)から新しいプロジェクトを開始し、必要に応じてGit初期化も可能です。
✦ スニペットマネージャー - よく使うコードブロックを保存し、ワンタップで任意の場所に挿入できます。
——————————————————
どこでもコーディング。瞬時にプレビュー。自信を持ってリリース。
コードを書く。プレビューする。プッシュする。HTML、CSS、JSに対応した、ポケットサイズのIDE。