サクラエディタ初心者マニュアル

対象：初学者／講座配布用　｜　想定OS：Windows 10/11　｜　文字コード推奨：UTF-8（BOMなし）

1. サクラエディタとは

日本製の高機能テキストエディタ。メモからプログラミング・HTML編集まで軽快にこなせます。Windows標準の「メモ帳」より機能が豊富で、総合IDEより軽いのが特長です。

公式：https://sakura-editor.github.io/

2. インストール

  1. 公式サイト→「Download」から安定版インストーラ（.exe）を取得。
  2. インストーラを実行 → 案内に従って「次へ」。
    • 必要ならデスクトップにショートカット作成。
    • 既定の関連付けは後からでも設定可。
  3. 起動して動作を確認。
推奨: 講座では C:\Users\\ユーザー名\\Documents\\sakura-practice のように練習用フォルダを作り、そこに保存する運用にすると迷いません。

3. 初期設定チェックリスト（重要）

ここを整えると、文字化け・改行崩れ・インデント乱れなどの情報ロスを防げます。

  1. 行番号の表示： メニュー → 表示 → 行番号
  2. 文字コード： ウィンドウ右下（ステータスバー）で UTF-8 を確認／必要に応じて変更
  3. 改行コード： CRLF（Windows標準）を基本に。混在を避ける
  4. タブ幅／スペース： タイプ別設定 → 体裁 → タブ幅（例：4）／必要なら「Tabを空白に変換」
  5. 全角・半角の可視化： 表示 → 空白／制御文字の表示（学習中はON推奨）
  6. 自動インデント： タイプ別設定 → インデント（自動）
補足：UTF-8（BOMなし）推奨の理由

Web（HTML/CSS/JS）では UTF-8（BOMなし） が標準的。BOM付きは一部のツールで不具合になる場合があるため、迷ったらBOMなしを選びます。

4. 基本操作

ファイル

編集

検索・置換

5. 情報ロスを防ぐ要点（よくあるつまずき）

  1. 文字化け： 保存時の文字コードが不一致。UTF-8で統一。
  2. 改行崩れ： CRLF と LF の混在。プロジェクト内で統一。
  3. タブとスペースの混在： 表示をONにして目視確認。必要に応じて変換。
  4. 全角英数字： コード内では半角を基本に。変換機能で一括修正。
  5. 一括置換の誤爆： 正規表現や範囲を限定。置換前に「検索のみ」で確認。
最重要： 迷ったら「ステータスバー（右下）」の 文字コード／改行コード を確認する習慣をつける。

6. HTML編集向け設定

  1. 設定 → タイプ別設定 → 「HTML」を選択（シンタックスハイライト）
  2. インデント幅・自動改行・空白表示などを好みに調整
  3. 外部ブラウザで確認（例）：編集→外部コマンド→既定ブラウザで開く（環境により設定が必要）
最小のHTMLテンプレート 
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>練習ページ</title>
</head>
<body>
  <h1>こんにちは、サクラ！</h1>
  <p>これは練習用のHTMLです。</p>
</body>
</html>

7. Grep（フォルダ横断検索）

フォルダ内の複数ファイルをまとめて検索・（必要に応じて）置換します。

  1. 検索 → Grep（またはツールバーの「Grep」）
  2. 「検索する文字列」を入力。（必要なら正規表現ON）
  3. 「フォルダ」欄に練習用フォルダを指定（例：sakura-practice）
  4. 「ファイル」欄に拡張子（例：*.html;*.css;*.js）
  5. 検索実行。結果ウィンドウから該当箇所にジャンプ可能。
注意： Grep置換は取り消しが難しくなることがあります。まずは検索だけで影響範囲を確認。

8. 正規表現ミニチートシート

9. 練習課題

  1. 保存と文字コード： 新規ファイルをUTF-8（BOMなし）で保存し、再度開いて確認。
  2. HTML作成： テンプレートを写経し、見出し・段落・リンクを追加。
  3. 検索・置換： <h1> を <h2> に置換（正規表現OFFで実施→ONで応用）。
  4. 矩形選択： 行頭に同じテキスト（例：<!-- TODO -->）を複数行に同時挿入。
  5. Grep検索： フォルダ全体から「TODO」を検索し、該当ファイルへジャンプ。

10. ショートカット早見表

Ctrl+N 新規 ／ Ctrl+O 開く ／ Ctrl+S 保存 ／ Ctrl+Z 元に戻す ／ Ctrl+Y やり直し ／ Ctrl+F 検索 ／ Ctrl+H 置換 ／ Ctrl+A すべて選択 ／ Alt+ドラッグ 矩形選択

※ キー割り当ては環境や設定で異なることがあります。

11. 付録：印刷時のコツ／トラブル対処

印刷のコツ

トラブル対処早見表

講座用配布資料 © 2025