コンテンツにスキップ

コードエディタ

Blyck のコードエディタは、VS Code と同じ Monaco エンジン(Microsoft が作ったコード編集画面の部品)で作られています。ファイルツリーやターミナルから開いたファイルをその場で直し、保存し、実行し、AI に直してもらうことができます。

左のファイルツリーで app.py を開き、右のコードエディタで見ている画面

  1. ファイルツリー — Enter でフォルダは開閉(▾/▸)、ファイルはコードエディタで開く(Esc でツリーに戻る)
  2. エディタのヘッダー — 左はフォルダー › ファイル名、右は ▶ 実行 ▾ · AI · ⋯ · ×。いちばん下のステータスバーに問題数 · Python チェック · 行と列
  3. Git の印 — 変更したファイルは左に M が付き、行全体が黄色で表示されます

エディタは 元のパネル(ツリー・ターミナル)の新しいサブタブ として開きます。元の画面はそのまま残り、Esc で戻れます。

方法やり方
ファイルツリーファイルをダブルクリック、または行を選んで Enter(ローカル・SFTP ツリーどちらも)
ターミナルの出力ls などで表示されたファイル名をダブルクリック
edit コマンドターミナルで edit ファイル名。存在しないファイルなら空のエディタが開き、保存したときに作られます
空の新しいファイルターミナルで edit だけを入力(名前のないファイル)
AI チャットのコードブロックコードブロックの下の [📝 エディタ] / [📝 新規エディタ]
検索結果フォルダ検索(Ctrl+Shift+G)の結果の行をクリック
ファイル動作
テキスト・コード 2MB 以下自由に編集
2MB ~ 32MB読み取り専用 で開く(ファイル名の後ろに (読み取り専用))
32MB 超先頭の 32MB だけを読み取り専用で表示
画像(12MB まで)· PDFBlyck 内のビューア
Office・表計算・圧縮ファイルパソコンの既定のアプリ

ファイルツリーで n(新しいファイル)を押すと、ディスクに空のファイルが作られるだけです。作ったファイルをダブルクリックして開いてください。

  1. 直すとヘッダー行のファイル名の後ろに金色の点と [保存] が出ます(未保存)。
  2. Ctrl+S またはヘッダー行の [保存]。「保存しました — {ファイル名}」という通知が出ます。
  3. Esc(またはヘッダー行の右端の ×)で閉じて元の画面に戻ります。保存していなければ先に確認します。
  • 保存すると 変更履歴 に残ります(1MB を超えるファイルは除く)。
  • アプリを再起動すると、ローカルに保存されたファイルのタブは再び開きます(ディスクの内容で)。リモートのファイル・名前のないファイルは再び開きません。

エディタのヘッダー行とステータスバー

Section titled “エディタのヘッダー行とステータスバー”
場所すること表示されるとき
フォルダー › ファイル名どこにあるどのファイルか。マウスを乗せるとフルパス常に
金色の点 · [保存]未保存の修正あり — 押すと保存(Ctrl+S)直したとき
▶ 実行 ▾実行(Ctrl+F5、実行 · プレビュー)。▾ から デバッグ(F5)ローカルに保存したファイル(▾ は Python · JavaScript)
+N −N最後のコミットと比べた変更行数 — 押すと比較ウィンドウGit リポジトリのファイルが変わったとき
プレビュー / 編集Markdown プレビューのオン・オフ.md ファイル
AIインライン AI(Ctrl+I) (Pro)読み取り専用でないとき
⋯最後のコミットと比較 · コード内SQLに使うDB · ミニマップを隠す · ツリーでこのファイルを表示 · パスをコピー常に
×閉じて元の画面へ(Esc)常に
  • 行番号の横のバー: 最後のコミットより後に足した行は緑、直した行は青、消した場所は赤い三角です。
  • いちばん下のステータスバー: 問題 N(押すと次の問題へ)· 言語チェック オン/準備中/オフ(オフは押すと再びオン)· 行と列 · スペース · UTF-8 · 改行。

Markdown プレビューと最後のコミットとの比較

Section titled “Markdown プレビューと最後のコミットとの比較”
  • [プレビュー] を押すと、.md ファイルが整形された表示に変わります。押した瞬間の内容を表示します(リアルタイムには変わりません)。[編集] で戻ります。
  • ヘッダー行の +N −N か ⋯ → 最後のコミットと比較 を押すと Git diff — 左:HEAD · 右:現在 ウィンドウが開きます。左は最後のコミット、右は今のエディタの内容(未保存の部分を含む)です。
ショートカットすること
Ctrl+Fこのファイルで検索
Ctrl+H検索して置換
Ctrl+G行番号へ移動

フォルダ全体の検索 · 置換(Ctrl+Shift+G)

Section titled “フォルダ全体の検索 · 置換(Ctrl+Shift+G)”

複数のファイルの中の文字をまとめて検索・置換します。ローカルのフォルダでもリモート(SFTP・SSH)のフォルダでも使えます。

開く場所:ファイルツリーかターミナルが選ばれた状態 で Ctrl+Shift+G(エディタの中では使えません)、またはコマンドパレット → フォルダ内テキスト検索。

探す場所:ファイルツリーで押すと Space で選んだ項目、なければツリーのいちばん上のパスのフォルダー(選んだファイルがあるフォルダー · 選んだフォルダー)。ターミナルで押すとターミナルの今のフォルダーです。

  1. 検索する文字を書いて Enter。結果が ファイル:行 内容 の形で出ます。行をクリックすると、その行がエディタで開きます。
  2. 置換するには、2つ目の欄に新しい文字を書きます。行ごとに置換後の姿がプレビューされます。
  3. チェックボックスで置換する行を選び、[選択を置換] または [すべて置換]。
  4. 確認ウィンドウで「{n} 件のファイル · 約{n} 箇所」を確かめて [置換]。
  • 検索は 大文字・小文字を区別しない、文字どおりの検索 です。正規表現のようなオプションはありません。
  • 結果は 見つかったそばから 表示され、その間も行を押して開けます。■ 停止 で止めると、見つかったものは残ります。結果は 最大 500 件、ローカル・リモートとも 5 分 を過ぎるとそれまでに見つかったものだけを表示します。検索中は置換ボタンを押せません。
  • Blyck に入っている高速検索ツール(ripgrep)で検索し、今のフォルダー直下のファイルが先に 出ます。node_modules、.git、dist、build のようなフォルダと 50MB を超えるファイル・バイナリファイルは飛ばし、メモ帳の「Unicode」(UTF-16)で保存したテキストファイルも見つけます。リモートはサーバーの rg(なければ grep)で同じルールで検索し、止めるとサーバーで動いていた検索も終わらせます。

Python ファイルを初めて開いたときに出る「言語インテリジェンスを有効化」確認画面

言語インテリジェンス は、自動補完・説明の表示・エラーの赤線・定義へ移動をしてくれる機能です。言語ごとに 言語サーバー(LSP — コード解析専用の小さなプログラム)を一度ダウンロードして使います。無料 です。

言語言語サーバーインストールに必要なもの
TypeScript / JavaScriptエディタ内蔵(インストール不要)なし
PythonPyrightパソコンに npm(Node.js)
GogoplsGo のインストール
C#csharp-ls.NET SDK のインストール
Rustrust-analyzerなし(インターネットから取得)
C / C++clangdなし(インターネットから取得)
Lualua-language-serverなし(インターネットから取得)
Shell · JSON · YAMLBash · JSON · YAML 言語サーバーパソコンに npm
  1. 対応言語のファイルを開きます(ローカルに保存されたファイル)。
  2. 言語インテリジェンスを有効化 ウィンドウが出たら [ダウンロード] を押します。裏でインストールされ、終わるとすぐ有効になります。
  3. 次からは聞かれません。パソコンにすでに言語サーバーがあれば、それを使います。
  • できる:自動補完、マウスを乗せると説明、エラーの赤い波線、定義へ移動(F12 または Ctrl+クリック — 別のファイルなら新しいタブで)、関数の引数ヒント(サーバーが対応しているとき)。
  • できない(ダウンロードした言語サーバー):名前の一括変更、自動整形、参照の検索、クイックフィックス。TypeScript/JavaScript はエディタ内蔵の機能でこれらもできます。
  • JavaScript は文法エラーだけを表示します。
  • 名前のないファイルには言語インテリジェンスがありません。先に保存してください。

サーバーのファイルをダウンロードせずに直接直します。SFTP ツリーでファイルをダブルクリックするか、SSH ターミナルで edit ファイル名 と入力します。名札に (リモート) が付き、Ctrl+S を押すと すぐにサーバーのファイルを上書きします。

項目リモートファイルでは
サイズローカルと同じ(2MB まで編集)
▶ 実行 · デバッグ · 最後のコミットと比較使えない(ローカルのみ)
言語インテリジェンスPython(サーバーに python3・pip3 が必要)+ TypeScript/JavaScript
変更履歴1MB 以下のみ記録
他の場所での変更Blyck の AI が直したものはすぐに、それ以外はエディタを押し直すか保存するときに確認し、先に確認します

保存するときに「保存に失敗しました:接続がありません」と出たら、SFTP の接続が切れています。接続し直してから保存してください(エディタの内容は残っています)。

エディタの ⋯ →「最後のコミットと比較」で開いた「Git diff — 左:HEAD · 右:現在」ウィンドウ — 最後のコミットと今の内容を並べて比較

  1. 左(HEAD)— 最後のコミットの内容。変わった行は赤
  2. 右(現在)— 今のエディタの内容(保存していない部分も含む)。変わった行は緑

エディタの中でそのまま AI に「ここを直して / 説明して」と頼みます。変わった行を その場で 緑・赤で見せ、適用するかは自分で決めます。

  1. 直すコードを選びます。何も選ばなければ ファイル全体 が対象です。
  2. Ctrl+I(またはヘッダー行の AI)を押すと、カーソルの近くに小さなボックスが出ます。上の行は ✦ 入力欄 · ↑(送信)· ×、下の行は一緒に送る チップ(選んだ行またはファイル全体 · 最後の実行エラー · 赤い波線)と右端のモデル名です。外したいチップは × で外します。
  3. やることを書いて Enter(Shift+Enter は改行)。例:「例外処理を追加」「このコードを説明」。モデルはモデル名を押して切り替えます。送信中は ↑ の位置に ■ 停止 が出るので、止めて書いた内容を直し、送り直せます。
  4. 変わった行だけをその場で比較して見せ、すぐ下の小さなカードに変えた理由 1 行と変わった行数(+N −N)が付きます → 適用 Tab · 破棄 Esc · チャットで続ける(依頼 · 元のコード · 直したコード · 理由 · 一緒に送ったものをすべてチャットの入力欄へ)。説明を頼んだときはコードを変えずにカードで答え、下の 続けて質問… 欄に書くと、前の質問と答えを一緒に送って聞き直します。
  5. エラー行の端には ⚠ 理由が薄く表示され、カーソルをそのエラーに置くかマウスを乗せると その行にだけ AIで修正 が出ます(エラー行が多くてもボタンが行ごとに並びません)。▶ 実行の結果バーにもあります。押すと「このエラーを直して」が入った状態で開くので、エラーをコピーして貼る必要はありません。
  • 入力欄が開いている間、エディタは一時的に読み取り専用になります(元の内容を保護)。
  • AI の準備ができていなければボタンが薄く表示され、押すと AI準備ウィザードに案内します。
  • DB の SQL エディタでも使えます。そのときは表の情報と直前のエラーを一緒に送り、直した SQL は実行せずに構文だけ確認します(DB)。

コード内 SQL の自動補完(DB リンク)

Section titled “コード内 SQL の自動補完(DB リンク)”

SQL エディタで「p.」と打つと、products テーブルのカラムが型と一緒に自動補完一覧に出た様子

  1. 別名(p)の後に点を打つと、そのテーブルのカラムだけ — 名前 · 型 · テーブル名が一緒に表示されます

Python・Java のようなコードの中に書いた SQL でも、実際の DB のテーブル・カラム名 で自動補完してくれます。無料 です。

  1. まず DB ツリーで DB に接続します。
  2. エディタのヘッダー行の ⋯ → コード内SQLに使うDB で接続を選びます。
  3. コードで SQL を書くと候補が出ます — FROM・JOIN・UPDATE・INTO の後ではテーブル・ビュー、テーブル. の後ではカラム。

▶ 実行(SQL の上の小さなボタン)

Section titled “▶ 実行(SQL の上の小さなボタン)”

引用符なしで書いた SQL 文の上に ▶ 実行 が表示されます。押すと新しい SQL エディタのタブで実行され、結果の表が出ます。

SQL の種類動作
照会(SELECT・WITH)すぐ実行
INSERT・MERGE、WHERE のある UPDATE・DELETESQL実行の確認 ウィンドウ → [▶ 実行]
WHERE のない UPDATE・DELETE同じウィンドウで、赤い強い警告
  • DB リンクは 記憶されません。 エディタを開き直したら、もう一度選んでください。
  • 文字列の中の SQL(cur.execute("SELECT …"))では自動補完だけが使え、▶ 実行は付きません。.sql ファイルには DB の SQL エディタを使ってください。
  • Ctrl+L: 今のファイルを 同じタブのターミナルで動いている Claude Code に @ファイルパス で添付します。ターミナルに文字を入れる機能です。ヘッダー行のボタンはなくしました — AI チャットは開いているファイル・選んだ行・カーソルを最初から自動で見ています。
  • コードの意味検索プレビュー:言語インテリジェンスのないファイルで、3文字以上の単語にマウスを乗せると、統合検索から関連する結果を最大3件表示します。無料です。
  • AI チャットがエディタを見る:AI チャットは、開いているエディタのファイルパス・表示中の行・選択部分を自動で一緒に見ます(AI チャット)。
  • 文字の大きさ:Ctrl+= / Ctrl+- / Ctrl+0(既定 14、範囲 10~40)。エディタと DB の SQL エディタが同じ値を使い、記憶されます。
  • エディタの設定画面は別にありません。ダークテーマ、ミニマップ表示、タブ幅2、長い行の自動折り返しオフで固定です。

Mac では Ctrl の代わりに Cmd を使ってください。

ショートカットすること
Ctrl+S保存(リモートならサーバーに保存)
Ctrl+Iインライン AI (Pro)
Ctrl+F5 / F5実行 / デバッグで実行(止まっているときは続行)— デバッグは Python · JavaScript
F9その行の赤い点(ブレークポイント)のオン・オフ
F10 / F11 / Shift+F11 / Shift+F5次の行 / 関数の中へ / 関数の外へ / デバッグを停止
Ctrl+Lターミナルの Claude にこのファイルを添付
Escエディタを閉じて元の画面へ
Ctrl+Shift+W今のタブを閉じる
Ctrl+F / Ctrl+H / Ctrl+Gファイル内の検索 / 置換 / 行へ移動
Ctrl+Shift+Gフォルダ全体の検索・置換(ツリー・ターミナルで)
Ctrl+K統合検索
Ctrl+Shift+H変更履歴(ChangeSet)
Ctrl+` / Ctrl+PgUp · Ctrl+PgDnタブ選択ウィンドウ / 前・次のタブ
Ctrl+= / Ctrl+- / Ctrl+0文字を大きく / 小さく / 既定

Q. 自動補完・赤線が出ません。 対応している拡張子か、保存済みのファイルかを確認してください。インストールのウィンドウで [キャンセル] した場合は、アプリを再起動して [ダウンロード] を押してください。

Q. 「言語サーバーのインストールに失敗:npm install 失敗」と出ます。 パソコンに Node.js(npm)がありません。Node.js をインストールして、ファイルを開き直してください。Go・.NET の言語サーバーには Go・.NET SDK が必要です。

Q. ▶ 実行ボタンが見えません。 リモートのファイルや名前のないファイルにはありません。ローカルに保存したファイルでだけ表示されます。

Q. Ctrl+Shift+G を押すと「…でのみ利用できます」と出ます。 エディタの中で押しています。ファイルツリーかターミナルのタブを選んでから押してください。

Q. AI が直したファイルを、自分も同時に直していました。 エディタは上書きせず、金色の通知バーで先に確認します。比較して選ぶ で両方をまとめるか、どちらかを選んでください。既に上書きしたものは ChangeSet で元に戻せます。

Q. DB を選ぶ欄に接続がありません。 先に DB ツリーで接続してください。一覧は押すたびに読み直します。

Q. インライン AI で直したものを元に戻したいです。 Ctrl+Shift+H で ChangeSet を開いて元に戻してください(変更履歴 · Git)。