## JavaScriptを使うためには開発環境が必要

JavaScriptは、Web ページに動的なものを実装できるプログラミング言語です。JavaScriptの開発をするときには自分で開発環境を準備する必要があります。

**「開発環境を準備する」と聞くと、少し難しい印象があるかもしれませんが、JavaScriptの開発環境用のツールが多くあります。**ですのでツールを使えばすぐに開発環境を準備することができます。この記事では、JavaScriptの開発環境に必要な準備やツールを紹介します。

JavaScriptの入門！その概要や文法の基礎について解説！

まず前提知識として、開発環境とは何か触れておきます。**開発環境とはコードを管理したり、実行してテストするために必要なものを含めたもの**です。

JavaScriptでコードを書く時にも、もちろんこの開発環境が必要になります。開発をこれからする人はまず一番初めに開発環境を構築する必要があります。

### 開発環境の構築に必要な準備とは

まずは、JavaScriptの開発環境に必要な準備をしましょう。JavaScriptの開発環境は、**ソフトを入れてパソコンに直接環境を用意するローカル環境と、ブラウザ環境に分けられます。**

ローカル環境では専用のツールの準備が必要です。一方でブラウザ環境では、インターネットに接続することが必要になります。またブラウザ環境ではインターネットに接続していることに比べ、開発環境のツールが必要になります。

## JavaScriptのおすすめ開発環境ツール9選

ローカル環境とブラウザ環境のどちらで開発するか決めた後は、開発環境のツールを選びましょう。それぞれで使用できるツールが異なりますので、別々にご紹介します。また現在では、スマートフォンでJavaScriptの開発環境を提供するアプリもあります。

## ローカルで開発環境できるツール

まずはローカルで開発環境を構築できるツールを４つご紹介します。ローカルで開発環境を構築するときは、ツールをインストールする必要があります。

インストールをするときには公式サイトでパソコンのOSや、ツールのバージョンを確認してからインストールしてください。

IDEとは？詳細やメリット、おすすめのIDEを紹介します！

Visual Studio Codeはエディタからサーバーサイドのデバッグまでできるツールです。また*拡張機能を使用してAzureやGitHubと連携してデプロイすることも可能*です。

その他にも拡張機能を使えば他の開発メンバーとリアルタイムで同時に作業も出来ます。

【参考】：[Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)

Visual Studio 2022の新機能がIDEで歴代最高な理由

EclipseはもともとJava向けの統合開発環境ですが、プロジェクトの作成時にHTMLやJSPをサポートするプロジェクトを選択すると、JavaScriptの開発環境としても使用することができます。

Eclipseの公式サイトからインストーラーをダウンロードして、表示されるダイアログに沿ってインストールすれば、すぐに開発環境を起動できます。

【参考】：[Eclipse IDE](https://eclipseide.org/)
【参考】：[documentation - Current Release](https://help.eclipse.org/2022-09/index.jsp)

## ブラウザで開発環境できるツール

次にブラウザで開発環境を構築できるツールを５つご紹介します。ブラウザの開発環境では、ダウンロードやインストールが不要なため、サイトにアクセスしてすぐに開発を始めることが出来ます。

Web Makerは、HTMLやCSS、JavaScriptの実行環境を提供しています。*SCSSやSASS、TypeScriptなどにも対応しているので、別の言語を試したいときにも使うことができるツールです。*

サイトへアクセスすると、エディタ画面が表示されるのですぐに開発を始めることができます。

また、Chrome拡張機能とWebアプリとしても利用できます。この2つはどちらもオフラインで実行できます。

【参考】：[ウェブメーカーWeb Maker](https://webmaker.app/app/)

Runstantは、ブラウザ上でエディタの機能と、実行環境を兼ね備えたフロントエンド開発ツールです。*ブラウザでコードを書いてすぐに実行できたり、コンソール画面でデバッグを行えたりします。*実行結果をTwitterなどのSNSで共有することもできます。

【参考】：[Runstant](https://runstant.com/)

GlichはNode.jsも含まれているため、クライアントだけでなく、サーバーサイドの開発もできる開発環境です。またブラウザからGlichにアクセスするだけで、すぐに開発を始められます。

【参考】：[glich](https://glitch.com/)

PLAYCODEはHTML、CSS、JavaScriptなどのコードの記述、実行、デバッグなどができます。入力補完機能やシンタックスハイライト機能もあり、タイプミスをすることなく関数などを入力できます。

*またライブビューという機能があり、入力したタイミングですぐに実行結果を表示してくれる機能も提供しています。*

PLAYCODEも公式サイトへアクセスして、「始めましょう」というボタンを押すとエディタ画面へ遷移しますので、そのページからすぐに開発を始めることができます。

【参考】：[PLAYCODE](https://playcode.io/)

Paiza.ioはJavaScriptをはじめとして、C言語やJava、Rubyなどさまざまな言語の開発環境をオンライン上で用意しています。サインアップをすると、過去に自分が書いたコードを編集出来る機能などもあります。

外部APIとの通信なども回数の制限はありますが、無料で行うことが可能です。

【参考】：[Paiza.io](https://paiza.io/ja)

## スマートフォンで開発できるツール

スマートフォンでも、JavaScriptの開発をすることができます。事前にアプリをインストールしておけば、移動中や少しだけコードのデバッグをしたいときにすぐに開発することができます。

今回はiPhoneアプリとアンドロイドアプリそれぞれでリリースされているアプリをご紹介します。

### アンドロイドの開発環境アプリ

アンドロイドのアプリには、「spck Editor/ Gitクライアント」というアプリがあります。

コードを記述する時もハイライトやコードスニペット、GitHubにコミットも出来ます。例えば外出先でスマートフォンを使って開発をして、そのままGitへcommitやpushもできます。

【参考】：[Spck Editor / Gitクライアント](https://play.google.com/store/apps/details?id=io.spck&pli=1)

iPhoneアプリには、「JavaScript Anywhere」というアプリがあります。*JavaScript Anywhereは2010年にリリースされているツールで、JavaScript、HTML、CSSのコードエディタ機能、コンソールログ、シンタックスハイライト、プレビューなどの機能を提供しています。*Dropboxと連携も可能なので、Dropboxのファイルをインポート、エクスポートすることも可能です。

【参考】：[JavaScript Anywhere JSAnywhere](https://apps.apple.com/jp/app/javascript-anywhere-jsanywhere/id363452277)

## JavaScriptの開発環境はMacとWindowsのどちらでもよいのか

JavaScriptの開発環境は、MacとWindowsのどちらのOSにも対応しているか疑問に思われる方もいるのではないでしょうか。

結論をお話しすると、JavaScriptはMacとWindowsのどちらでも開発環境を用意できます。*ただツールによっては、Macのみ対応しているものなどもありますので、ツールを使用する前には対応しているOSを確認しましょう。*

エンジニアにとって最適なOSは？用途に応じた選定方法を解説！

## ChromeでJavaScriptを開発できるのか

Chromeの検証機能を使うと、簡易的にJavaScriptの開発ができます。

ChromeやFirefoxといったブラウザでは、それぞれソースコードを「検証」できる機能が用意されています。例えばChromeを起動した状態で右クリックを押すと、メニューが出てきます。

このメニューの中の「検証モード」を押すと、今表示しているページのHTMLやCSSを確認することが出来ます。この中のコンソールタブの中にJavaScriptのコードを記述すると、実行して結果を確認することが出来ます。

*本格的にコードを何百行も書く場合にはこの方法は非効率かもしれませんが、少しだけコードの挙動を確認したい場合にはコンソールを活用することもできます。*

## テキストエディタでも開発はできるのか

*結論から言うと、JavaScriptの開発はサクラエディタやメモ帳といったテキストエディタでも可能です。*

例えばサクラエディタやワードパットなどのエディタでもソースコードを記述することはできるので、ソースコードを書いてファイルの拡張子をJavaScriptのファイルに変更すればjsファイルを作成できます。ファイルを作成したらChromeの検証ツールでデバッグすることも可能です。

しかし、テキストエディタはソースコードを書くことに特化していないため、コード補完機能やハイライトをしてくれません。コード専用のエディタには、このような機能がついているものもあるため、コードのミスや記述スピードを上げることもできます。

テキストエディターとは？エンジニア初心者におすすめのエディタも紹介！

サクラエディタの正規表現まとめ！置換やGrepなど使い方と使用例

## ツールを活用してJavaScriptで開発してみよう！

**JavaScriptはサーバーサイドの処理も含めた実装ができるため、フロントエンド開発でどんどん需要が高まっている言語でもあります。**スキルアップを目指すためにもJavaScriptの開発をしてみましょう。

今回の記事でご紹介したように、JavaScriptの開発環境はローカル、ブラウザ、アプリと様々な方法で準備が出来ます。自分に合った方法でまずは開発環境を整えるところから始めてみましょう。

JavaScript入門者・中級者におすすめの技術本8選！

JavaScriptに関するフレームワークについて徹底解説！

JavaScriptはWebページに動的なものを実装できるプログラミング言語です。JavaScriptを使って開発するには開発環境の準備が必要です。この記事ではJavaScriptの開発環境をこれから構築する方向けに、開発環境に必要なツールなどをご紹介します。

JavaScriptの開発環境はローカル環境と、ブラウザ環境の２種類があり、それぞれで使用できる開発環境のツールが異なる

JavaScriptはMacでもWindowsのどちらでも開発できる

ローカル環境とブラウザ環境それぞれの開発環境に必要なツールがわかる

JavaScriptのおすすめ開発環境ツール9選！おすすめのエディタや必要な準備も紹介

**ソフトウェア開発において、テストは品質を担保する上で大変重要な工程**です。ソフトウェアのテストをレベルに分けると、大別して次の4つがあります。*「単体テスト」（コンポーネントテスト）、「結合テスト」、「システムテスト」、「運用テスト」*です。ソフトウェアの品質を担保するには、各テスト工程において各種検証を通じ、*バグの洗い出しと、その改修を行うこと*です。

ここでは、「結合テスト」を中心にして「単体テスト」も含め、その種類・目的・観点・手法などについて解説していきます。「結合テストは難しい」というイメージがありますが、実際にやってみるとさほど難しくはありませんので、ぜひ体得してエンジニアとしてのスキルを磨いてください。

「テスト」について解説していく前に、それぞれのテストがシステム開発工程のどこに位置するのかを確認しておきましょう。

システム開発の工程の「単体テスト」と「結合テスト」の違いを徹底解説！

システム開発の工程には、*「ウォーターフォールモデル」「アジャイルモデル」「プロトタイプモデル」*などがありますが、ここでは**伝統的な「ウォーターフォールモデル」を念頭に置いて、システム開発の工程について解説**していきます。
各工程については略語も表記しておきますので、この機会に覚えてください。

アジャイル開発の特徴、メリット・デメリット、DXとの関係など

### 要件定義：RD（Requirements Definition）

要件定義フェイズは、システム化計画やシステム企画フェイズで作成した計画書をベースにして、**ユーザーやクライアントが実現したいことを機能要件、技術要件にまとめる工程**です。*成果物としては要件定義書*で、内容について*クライアントやユーザーの合意*を得た上で基本設計フェイズに進みます。

高品質なシステム開発に欠かせない機能要件と非機能要件とは？

プロジェクトの成否を左右する非機能要件の一覧について詳しく解説！

### 基本設計（外部設計）：UI（User Interface）

基本設計フェイズでは、**要件定義工程で決定した内容に従って、主にユーザーインターフェースを決定**します。プロジェクトの規模にもよりますが、*基本設計書は一般的にシステムの大きな機能ごとに作成*されます。「システム構成図」「画面一覧」「帳票一覧」など、数十種類の資料が成果物となります。また、*機能は「機能要件」と「非機能要件」に分かれます*。

### 詳細設計（内部設計）：DD（Detail Design）

詳細設計フェイズでは**基本設計書の内容に従い、システムに搭載する機能をモジュールごとに分割して、詳細設計書にブレイクダウン**していきます。*「機能仕様書」「データフロー図」「データベース設計書」などもここで確定*していきます。

### プログラミング：PG（Programing）

主に**プログラマーが詳細設計書の内容に従ってプログラミングを行います**。プログラミングとコーディングを同義と考える方もいますが、*プログラミングはプログラムを作成する作業全般のことで、コーディングはプログラミング言語を用いてソースコードを作成することを意味します。つまり*コーティングはプログラミング作業の一部*です。

現場で多く使われるプログラミング言語一覧！種類別に詳しく解説

### 製造・単体テスト：M（Manufacture）、UT（Unit Test）

**詳細設計書に基づいて作成したプログラムが、詳細設計書通りの動きをするかどうかを確認**します。プログラマー自身がテスト仕様に基づいてテストするケースが大半ですが、*テスターと呼ばれる担当者がテスト工程を担当することも*あります。

新人が任されやすい単体テストとその仕様書の作成について徹底解説！

### 結合テスト：IT（Integration Test）or JT（Joint Test）

単体テストで問題が発見されなければ、**複数のモジュールからなるサブシステム全体のテスト**を行います。ここで、*各サブシステム間のインターフェースに問題がないか、各サブシステムの連携が正常に行えているかなどの確認*を行います。

### システムテスト（総合テスト）：ST（System Test）

結合テストフェイズで、各サブシステムに問題がないことを確認できたら、**システム全体を動かして不具合がないかどうかを確認**します。要件定義通りの動きをしているかを確認しますが、*パフォーマンスチェック*も行います。
アクセスが集中した時や処理データ量が急増した時など、*イレギュラー時の動きについても確認*します。

結合テストとシステムテストの違いは、*結合テストはあくまでもサブシステム内の全体テスト、システムテストはシステム全体のテストである*点が大きく異なります。

### 運用テスト：OT（Operation Test）

運用テストは、**開発したシステムを納品・リリースする前に行う最終工程**です。*実際の本番イメージでシステムが正常に稼働するかどうか、誤操作などで不具合が起きないか、操作性に問題がないかなど、起こりうるトラブルをすべて想定して、細かくチェック*を行います。


ここで不具合を発見できないと、クライアントやユーザーに重大な損害をもたらす事もあるため、*小さな不具合も見逃せない重要な工程*と言えます。この後、*システム移行（リリース）の工程を経て、システムの「保守・運用」フェイズ*へと進みます。

運用テストってどんなテスト？目的や内容、注意すべきポイントとは？

前述した通り、単体テストはプログラム毎にテストを行います。ここでは単体テストについて、目的や観点を簡単に解説します。

**単体テストを行う目的は、プログラム単位の不具合を発見し、早期に修正して結合テストの効率を上げ、ソフトウェアの品質を担保すること**です。

**単体テストの観点としては、主に「条件網羅テスト」と「境界値テスト、異常値テスト」の2種類**があります。

「条件網羅テスト」は一般的によく行われるテストで、*詳細設計書に記述されたロジックの条件を網羅したテスト*で、仕様通りに動作するかどうかを確認します。

「境界値テスト、異常値テスト」では、本来受け付けてはならないイレギュラーなデータを意図的に入力して、それらが正しく弾かれるかどうかを確認します。基本的にはこの両方の観点で単体テストを行います。

単体テストを無事通過すると、結合テスト工程に入ります。**結合テスト工程では、複数のモジュールから構成されるサブシスムごとにテストを行います**。ここでは、*結合テストの目的・観点・手法について紹介*していきます。

**結合テストは、モジュール間の連携やデータの受け渡しなどに問題がないことを確認するのが目的**です。ここで不具合が発見されると、仕様書に遡って仕様書の修正、プログラムの修正が行われることもあります。しかし、*結合テストを確実に実施おくと、総合テストで大きな問題が起きることは少ない*でしょう。

結合テストには、*同一サブシステム内でモジュール間で行う「内部結合テスト」と、サブシステム間の機能連携について確認を行う「外部結合テスト」*があります。

前述の通り、結合テストには「内部結合テスト」と「外部結合テスト」があり、それぞれ確認する観点が異なります。

*「内部結合テスト」では、1つのサブシステム内における機能連携の観点から確認し、「外部結合テスト」では、サブシステム間や他のシステム間との機能連携の観点から確認*を行います。両者に**共通するのは、機能と機能同士の連携が正常に行われているかどうかを確認する**点です。
また、テストの観点を見逃すことがないよう、次項の*「テスト観点リスト」*を作成してテストを行う開発者もいます。

「システムテストの観点に基づくサンプル」や「結合テスト計画書」の記述項目などが以下、IPA作成のガイドブックなどにも載っていますので、ぜひ参照してみてください。

*【参照1】：[高信頼化ソフトウェアのための開発手法ガイドブック（IPA：独立行政法人 情報処理推進機構）](https://www.ipa.go.jp/files/000005144.pdf)*

*【参照2】：[ソフトウェアテスト見積りガイドブック（IPA：独立行政法人 情報処理推進機構）](https://www.ipa.go.jp/files/000005132.pdf)*

<center>[『<b>マイナビIT AGENT</b>』なら、<br/>IT業界に精通した専任アドバイザーと豊富な求人で、<br/>あなたの転職活動を丁寧にサポートします。](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv15)</center>

前述のテスト観点をまとめたものを*「テスト観点リスト」*と呼びます。

結合テストを行うエンジニアが「テスト観点」を理解はしていても、*属人的な判断に委ねてしまうと、エンジニアによって「テスト観点」に温度差が生じ、必要なテストが漏れてしまうリスク*があります。

そこで役立つのが「テスト観点リスト」です。システム開発は、さまざまな設計書、仕様書に基づいて進められていきますが、*テストにもテストとしての仕様書が必要*です。
「テスト観点リスト」には定型パターンがありませんので、システムの種類や特性ごとに個別に作成する必要がありますが、**重要なことは観点がずれない、観点を漏らさないこと**です。

### テスト観点リストの作成方法

*ソフトウェア品質評価の国際規格に「ISO/IEC9126」*があります。「ISO/IEC9126」は、*品質特性として機能性・信頼性・使用性・効率性・保守性・移植性の6つ*を挙げています。テスト観点リストは、それらを**「大きな観点」から「小さな観点」にブレイクダウン**していきます。
たとえば、品質特性の中で「機能性」を1つの観点にして次のようにブレイクダウンしてみましょう。信頼性・使用性・効率性・保守性・移植性についても同様に記述します。

 　　　　　　　　　　　（観点リストの例）

*大分類　>   中分類    > 小分類  >　細分類    >　テスト観点*

・機能性> 機能テスト>画面表示>レイアウト>配置・サイズ・タイトル

・　　　　　〃                      　 > 画面項目  >文字の内容・文字サイズ・文字の書式・初期値...

以上はあくまでも1つの例てす。*「テスト観点リスト」は自由に作成して構いません。作成し、改廃して、組織ノウハウとしていきます*。
その際、エンジニアのミーティングで*衆知を集め、「テスト観点リスト」の完成度を高めていけば、テストはより効率的、効果的になり、品質向上に大いに役立つ*でしょう。

コードレビューの観点とは？やり方や便利なツールについても紹介！

**結合テストにはいくつかの種類や手法**があります。以下、*代表的な結合テストの種類や手法*について紹介します。

*■インターフェーステスト*
それぞれの**プログラムやモジュールが、互いに正しく連携して動くかどうかを確認するテスト**です。AのプログラムからBのプログラムに正しくデータが引き渡しをされているか、といった観点で検証します。

*■ブラックボックステスト*
内部構造は把握せず、**ユーザーの視点で、入力したものから正しい出力が得られているかを確認**します。このテストでは開発の知識は求められませんので、開発関係者以外のメンバーや、初心者でも行えることから、費用対効果の高いテストであるといえます。

*■業務シナリオテスト*
こちらはさらに**実際の業務を想定した動作確認を行うテスト**です。業務に則した操作が中心となるため、実際にシステムを操作、利用するユーザーに行ってもらう場合もあります。そこで*重要なことは、イレギュラーな操作を必ず行うこと*です。たとえば、本来あり得ないような数値やデータを入力したり、エンターキーを何度も叩いたり、といったことを実施することです。

*■負荷テスト*
**負荷テストは、システムに最大の負荷をかけた場合の動作状態を確認し、システム停止やパフォーマンス低下が起こらないかを確認するテスト**です。たとえば、想定する最大のアクセス数があった場合や、想定する最大のデータ量を処理した際のパフォーマンスなどを確認します。
また、結合テストは納期がタイトになると、スケジュールを圧迫することが少なくありません。*テストの自動化ツールやシミュレーターソフト*などを利用することで結合テストを効率化し、その負荷をかなり軽減することができますので、ツールの活用も検討してみましょう。

## システムの品質アップの鍵はテスト

システムはどんなに手を掛けて開発しても、*本番で大きなトラブルを招くと、失うものも大変大きなものに*なります。クライアントやユーザーに多大な迷惑を及ぼすばかりか、その企業の顧客に対しても損害を与え、企業の根幹を揺るがす事態も起こり得ます。


また、*システムエンジニアとしての信用が落ち、取引ができなくなる*かもしれません。そこで、重要なポイントとなるのはテストやスケジュールです。納期優先で工数を短縮した結果、テストが不十分となり、本番で重大な不具合が生じるケースを避けるには、**余裕のあるスケジュールと確実なテストの実施**です。

多くのシステム障害の原因の大半は、イレギュラーケースを想定した結合テストや総合テストをしていないことにあります。これは不可抗力ではなく*ヒューマンエラー*です。

**エンジニアの成果は、作成したシステムの品質で決まります**。品質を高めるには、高いテストスキルを持つことです。これを読まれたエンジニアの皆さんは、ぜひ*テストを重視するエンジニアを*目指してください。

システム開発においては必ず単体テストや結合テストを行いますが、各テストは目的や観点が異なります。システムはプログラムやサブシステムの集合体であり、目的や観点に応じた正しいテストを行うことが重要です。ここでは結合テストの目的、観点などを中心に解説していきます。

ソフトウェア開発において、テストは品質を担保する上で大変重要な工程である。

結合テストには「内部結合テスト」と「外部結合テスト」の2つの観点がある。

エンジニアの成果は、作成したシステムの品質で決まるため、品質を担保するテストは確実に行うことである。

結合テストの「内部結合テスト」と「外部結合テスト」は何が違う？観点や目的も解説

サクラエディタとは、Windows向けの定番テキストエディタです。*動作が軽い上に多機能なため、初心者から上級者まで幅広く使用されています。*リリースから長年にわたり愛用者も多く、現場で活用しているプログラマやシステムエンジニアなども多いです。

【参考】：[サクラエディタ](https://sakura-editor.github.io/)

難しくなった？Windows11のデフォルトブラウザ変更方法を解説

正規表現とは、共通の文字列を持つ複数の文字列を1つの表現で表す方法のことです。文字列の中に固定の文字列と変動する文字列がある場合に、変動する文字列の内容に条件を付け、それに当てはまるものを拾い上げます。

**正規表現を使うと1つの検索条件で条件に当てはまる文字列を広く検索することができ、作業の効率アップを図ることができます。**

サクラエディタでも便利な正規表現を使用することができます。この記事では、サクラエディタの正規表現を使った便利な検索や置換の一部をご紹介していきます。

初心者におすすめのHTMLエディタ5選！便利な機能で開発効率もアップ

例えばある文章の中に、「20xx年xx月xx日」という形式の日付が複数含まれていて、それをすべて検索したいとします。

「2020年01月09日、2003年11月28日、2014年08月14日」などがあった時、サクラエディタの正規表現を使うと「20..年[0-9]+月[0-9]+日」でこれらすべての文字列をまとめて表すことができます。

*このように一定の形式が決まっている文字列を探す時に、1つの表現ですべてを検索することができるのが「正規表現」です。*

### サクラエディタで正規表現を使うには

*サクラエディタで正規表現を使う場合には、検索および置換ウィンドウにある「正規表現」にチェックが必要です。*忘れないようにチェックを入れましょう。

正規表現が必要ない場合には、チェックを入れていると検索や置換が意図した通りにできない場合があるため、チェックを外すようにしてください。

### サクラエディタは複数行に渡る検索はできない

*サクラエディタの検索機能では、複数行にわたる正規表現は使えないため気をつけましょう。*

例えば、下図で「山梨県」で始まり「静岡県」で終わる文章を検索するために正規表現を使って「山梨県.*静岡県」で検索する際は、同じ行に含まれていれば検索できます。

しかし、複数行にわたる場合は検索できません。

## サクラエディタのよく使う正規表現

ここでは、サクラエディタでよく使用する正規表現を紹介します。

*「¥」 退避修飾（エスケープ）*

「¥」は一般的に言われる「エスケープ文字」です。この文字の次の文字は正規表現記号であっても普通の文字として扱います。

例えば正規表現を使った検索の中で「.」（ドット）は「任意の1文字」を意味するため、「.」の文字自体を文章の中から検索することができません。そこで「¥.」と検索することで「.」を検索することが可能です。

また、後述しますが「¥」の次に特定のアルファベットを組み合わせると特殊な文字を表現することができます。

「|」を使うと論理和「or」を指定することができ、「または」の検索ができます。

例えば、正規表現で「20(20|19)年」は「2020年」または「2019年」にマッチします。

(...)では、()カッコの中の文字列がグループとして扱われます。

 例えば、大文字小文字を区別せず「(apple)」と検索した場合、「Apple」と「Pineapple」が検索できます。

*[...]  文字集合（文字クラス）*

[...]では、[]カッコに当たる1文字が属する文字の集合を表します。

例えば、「[XYZ]」は、XかYかZのどれか1文字にマッチします。

「^」を頭に付けると否定を表します。

「[\^XYZ]」は、XとYとZ以外の任意の1文字にマッチします。

文字の範囲を表すこともできます。

「[A-Z]」とするとAからZの任意の1文字、「[0-9]」とすると0から9の任意の1文字とマッチします。

「.」（ドット）は任意の1文字を表します。

一般的に「あらゆる文字」を意味する「ワイルドカード」の目的で使われることが多く、後述する繰り返しを意味する「*」（アスタリスク）とよく組み合わせて使用されます。

例えば、正規表現の「a.c」は「abc」「a8c」「a@c」など、「a」+「任意の1文字」+「c」のパターンを持つ文字列にマッチします。

これに当てはまらない「ac」や「a35c」などにはマッチしません。

「¥d」は10進数の数字1文字を表します。

例えば、「第¥d回」は「第1回」「第5回」のように「第」+「10進数の数字1文字」+「回」のパターンを持つ文字列にマッチします。

これに当てはまらない「第一回」や「第27回」などにはマッチしません。

直前の文字を繰り返す表現で、「量指定子（数量子）」と呼ばれます。

**「*」は直前のパターンの0回以上の繰り返しを表します。**

任意1文字を意味する「.」と組み合わせた「.*」は「文字すべて」を意味し、文字数を制限しないあらゆる文字を表すワイルドカードとしての役割を果たします。

例えば、「aaa.*」は「aaa」を含む以降の文字すべてにマッチします。

「.*aaa.*」は、「aaa」の前後を含む行内のすべての文字にマッチします。

**「+」は直前のパターンの1回以上の繰り返しを表します。**

例えば、「number[0-9]+」とすると、「number」と「0から9」（何文字でも）の組み合わせを表現しており、「number0」「number18」「number2022」などにマッチします。

**「+」が「*」と異なるのは、直前のパターンを少なくとも1回は含むことが条件**ということです。

「numberZero」や「number 18」などは、「number」の直後 ( =「+」の直前)に1回も「0から9」がないためマッチしません。

「tab」キーを押した時に入力される「タブ」を意味します。

サクラエディタは初心者から上級者まで愛用されるテキストエディタです。正規表現を活用することで文書内の文字列のパターンマッチングができ、検索や置換を効率的に行うことができます。この記事ではサクラエディタで使える正規表現の基本を解説し、便利な使用例を紹介します。

サクラエディタの正規表現を使うと検索や置換を効率よく行える

サクラエディタでよく使う正規表現の種類や使い方がわかる

サクラエディタの正規表現をどのように使えば良いかの実例を確認できる

サクラエディタの正規表現まとめ！置換やGrep、ワイルドカードなど使い方と使用例

## Windows11でメモ帳の機能が変わった

Windowsに付属する「メモ帳」（notepad.exe）はWindows1.0登場以来使われ続けた、お馴染みのテキストエディターでした。

フォントの変更が可能になったり、64Kb以上のテキストファイルが扱えるようになったり、多少の改善が行われたものの、基本的な機能やデザインは長い期間、ほとんど変更はありませんでした。

お役立ち記事