はじめに
概要
Spck Editor は、開発者向けに設計された複数のバリエーションを持つモバイル向けコード編集ソリューションです。
バージョン
Spck Editor (無料版)
- 基本的なモバイルコード編集機能
- isomorphic-git によるポータブルな Git ライブラリ統合
Spck Editor Lite
価格: 買い切り 機能:
- カスタムスニペット
- 予測キーボード
- 限定 Neon テーマ
Spck for NodeJS
プラットフォーム: Android 限定 主な機能: NodeJS サポートを備えた統合ターミナル
ブラウザ版
- 任意のウェブサイトに埋め込み可能
- 軽量なコード編集インターフェース
主な機能
- モバイルファーストデザイン
- Git 統合
- クロスプラットフォーム対応
推奨される使用方法
- 外出先でのコード編集
- プロジェクトの素早い変更
- 学習とプロトタイピング
用語
| 用語 | 説明 |
|---|---|
| ナビゲーションメニュー | モバイルデバイスのサイドメニューの最初のタブを指します。このメニューはブラウザ版またはタブレットモードでは利用できません |
| ファイルメニュー | サイドメニューまたはサイドバーの File タブを指します |
| 追加キーボード | モバイルデバイスでは、よく使われるコーディング記号を素早く挿入するための追加キーボードがあります |
| タッチキーボード | 一般的に、矢印キー、Tab キーなどを含むキーの列を指します |
| タッチアクションバー | モバイル/タッチデバイスでテキストが選択されたときに、カーソルの上に表示されるフローティングメニューです |
| タッチカーソル | モバイル/タッチデバイスでテキストが選択されているとき、またはカーソルがアクティブなときに画面に表示されるカーソル |
| タブレットモード | タブレットなどの大型タッチデバイスでオンにできる設定を指します |
| ⌘ キー | タッチキーボードのこの記号は、Windows の Ctrl キーまたは Mac の Command キーと同じです |
| ⌥ キー | タッチキーボードのこの記号は、Windows の Alt キーまたは Mac の Option キーと同じです |
キーボードショートカット
概要
これらの便利なキーボードショートカットで、稲妻のような効率を解き放ちましょう!完全なカタログではありませんが、これらの宝石はあなたの生産性を大幅に向上させ、ナビゲーションを簡単にします。
主なハイライト
- 網羅的ではない: 最も実用的なショートカットを厳選
- 目的: 素早く直感的なコマンドでワークフローを向上
- メリット: 時間を節約し、マウスへの依存を減らす
💡 プロのヒント: これらのショートカットを覚えて、生産性が急上昇するのを見守りましょう!🌟
Settings > Editor > Keyboard Shortcuts でショートカットの完全なリストを確認できます。
プレミアムユーザーは、追加キーボードから直接、またはショートカット
⌘ Kを使用してキーボードショートカットにアクセスすることもできます。
Settings > Touch > Show ⌘ KeyおよびSettings > Touch > Show ⌥ Keyをオンにして、Ctrl/Command キー (⌘) と Alt/Options キーを有効にします。
エディター
| ショートカット | アクション |
|---|---|
| ⌘ A | すべて選択 |
| ⌘ C | コピー |
| ⌘ V | 貼り付け |
| ⌘ X | 切り取り |
| ⌘ Z | 元に戻す |
| ⌘ ⇧ Z | やり直し |
| ⌘ D | 行を複製 |
| ⌘ / | 行のコメント/コメント解除 |
| ⌥ F | コードのフォーマット |
| ⌘ F | 検索 |
| ⌘ G | 次を検索 (選択したテキストで動作) |
| ⌘ ⇧ G | 前を検索 |
| ⌘ L | 行へジャンプ |
クイックアクション
| ショートカット | アクション |
|---|---|
| ⌘ ⇧ C | Git コミット |
| ⌘ O | 最近のファイルを開く |
| ⌘ ⇧ P | プロジェクトプレビューを起動 |
| ⌘ P | ファイルプレビューの切り替え (SVG、Markdown) |
| ⌘ K | Supporter+: ショートカットを開く |
タッチ設定
追加キーボード
- 追加キーボードは、タッチデバイス用に設計された記号キーボードです。
- 追加のキー/記号は、キーを長押しすることでアクセスでき、オプションのメニューが開きます。
Settings > Touch > Extra Keyboardメニューで有効または無効にできます。
💡 プロのヒント: 追加キーボードと互換性のあるテキスト囲みのヒントについては、高度な編集 を参照してください。
タッチキーボード
- タッチキーは、矢印キー、Command キー、その他よく使われるキーを含むキーの列で構成されています。
- この機能はタッチデバイスで利用できます。
Settings > Touch > Touch Keyboardセクションでオン/オフを切り替えることができます。
💡 プロのヒント: 設定を調整することで、このキーボードの個々のキーをカスタマイズできます。
タッチアクションバー
- テキストが選択されると、コピー、切り取り、貼り付けオプションを含むアクションバーが表示されます。
- この機能は
Settings > Touch > Touch Action Barで有効または無効にできます。
タッチカーソル
- テキストが選択されたとき、またはカーソルがアクティブなときに表示される画面上のカーソル。
- この機能は
Settings > Touch > Touch Cursorsで有効または無効にできます。
💡 プロのヒント: モバイルデバイスにマウス/ポインティングデバイスをペアリングしていない限り、この機能を無効にすることはお勧めしません。タッチカーソルを無効にすると、編集時の画面の視認性が向上し、外部ポインティングデバイスを使用する際の編集体験が向上します。
予測キー
- 予測キーは、標準の追加キーボードを置き換えるプレミアム機能です。
- 通常の追加キーボードで長押しして選択するのではなく、ワンタッチでの記号入力を提供します。
- キーは、ファイル内の特定の位置に表示される記号の統計的な頻度順に並べられています。
Settings > Touch > Predictive Keyboardでオン/オフを切り替えることができます。
💡 プロのヒント: 予測キーは通常の追加キーボードを置き換えますが、一部のユーザーは通常のキーボードを好むかもしれません。予測キーはエディターの Lite 版のデフォルトオプションであり、オフにすると通常の追加キーボードに戻すことができます。
ファイルナビゲーション
概要
- ファイル間を移動するための複数の方法があります
- サイドメニューのファイルを使用してファイルを移動できます
- パンくずリストを使用して、現在のファイルディレクトリからファイルを移動できます
Ctrl-Oで最近のファイルを開いて、ファイルをすばやく検索できます- ファイルサイドメニューの「Locate」アイコンを使用して、現在のファイルをすばやく特定できます
- ソースコントロールと検索のサイドメニューも、ファイル間を移動するユニークな方法を提供します
ファイルタブ管理
タブの動作
- ファイルは最初に開かれたときに自動的にピン留めが解除されます
- 編集が行われると、タブがピン留めされます
タブのソートオプション
ファイルは以下の順にソートできます:
- アルファベット順
- ファイル拡張子
- ファイルパス
代替ナビゲーションチャネル
- ソースコントロールメニュー: バージョン管理のコンテキストを通じてファイルを移動
- 検索メニュー: 検索条件に基づいてファイルを検索しアクセス
💡 プロのヒント: ファイルタブは
Settings > Appearance > Show File Tabsで表示をオフにできます。小型デバイスで画面スペースを最大化する方法については、Zen モード を参照してください。
高度な編集
予測キーボードを効率的に使用する
基本的な選択
- ダブルタップして単語またはテキストブロックを選択
テキストの囲み
括弧や引用符のペアを使用して、選択したテキストをすばやく囲みます:
- 丸括弧:
( ) - 角括弧:
[ ] - 波括弧:
{ } - 単一引用符:
' ' - 二重引用符:
" "
ナビゲーションと編集
テキスト検索
⌘ G: 次のインスタンスを検索⌘ ⇧ G: 前のインスタンスを検索
インデント
- テキストブロックを選択
- Tab を押してインデント
複数カーソル
クイックセットアップ
- Alt/Option キーで複数カーソルを有効化! ✨
Settings > Touch > Show ⌥ Keyに移動して有効化
使用方法
- ⌥ と ⌘ の両方のキーを選択
- クリックして、希望の場所にカーソルを正確に配置
- 複数の行を同時に簡単に編集! 💻
💡 プロのヒント: マルチカーソル編集 = 稲妻のように高速なコード変換! ⚡️ コマンドパレットの
Add Cursor AboveおよびAdd Cursor Belowコマンドを使用してマルチカーソルを追加することもでき、現在のカーソル位置の真上または真下にカーソルを追加します。
Git の制限事項
概要
エディターの Git 統合は、完全にクライアントサイドで実行される Git の純粋な JavaScript 実装である isomorphic-git を使用しています。これにより、サーバーなしでブラウザやモバイルデバイス上で直接 Git 操作が可能になりますが、サンドボックス化された JavaScript 環境で Git を実行することに固有のいくつかの制約があります。
メモリ制約
- モバイルアプリケーションは、通常オペレーティングシステムによって約 50MB のメモリ に制限されています。
- 大きなリポジトリでの Git 操作は、この予算を超えてアプリが終了する可能性があります。
- 大きなパックファイル (
.git/objects/pack/内の.packファイル) を読み込むには、大きな部分を一度にメモリに読み込む必要があり、メモリが制限されたデバイスでは実行できません。 - 結果として、モバイルでは 大きなリポジトリのクローンや操作はメモリ不足エラーで失敗する可能性があります。
💡 ヒント: 大きなリポジトリの場合は、可能であればシャロークローンを使用するか、リポジトリの小さなサブセットでの作業を検討してください。
シンボリックリンクの互換性
- シンボリックリンク (symlinks) は、セキュリティ上の理由により、ブラウザ/モバイルサンドボックスで ネイティブにサポートされていません。
- エディターは、シンボリックリンクを含むリポジトリでもチェックアウトできるよう、回避策として エミュレートされたシンボリックリンク 表現を使用します。
- このエミュレーションは、実際のファイルシステムシンボリックリンクを期待するツール (たとえば、一部のビルドツール、パッケージマネージャー、または実行時にシンボリックリンクターゲットを解決するスクリプト) との 互換性の問題 があるかもしれません。
- シンボリックリンクに大きく依存するリポジトリは、ネイティブの Git チェックアウトと同じように動作しない可能性があります。
代替手段としての CLI の使用
これらの制限はアプリ内 Git クライアントにのみ適用されます。ホストシステム上の ネイティブ Git バイナリ を使用する Spck CLI には 影響しません:
- 50MB のメモリ上限なし — Git 操作はマシンの利用可能なメモリによってのみ制限されます。
- 大きなパックファイルや大きなリポジトリはネイティブに処理されます。
- 実際のシンボリックリンクは期待どおりに機能し、他のツールとの完全な互換性を保ちます。
- isomorphic-git によって実装されたサブセットだけでなく、すべての Git 機能と plumbing コマンドが利用可能です。
💡 プロのヒント: 大きなリポジトリやシンボリックリンクに依存するプロジェクトで頻繁に作業する場合は、モバイルアプリでファイルを編集しながら、Git 操作 (clone、fetch、push) には Spck CLI を使用することで、両方の利点を活かすことができます。
🌟 Zen モード
概要
Zen モードは、コンパクトディスプレイでのコーディング体験を変えるために設計された、スペースを最大化する楽しいエディター構成です。
Zen モードは以下で構成されています:
- 設定で
Show Line Numbersをオフにする Show File TabをオフにするTouch Action Barをオフにする
主な機能
🧘♀️ 画面領域の最大化
- 行番号よ、さらば!
- 貴重な水平方向のスペースを解放
- テキストが窮屈に感じるのを防ぐ
- クリーンでミニマリストなルックを採用
🎨 合理化されたインターフェース
- アクションバーの最小化
- 散らかったツールバーにさようなら
- 代替入力方法を活用:
- 追加キーボードの貼り付け/切り取りボタン
- キーボードショートカット (
Ctrl-C/Ctrl-V)
📂 簡略化されたナビゲーション
- ファイルタブの排除
Ctrl-Oが新しいナビゲーションの親友に- よりクリーンなワークスペース
- より速いコンテキスト切り替え
💡 プロのヒント: コーディングスタイルは人それぞれ! Zen モードを試して、あなたのワークフローに合うかどうかを確認することをお勧めします。完璧なコーディング環境は、数回の切り替えで手に入ります! 🌈✨