VCode - a pocket IDE for web

CoCode Studio

このアプリについて

💻 VCode ― ポケットに収まるIDE

ついに、おもちゃのようなコードエディタではない、本格的なAndroid向けコードエディタが登場しました。

初めてWebページを作成する初心者から、スマートフォンからホットフィックスを適用する経験豊富な開発者まで、VCodeはデスクトップレベルの本格的なコーディング環境を手のひらに収めます。

⚡ スピードを追求したコードエディタ

VCodeのエディタは高速です。驚くほど高速です。

✦ HTML、CSS、JavaScript、JSON、Markdown、SVGの美しいシンタックスハイライト。すべて洗練されたJetBrains Monoフォントで表示されます。

✦ スマートでコンテキスト認識型のオートコンプリート機能。コードを正しく理解します。`style`タグ内のCSS候補、`script`ブロック内のJavaScriptヒント、プロジェクト全体の変数検出などに対応しています。

✦ Emmet展開機能を内蔵。「ul>li*3」と入力するだけで、瞬時に完全なHTMLに展開されます。「!」と入力するだけでもOKです。カーソルが既に

タグ内に入った状態で、完全なHTMLボイラープレートを生成します。

✦ HTML、CSS、JavaScript、JSONのコードフォーマットをワンタップで実行。カーソルは元の位置のままです。

✦ 大文字小文字の区別、単語単位、正規表現モードに対応した検索と置換。

✦ 行ナビゲーション、スマートな自動インデント、括弧の自動閉じ、ライブステータスバー付きのリアルタイムJSON検証。

✦ ビューポートベースのスムーズなハイライト表示により、数千行のコードでも途切れることなく処理できます。

👁️ ライブプレビュー — 作業内容を即座に確認

アプリを切り替える必要はありません。VCodeがブラウザをあなたの手元にお届けします。

✦ ワンタップでアクティブなHTMLファイルを強力な内蔵WebViewで実行。設定不要、待ち時間なし。

✦ アプリ内で直接ライブコンソールログを表示し、外出先でもJavaScriptのデバッグが可能。

✦ いつでもデフォルトブラウザでページを開いて、フルスクリーンでテストできます。

✦ Markdownファイルは、リッチテキスト形式のドキュメントとしてレンダリングされます。CSV、SVG、画像ファイルは、追加の手順なしで視覚的に表示されます。

🌿 完全なGitとGitHubの統合

Vcodeはバージョン管理を第一級の要素として扱います。

✦ 完全なGitワークフロー：リポジトリの初期化、変更のステージング、コミットメッセージの作成、ブランチの作成、マージ、プッシュなど、すべてアプリを離れることなく実行できます。

✦ パーソナルアクセストークンを使用してGitHubアカウントを安全に接続し、ワンタップでプロジェクトを同期できます。

✦ ビジュアル差分ビューア：コミット前に変更内容を正確に確認できます。

✦ コミット履歴：プロジェクト全体の履歴を分かりやすいタイムラインでスクロールできます。

✦ 公開リポジトリまたはプライベートリポジトリをバックグラウンドでクローンできます。リアルタイムの進捗状況更新とキャンセルボタン付き。UIがフリーズすることはありません。

✦ ソフトリセット、ミックスリセット、ハードリセットに対応し、作業内容を保護するための安全確認機能付き。

✦ 最後のコミットを修正したり、複数のブランチを管理したり、コミットを元に戻したり、すべてネイティブで操作できます。

📁 デスクトップレベルのファイル管理

ワークスペースを思い通りに。

✦ 美しいアニメーション付きファイルツリー。ファイルやフォルダを長押しすると、すぐに操作できます。

✦ プロジェクト全体でファイルやフォルダツリー全体を切り取り、コピー、貼り付けできます。切り取ったファイルはデスクトップOSのように70%の透明度で表示されます。

✦ デバイスストレージからファイルやフォルダをインポートできます。大規模なインポート操作はバックグラウンドで静かに実行され、進行状況通知が表示されます。

✦ ファイルの絶対パスまたは相対パスをワンタップでコピーできます。

✦ 組み込みテンプレートを使用して、新しいプロジェクトをすぐに開始できます。空白、HTML、またはHTML + CSS + JSのレイアウトから選択でき、作成時にGitの初期化もオプションで行えます。


✂️ スニペットマネージャー

よく使うコードブロックを保存して、ワンタップでどこにでも挿入できます。スニペット内で「|」を使うと、挿入後にカーソルが正確に配置される位置を指定できます。

これはまさにあなたが待ち望んでいたIDEです。どこでもコーディング。瞬時にプレビュー。自信を持ってリリース。

新機能

- Desktop-Grade IntelliSense: Auto-suggests CSS classes inside HTML attributes.
- ES Modules Support: Suggests exported functions/variables from your JS imports.
- Advanced Type Inference: Intelligently infers variable types to suggest accurate prototype methods.
- Lightweight Lexical Scoping: Keep suggestions contextually accurate and clutter-free.
- Context-Aware Suggestions: File path autocomplete based on the exact HTML tag you're typing.
- Squashed Bugs & UI tweaks.