サクラエディタをオレオレ仕様に！カスタマイズ術

# ➊ はじめに
Win11ではOS付属のメモ帳もタブ化され便利になってきていますが、チョコチョコっと作業をメモる場合、慣れ親しんだ[**サクラエディタ**](https://sakura-editor.github.io/)がやっぱり便利ですよね。

でも、そのまま使っていては**もったいない！**
この記事では、サクラエディタをもっと快適に使うための「**見やすさにこだわったカラー設定**」のアイデアをご紹介します。

**こんな悩み、ありませんか？**

* コメントや文字列の色が見づらくて、必要な箇所を探すのに手間取る🤨💦
* 長時間作業で目が疲れる…😵‍💫💤

大丈夫です！見やすさがアップすることで、
* 疲れ目防止
* ストレス解消
* 作業効率の爆上がり

といった効果が期待できます🎉

👇こちらが設定前後の一例👇
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/64b1b0ad-7f87-f40a-19c7-235f58ee1d77.png)

「これ、便利そう！」と思った方は、この記事を読んで今すぐ試してみてください✨
さぁ、あなたのサクラエディタも進化させて、快適な作業環境を手に入れましょう！

# ➋ 具体的に何をするか
サクラエディタの画面ですが、こんな感じに**色分け**されていると見やすくないですか！？
これの「**設定方法**」と「**正規表現の解説**」をしていきます。

👇設定後の画面例👇
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/6f3e6d21-b1a2-8513-05d2-f1c582a5d150.png)

サクラエディタを格好良いカラーに切り替えつつ、正規表現も一緒にマスターして、作業効率をさらにアップさせちゃいましょう🥷✨

# ➌ サクラエディタの設定方法
設定方法ですが、「**(１)正規表現キーワードの設定方法**」と「**(２)カラーの設定方法**」を繰り返して、設定を増やしていく感じになります。

具体的には、「`正規表現キーワード`」タブ画面で、**正規表現キーワードの入力**と、それに合致した文字列を**どのカラー設定にするかを指定**します。その後、「`カラー`」タブ画面で、**カラー設定を自分の好きな色に設定**します。これにより、正規表現キーワードに合致した文字列をアナタが指定したカラーで表示させることができます。

## (１) 正規表現キーワードの設定方法
1. 「`サクラエディタ`」アプリを起動
1. 「`設定`➔`タイプ別設定`」を選択して、タイプ別設定画面を表示
1. 「`正規表現キーワード`」タブを押下
1. 「`正規表現キーワードを使用する`」のチェックボックスを`ON`
1. 「`正規表現`」の欄に`正規表現式`を記入
1. 「`色指定`」は、割り当てたい色指定名称を選択
1. 「`追加`」ボタンを押下して、正規表現キーワードを登録
1. 「`OK`」ボタンを押下

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/ab05fe08-3e80-be18-de77-efc56a8418f3.png)

::: note warn
正規表現キーワードは、設定順番も関係があり、上から順に評価されます。
:::

## (２) カラーの設定方法
1. 「`サクラエディタ`」アプリを起動
1. 「`設定`➔`タイプ別設定`」を選択して、タイプ別設定画面を表示
1. 「`カラー`」タブを押下
1. 「`色指定`」から、先ほど指定したカラー（例えば「`正規表現キーワード1`」等）を選択
1. 「`色分け/表示`」のチェックボックスを`ON`
1. 「`文字色`、`背景色`、`太字`、`下線`」を好みに変更
1. 「`OK`」ボタンを押下

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/338b86da-e6d9-2d70-4cc3-f9a05fe87777.png)

# ➍ 正規表現キーワードのお勉強
以下、**いくつか正規表現のサンプルの意味を記載**します。
正規表現のお勉強をしませう😊❤️

::: note
※サクラエディタで使用可能な正規表現式の詳細は、サクラエディタのヘルプにある「[利用可能な正規表現](https://sakura-editor.github.io/help/HLP000089.html)」をご参照ください。
:::

::: note warn
サクラエディタの**正規表現キーワード**は、全て「`/`」で始まり、「`/k`」で終わるように記載する必要があります。つまり「`/`<font color="purple">正規表現</font>`/k`」と記載する必要があります。また、大文字小文字を区別しない場合は「`/`<font color="purple">正規表現</font>`/ki`」と記載する必要があります。
:::

## (１) 先頭に特定の文字がある文字列を抽出
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/16138e19-ccaf-022f-742c-65d9211d8d95.png)

```txt:設定をコピーする際は、こちらからどうぞ
/^[■●◆].*/k
```
行頭が『`■`, `●`, `◆`』のいずれか<font color="blue">特定文字</font>で始まり、その行の残りすべてを抽出します。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/36dd8d68-d984-44bf-775f-eaa9ccdf4b0a.png)

この式は大きく(ａ), (ｂ)2つの要素から構成されています。
> (ａ) ：`^[■●◆]`
> (ｂ) ：`.*`

### (ａ) 正規表現解説：`^[■●◆]`
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/b25359aa-a648-ce4a-305f-63c8a415a3eb.png)
こちらの正規表現も大きく `^` と `[■●◆]` の2つの要素から構成されています。

* `^`：行頭という意味です。
* `[■●◆]`：外側の括弧内の文字のいずれか1つにマッチ

👉️つまり、**行頭の<font color="blue">特定文字</font>を抽出**します。

### (ｂ) 正規表現解説：`.*`
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/a4dde11a-d885-97f2-efb8-10422ce55c07.png)
* `.`：任意の1文字
* `*`：直前のパターンの0回以上の繰り返し

👉️つまり、**空文字を含む任意の文字列をすべて抽出**します。

## (２) 括弧で括られた文字列を抽出
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/48d45977-f503-531b-3e60-9654c6899046.png)
```txt:設定をコピーする際は、こちらからどうぞ
/(?<=[(\[{「『（])(.*?)(?=[)\]}」』）])/k
```
左側に<font color="blue">開始括弧</font>のいずれかの文字があり、右側に<font color="blue">終了括弧</font>のいずれかの文字があり、その間にある文字列を抽出します。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/c736d2b9-7de1-7830-9aef-6c50410bbd42.png)

::: note warn
* サクラエディタの設定上は「`¥`（エン）」と表示され、上記のコードブロック中では「`\`（バックスラッシュ）」と表示されますが、どちらも文字コードは「`U+005C`」と同じものです。アプリ内の設定画面とホームページとで、見え方が違うだけです。
* 以下、本文中（コードブロック以外）の正規表現は、見やすいように「文字コード`U+005C`」の「`\`（バックスラッシュ）」を無理やり「文字コード：`U+00A5`」の「`¥`（エン記号）」に置き換えています。**こちらをコピペしても動作しませんので、ご注意を！**
:::

この式は、大きく(ａ)～(ｃ)の3つの要素から構成されています。
>  (ａ)：`?<=[(¥[{「『（]`
>  (ｂ)：`.*?`
>  (ｃ)：`?=[)¥]}」』）]`

### (ａ) 正規表現解説：`?<=[(¥[{「（]`
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/525a0556-b82b-ee28-ff51-1575731c08ef.png)
こちらの正規表現も大きく (`?<=`) と (`[(¥[{「（]`) の2つの要素から構成されています。

* `?<=`<font color="blue">パターン</font>：**後読み**と呼ばれ、指定された<font color="blue">パターン</font>の後に続く位置を指定します。

* `[(¥[{「（]`：外側の括弧内にある文字のいずれか1つにマッチします。つまり、<font color="blue">開始括弧</font>を抽出します。（文字としての括弧"`[`"は、制御式ではなく文字であることを示すために、エスケープ文字"`¥`"を直前に付け"`¥[`"としています。）

👉️つまり、**開始括弧文字の後の位置を指定**します。

### (ｂ) 正規表現解説：`.*?`
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/f7eca4f1-f826-499c-200b-4708b48223a3.png)
* `.`：任意の1文字
* `*`：直前のパターンの0回以上の繰り返し
* `?`：できるだけ短くマッチする

👉️つまり、**必要最小限の文字列を抽出**します。

### (ｃ) 正規表現解説：`?=[)¥]}」）]`
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/eb744450-8491-d0bd-4056-25838c4fd3bf.png)
こちらの正規表現も大きく `?=` と `[)¥]}」）]` の2つに分割できます。

* `?=`<font color="blue">パターン</font>：**先読み**と呼ばれ、指定された<font color="blue">パターン</font>の前の位置を指定します。

* `[)¥]}」）]`：外側の括弧内にある文字のいずれか1つにマッチします。つまり、<font color="blue">終了括弧</font>を抽出します。（文字としての括弧"`]`"は、制御式ではなく文字であることを示すために、エスケープ文字"`¥`"を直前に付け"`¥]`"としています。）

👉️つまり、**閉じ括弧文字の前の位置を指定**します。

::: note warn
サクラエディタの正規表現エンジン（Oniguruma（Onigmo））は、基本的にPerl互換の正規表現をサポートしていますが、ネストされた括弧や複雑なパターンを扱いたい場合、サクラエディタの正規表現では限界があります。
:::

# ➎ 設定のインポートファイル
「やり方は分かったけど、設定すんの面倒臭いよ～設定ファイル頂戴！」というアナタ！
はい、分かります。以下の**GitHub**に設定ファイルをUploadしていますので、アナタのPCにダウンロードしてインポートしてみてください。インポート方法等は**GitHub**に記載しています。

<img width="200" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/493f307f-482f-8fe7-0b29-5249a0462bb6.png">

https://github.com/PoodleMaster/SakuraEditorSetting

# ➏ フォント
他にも、サクラエディタを見やすくするのにフォントの変更があります。

## (１) VLゴシック
私は、文字が識別しやすい等幅フォントである「**VLゴシック**」を選択しています。以下の**GitHub**からフォントをダウンロードし、PCへインストールしてください。その後、サクラエディタから「`設定`➔`フォントの設定`」を押下して、先ほどインストールした「**VLゴシック**」フォントを選択してください。

https://github.com/daisukesuzuki/VLGothic

<img width="600" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/4aa0a812-36eb-4435-90fb-5bbbca7a82e4.png">

## (２) 白源（HackGen）
他には、VLゴシックに似ていますが、「**白源（HackGen）**」なんかも良いかなと思います。
こちらは、矢印が半角サイズ（仕様）だったり、少し違っています。自分が気に入ったものを選択して、幸せになりましょう🕺✨️

https://github.com/yuru7/HackGen

<img width="600" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/937443fa-187c-d662-8455-008ca2d9f448.png">

# ➐ ツールバーのアイコン
ツールバーのアイコンもOfficeっぽい方がカッコいいし、使用するのにイメージしやすいので変更しちゃいましょう！アプリの高級感も増して、**気分上々**🕺✨になれます↑↑
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405376/59b8a561-866b-ac33-ce25-324bc963c27a.png)

以下のホームページにアップロードされているツールバー画像から、お好みのものをダウンロードしてください。ダウンロードしたものを「`my_icons.bmp`」とリネームし（すでに左記の名前になっていれば変更は不要）、サクラエディタのプログラムが入っているフォルダに移動しましょう。その後、サクラエディタを再起動するとツールバーアイコンがリフレッシュされ変更されます。

http://sakura.qp.land.to/?Customize%2FIcons

> 標準だとサクラエディタは「C:\Program Files (x86)\sakura」辺りに入っています。ここに「`my_icons.bmp`」を入れましょう。

# ➑ 終わりに
プログラミングするなら「`VS Code`」等が便利かなと思いますが、メモをチョコチョコっとやる位の場合は「`サクラエディタ`」が軽快で便利です。今回の「Qiita記事」は、自分の設定をクラウドに保存している感覚に近いかもです…

とりあえず、正規表現の解説もしていますので、アナタなりのカスタマイズもできると思いますので、ご活用いただければと思っています。

それでは、**今年もお疲れさまでした**😊　　　　:lgtm:👈️**ポチっ**

# 🎄 Advent Calendar アーカイブ 🎄
🥷2024 [サクラエディタをオレオレ仕様に！カスタマイズ術](https://qiita.com/PoodleMaster/items/7ae1d4dd906adc7a4e9f)
🥷2024 [DNSのスループット、ボクが測ってみた！](https://qiita.com/PoodleMaster/items/2a3a806014cf60d9ef77)
🐾2023 [【初学者必見】C言語 ｼﾞｬﾝﾌﾟﾃｰﾌﾞﾙを使って自動販売機をﾌﾟﾛｸﾞﾗﾐﾝｸﾞしよう](https://qiita.com/PoodleMaster/items/b320874907d0643489fc)
🐾2022 [【おとなの社会学】ポイント経済の仕組み](https://qiita.com/PoodleMaster/items/2024c92c99b04412e2dc)
🐾2021 [【webアプリ】画像の背景透過処理を行うwebサービスを作ってみた](https://qiita.com/PoodleMaster/items/e1f97e426c2a13acc861)
🐾2020 [【簡単】TeachableMachineを利用して「ゴクリAI認識」webアプリを作ろう](https://qiita.com/PoodleMaster/items/f08805bcf4e7596ba25b)