*[【マイナビITエージェント】あなたの転職活動を無料でサポートいたします](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=banner&utm_campaign=acv01)*

**「単体テスト」や「結合テスト」とは、システム開発の工程の1つです。**そもそも、このシステム開発はどのような流れで行われるのでしょうか？**システム開発は決められた手順通りに進めていきます。**例えるなら、家を建てる過程と似ています。

ここでは、簡単にですが、システム開発の工程がどのようなものかを紹介していきたいと思います。
**システム開発の工程は、「要件定義→外部設計→内部設計→プログラミング（構築）→単体テスト→結合テスト→システムテスト→運用テスト→システム移行」のような流れをたどります。**
なお、「インフラエンジニア」と「アプリエンジニア」でプログラミングの有無など、多少工程は変化します。*今回は「アプリのシステム開発」を基準に紹介します。*

インフラエンジニアはキツイのか？その仕事内容やスキル、将来性を解説！

*・要件定義*
要件定義では、システム開発プロジェクトを進める前に、顧客にとって必要な機能や要件をまとめる作業のことです。プロジェクトが進んでいくとともに要件定義に立ち返ることも多く、目的をはっきりさせる工程となっています。プロジェクトが上手くいくかは要件定義で決まると言っても過言ではありません。

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

*・外部設計*
外部設計では、要件定義で作成した内容をもとに、外見的な見た目の部分を設計していきます。ユーザーの使いやすさに影響を与える部分になるので、使いやすいシステムを作るために大切な工程になります。

*・内部設計*
内部設計では、システムの中身であるプログラミングの設計をします。外部設計はユーザー側からの視点よりでしたが、内部設計では、開発者側からの視点よりで設計していきます。

*・プログラミング（構築）*
内部設計で、プログラミングの設計が決まりましたら、設計書通り、プログラミングを行っていきます。ただプログラミングを行うのでなく、設計書を作成した人と次に紹介するテストを行う人と積極的にコミュニケーションを行うのも大切です。

*・単体テスト*
後で詳しく紹介しますが、単体テストでは、プログラミングの対象単位ごとにテストをおこなっていきます。この単位をモジュールと言われたりします。単純作業になりがちなこともあり、効率が求められる工程でもあります。

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

*・結合テスト*
こちらも後で詳しく紹介しますが、結合テストは、複数のモジュールを組み合わせ、正しく機能しているか検証します。結合テストは、テスト項目の洗い出しが難しい部分でもあります。

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

*・システムテスト*
システムテストでは、全ての作成したプログラムが、要件定義で作成したシステム要件通りに正しく動くかをテストする工程です。性能や機能のテストを行います。ここからは、アプリの基盤を作成したインフラエンジニアの人と強力して行っていくこともあるでしょう。

*・運用テスト*
運用テストでは、実際にシステムを運用する顧客先の環境を設定しに、システムに影響や不具合がでないかをテストしていきます。これまでのテストと比較すると実用性に重きを置いたテストとなっています。

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

運用テストと受入テストの違いとは？
相違点を理解してシステムの品質を高めよう！

*・システム移行*
システム移行は、古いシステムから新しく開発システムへ切り替える工程です。成功するか、ハラハラする工程でもあります。

*・保守・運用*
保守・運用では、システムが問題なく運用しているかチェックしたり、よりよい状態にシステムを稼働させることはできないか、プログラムを修正したりも行います。システムは24時間365日稼働していなければならないものもあり、常にシステムを監視する業務も含まれます。

【保守・運用】仕事内容や将来性、必要なスキルについて徹底解説！

### システム開発のモデルの紹介

**システム開発には、さまざまな種類の開発モデルが存在します。**例えば、「ウォーターフォールモデル」、「プロトタイプモデル」、「スパイラルモデル」、「アジャイル開発」などです。ここでは、システム開発で最もよく使われる2種類のモデルを紹介します。

*・ウォーターフォールモデル*
**ウォーターフォールモデル**は、要件定義や設計などの上流工程から、テスト、保守・運用などの下流工程へ、順を追って行われていくのが特徴です。例えば、設計が完全に行っていないのに、プログラミングを行うことはありません。
メリットとして、スケジュール管理がしやすいので、大規模なシステム開発に適している開発手法となっています。一方、デメリットは、工程でのミスが生じた場合の手戻りがある場合、時間を要してしまいます。

*・アジャイル開発*
**アジャイル開発**とはスピード感のある開発手法となっています。アジャイルとは、「素早い、機敏な」と日本語に訳されます。その名の通り、短い開発期間で単位を区切り、全体を作っていき、変更や修正を随時行う開発方法です。
メリットは、成果物がすぐに欲しいときや、新しい技術開発などでとりあえず作ってみるようなときに、適している最開発方法です。デメリットは、スケジュール管理がしづらいところです。

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

## 単体テストと結合テストの概要紹介

これまで、システム開発の流れを見てきました。**システム開発の中でシステムエラーを未然に防ぐために重要なのがテスト工程です。**作成したシステムを納品するまでに、顧客が求める要件が満たされているか、たとえエラーが出力されてもシステムが稼働することができるような作りになっているかを地道にテストすることが必要です。

ここからは、単体テストと結合テストについて詳しく紹介していきます。それぞれの目的や観点、手法についても紹介しましょう。余談ですが、単体テストは「単テ」、結合テストは「結テ」などと略称で呼ばれることも多いです。

先ほども説明したように、単体テストでは、プログラミングの対象単位ごとにテストをおこなっていきます。具体例を詳しく説明しましょう。

**単体テストは、UT工程とも呼ばれ、「Unit Test」の通り、メソッドや関数などの1つ1つの小さな単位ごとに行うテストのことです。**1つの画面であったり、1つの機能であったりで実施される動作をテストすることが目的となっています。
しかし、実際にシステム開発で作るプログラムでは、画面や機能が複数存在している場合が多いです。動作の連携に関しては単体テストでは実施しません。後で紹介する結合テストで行うテストとなります。

**単体テストは、一般的には条件分岐を網羅する観点よりテストを行うことが多いでしょう。**理由としては、条件分岐を網羅することで、品質をある程度は確保できるからです。
テスト工程では効率が大切になってきます。そのため、コスト、納期、品質のバランスの観点から100％品質を確保するテストができないことは頭に入れておきましょう。それでは、具体的な手法について見ていきましょう。

単体テストの手法の種類はさまざまです。代表的な手法である、「ホワイトボックステスト」と「ブラックボックステスト」を取り上げて紹介しましょう。

*・ホワイトボックステスト*
**ホワイトボックステスト**は、プログラムが設計したとおりに動作するかを1つ1つ網羅的に確認するテストとなっています。*つまり、「開発者側の視点」にたったテスト*と言うことができるでしょう。テスト例として、設計書ではエラーが発生すると定義している文字列を入力した場合の出力結果が正常か検証します。
ホワイトボックステストの*メリット*として、1つ1つのモジュールに対して網羅的に検証できることです。一方で、*デメリット*は、工数が増えてしまうことです。

*・ブラックボックステスト*
**ブラックボックステスト**は、開発するシステム自体の仕様を満たしているかどうかを確認する機能のテストです。*つまり、「利用者側の視点」にたったテスト*と言うことができるでしょう。また、内部のプログラムについては考慮しないため、「ホワイトボックス」とは逆の「ブラックボックス」と呼ばれています。
テスト例として、設計書で0～100までの数値を正常と設定した場合、境界付近である値（例えば、0、-1など）を選んでテストします。理由としては、境界付近にプログラムの欠陥が多いためです。
ブラックボックステストの*メリット*として、利用者の要件を満たしていることが確認でき工数を抑えることができる点です。一方で、*デメリット*は、プログラムの内部処理が適切に行われているかわからないことです。

### 単体テストの仕様書を作成する

単体テストを実施する際は、**単体テスト仕様書**と呼ばれるドキュメントを用意します。仕様書を作成する際は、*「入力手順」「テスト方法」「テスト観点」*などを詳しく記載しましょう。単体テストの仕様書を丁寧に作成すると網羅的にテストを行うことが可能になり、結果的にシステムの品質を上げることができます。

こちらも先ほど説明しましたが、結合テストでは、複数のモジュールを組み合わせ、正しく機能しているかテストします。詳しく紹介しましょう。

**結合テストは、CT工程とも呼ばれ、「Combined Test」の通り、複数のモジュールを組み合わせて行うテストのことです。**モジュールを結合させたときに、設計したように動作するのか、想定外の状況のエラーが出力されても、システム要件が満たされているかを検証するのが目的です。

また、単体テストで正常を確認できたモジュール同士を組み合わせるだけでなく、その他の外部モジュールを結合したテストも行うことがあります。

**結合テストは、要件定義に基づいて、機能要件や非機能要件の観点からテスト項目を洗い出します。**単体テスト同様に、コスト、納期、品質のバランスの観点からテスト項目を選定することが大切です。

*単体テストと違い、結合テストでは、システムの全体的なデータの流れの把握ができる技術が必要となってきます。*1つ1つの機能にエラーがなくても、連携させると問題が発生する可能性があるためです。それでは、具体的な手法について見ていきましょう。

**結合テストの手法としては、「インターフェーステスト」、モジュールを結合したときの「ブラックボックステスト」の2つが代表的です。**具体的に紹介しましょう。また、ここでは、説明しませんが、結合テストの実施方式として、*「トップダウンテスト」と「ボトムアップテスト」*があります。

*「トップダウンテスト」*は、上位モジュールを呼び出した後に下位モジュールヘと移行してテストを進めていく方式で、*「ボトムアップテスト」*とは、プログラムの下位階層にあるモジュールから優先的にテストを進めていく方式です。それぞれについてみてみましょう。

*・インターフェーステスト*
インターフェーステストは、結合テストの中では「定番」と言ってもいいほど一般的なものです。「連結テスト」とも呼ばれます。また、インターフェースとは、モジュール同士を接続したときに、データの引き渡しを仲介する仕組みのことを指します。
インターフェーステストでは、機能間やモジュール間でデータを引き渡す際に、引き渡されるべきデータがきちんと引き渡されているか、連携に関わるモジュールが設計した通りに正常に動作しているかなどを検証します。

*・ブラックボックステスト*
単体テストで説明しましたが、ブラックボックステストは、プログラムの内部構造を考慮しないで、入力に対して正常な出力結果を得ることができるか検証するテストです。
結合テストでは、単体テストで正常を確認できたモジュール同士を結合して、ブラックボックステストを実施することで、仕様を満たしているかどうかを確認するテストとなっています。

## 「単体テスト」も「結合テスト」もシステム開発で重要な工程の1つ

**「単体テスト」と「結合テスト」はシステム開発の工程の中のひとつとなっています。**単体テストを行った後に、結合テストを行うことは理解できましたでしょうか。また、「単体テスト」と「結合テスト」では、似ている部分も存在しますが、それぞれ目的や観点、手法が異なります。さらに、結合テストでは、単体テスト以上に経験値や技術が必要です。*最近では、テストを自動化する「IaC」と呼ばれるようなテストツールが注目を集めています。*テストツールを導入することで、テストの工数の短縮が期待できるでしょう。

**テストを専門とするテストエンジニアを目指す方は、これら単体テスト、結合テストについて深い知識を身に着けて、実際に業務を体験してみることをおすすめします。**

最後まで読んでいただきありがとうございます！

テストエンジニアの求人の探し方と、そのポイントを解説！

「単体テスト」と「結合テスト」はシステム開発の工程の中のひとつです。テスト工程は、システム開発を行う上で、未然にシステムエラーを防ぐ大切な役割を果たしています。この記事では、「単体テスト」と「結合テスト」の位置づけと違いについて徹底解説していきます。

単体テストと結合テストはシステム開発の中の一工程！

単体テストはメソッドや関数などの1つ1つの小さな単位ごとに行う

結合テストは複数のモジュールを組み合わせて行う

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

*Python関連記事はこちらから↓*

Pythonの記事（1ページ目）

まず始めに、ここではPythonのライブラリとはどういったものなのか解説します。ライブラリの使い方やフレームワークとの違いについてもまとめたので、ライブラリに関する基礎知識を押さえるところから始めましょう。

ライブラリとは、複数のプログラムをまとめ、再利用しやすくしたものです。プログラミングでは、同じコードを何度も書くのは非効率とされています。そこで、多く使う機能はライブラリにまとめ、何度でも使えるようにするのです。

**ライブラリを使うことで自分でソースコードを書く必要がなくなり、開発作業が楽になります。**また、機械学習などの複雑な開発もライブラリを使えば簡単に行えます。

ライブラリを使う場合、ソースコードの上に「import ライブラリ名」と記述する必要があります。これでインストールされているライブラリを呼び出すことが可能です。

また、ライブラリの中の特定オブジェクトだけを使いたい場合は、「from モジュール名 import オブジェクト名」と記述します。*Pythonでライブラリを利用する場合、import文の記載を忘れないようにしましょう。*

Pythonの標準ライブラリの一覧については、以下で確認することができます。
【参考】：[Python 標準ライブラリ](https://docs.python.org/ja/3/library/index.html)

### ライブラリとフレームワークの違い

ライブラリとフレームワークはよく混同されがちですが、厳密には異なるものです。どちらも、複数のプログラムをひとまとめにした点は共通しています。しかし、フレームワークはより大きなまとまりになったものであり、プログラム全体の流れを限定させるものです。

例えるなら、*フレームワークは「枠組み」のようなものです。*まずどのフレームワークを使うかを決め、それからプログラミングを行います。一方ライブラリは、プログラミングに必要なものを一部「引用」して使います。ライブラリは、プログラム全体の流れを決めるものではありません。**Pythonのフレームワークは、「Django」「Flask」「web2Py」などが挙げられます。**

Pythonの外部ライブラリとは、Pythonに標準装備されていない、外部からのインストールが必要なライブラリのことです。このPythonの外部ライブラリの一覧は、PYPI（Python Package Index）というサイトで探すことができます。ちなみに、外部ライブラリのインストールにはPythonの管理ツールであるpipを利用します。
*【参考】：[PYPI](https://pypi.org/)*

<center>[Pythonの開発案件が多い求人情報もアリ？ 『マイナビIT AGENT』で転職相談を受けてみる](https://mynavi-agent.jp/it/lp/029.html?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv15)</center>

それでは、Pythonのライブラリについて解説します。まずは、*最低限覚えておきたいライブラリを6つ紹介します。*これらのライブラリは初学者であっても、使う頻度の高いものばかりです。これらの使い方は押さえておいた方が良いでしょう。

randomは、**ランダムに数値を生成できるライブラリです。**何らかの数値を出したい場合は、randomを利用します。例えば、おみくじやじゃんけんアプリを作りたい場合は、randomを使って乱数を生成すると良いでしょう。randomは使う頻度が多いライブラリの1つです。

datetimeは、日付や時間を扱うためのライブラリで、**今日は何日かや数年前の日時を取得することが可能です。**日付情報を扱いたい場合、datetimeライブラリを利用することになるでしょう。ただし、取得した日付のデータを整形したい場合は、他の種類のライブラリが必要です。

osは、OSに関連した処理を行うためのライブラリです。OSに関連した処理とは、例えば**ファイルを削除したりディレクトリを作成したり、といった内容のことです。**Pythonでファイル操作を行いたい場合は、osライブラリを使うことになるでしょう。こちらも利用頻度が高いので、覚えておきたいところです。

reは、正規表現を使うためのライブラリです。**正規表現を使うことで、特定のパターンにマッチする数値かどうかを判定することができます。**例えば、フォームに入力されたメールアドレスや電話番号が、書式に沿っているかなどを判定することが可能です。正規表現はPythonの基礎文法の1つであり、reライブラリは使う頻度が高いでしょう。

また、import文を書き忘れることが多いライブラリなので、注意が必要です。

mathは、数学的処理を行うためのライブラリです。四則演算だけならライブラリなしで可能ですが、複雑な計算処理などを行いたい場合は、mathに頼ることが多いです。例えば、**絶対値や円周率を取得したい場合は、mathライブラリを使うと楽です。**他にも、指数関数・対数関数・三角関数といった、高校・大学数学で用いられる関数が使えます。

Pythonは機械学習で多く使われることもあり、その影響でmathライブラリの利用頻度も高いです。

sysは、実行環境に関する処理を行うライブラリです。Pythonではインタプリタを使って、ソースコードを機械語に翻訳しているのですが、そのインタプリタに関する関数がまとめられています。例えば、**プログラムを強制終了させたい場合は、sysライブラリのexit関数が便利です。**sysライブラリも、Pythonの基本的なライブラリの1つです。

続いて、*覚えておくと便利なPythonライブラリを5つ紹介します。*これらのライブラリは利用頻度は高くないものの、いざというときに頼りになるものばかりです。ライブラリなしでは実装が難しいことが多いので、覚えておくと良いでしょう。

pipは、パッケージに関する様々な操作を行える標準ライブラリです。Pythonでパッケージを扱いたいなら、管理ツールであるpipの使用頻度は高くなります。例えば、**パッケージをインストールしたり、アップデートしたりする際に、pipライブラリを使うことになります。**

matplotlibは、描画ライブラリです。*棒グラフや折れ線グラフなどを描画したい場合に使います。*Pythonで画像解析や数値解析を行う場合に、用いられることが多いライブラリです。

Pillowは、画像処理を行うためのライブラリです。例えば、**画像の拡大や画像の読み込みをすることができます。**画像処理の基本的なことを網羅しているライブラリです。もっと高度なことがしたい場合は、他の画像処理のライブラリが必要になる場合もありますが、ひとまずPillowの使い方を覚えると良いでしょう。

requestsは、Webサイトのデータを取得するためのライブラリです。*Webサイトの文章や画像を取得し、ローカル環境で扱うことができます。*Pythonでスクレイピングを行う場合、なくてはならないライブラリです。

beautifulsoupは、HTMLファイルを解析するためのライブラリです。*HTMLファイルから、特定タグの部分を抜き出すなどができます。*requestsと合わせて、スクレイピングを行う場合に利用されるライブラリです。

## 機械学習で使うPythonライブラリ3選

続いて、*機械学習で使われるPythonライブラリを3つ紹介します。*Pythonは機械学習に向いている言語ということはご存知の方も多いでしょう。機械学習用のライブラリは数多くありますが、Pythonで機械学習や統計解析を行いたい場合は、本記事で紹介する3つのライブラリをまず覚えましょう。

sklearnは機械学習専門のライブラリで、機械学習に必要なあらゆる機能がsklearnにまとめられています。**教師あり学習・教師なし学習・モデル選択・モデル評価・データセットの読み込み、などの機能が豊富です。**機械学習をこれから勉強する方は、sklearnの使い方を押さえるところから始めるのがおすすめです。

Pythonで機械学習を行う場合、sklearnライブラリはなくてはならない存在です。

pandasは、データ解析用のライブラリです。**膨大なデータを読み込み統計量を表示したり、データをグラフ化したりすることができます。**pandasも機械学習を行う上で、多く使われるライブラリです。

Numpyは、科学技術計算で使われるライブラリです。**機械学習で必要な複雑な計算処理も、Numpyを使えば簡単に行えます。**

また、処理速度が早いのも、Numpyを使うメリットです。Pythonは処理速度が遅い言語のため、「機械学習には向いていないのでは？」と思う方もいるかもしれません。しかし、Numpyを使えば複雑な計算も素早く行えるため、Python自体の処理速度は関係なくなります。Numpyも機械学習を行う上では必須といえるライブラリでしょう。

## Pythonのライブラリを理解するためのおすすめの本

ここでは、当記事がおすすめするPythonのライブラリを理解するための本を3冊ご紹介します。

### 逆引きPython標準ライブラリ 目的別の基本レシピ180+!

本書籍は、Pythonの標準ライブラリをどう活用すればいいのかが丁寧に解説されています。文字列/データ操作・テキスト処理・ファイル操作・数値演算・ネットワークアクセス・GUIなどについて記載されており、**本書を通して初心者から中級者までスキルアップが期待できます。**Pythonのライブラリについて知るためのお手本になるような、人気の本です。

*【参考】：[逆引きPython標準ライブラリ 目的別の基本レシピ180+！](https://book.impress.co.jp/books/1117101049)*

### 現場ですぐに使える！ Pythonプログラミング逆引き大全400の極意

初心者でも分かりやすく学べる書籍です。Pythonの基本知識はもちろん、ファイル操作・Webスクレイピング・テキストマイニング・データマイニング・GUIアプリの作成・ディープラーニング・データの視覚化などが解説されています。また、外部ライブラリをどう活用するのかも詳しく記載しいるため、ライブラリやPython自体をきちんと勉強したい方におすすめの本です。

*【参考】：[現場ですぐに使える！ Pythonプログラミング逆引き大全400の極意](https://www.shuwasystem.co.jp/book/9784798063669.html)*

### Pythonライブラリの使い方〜手軽に応用プログラミング〜

本書籍は、数あるPythonライブラリの中でも比較的に簡単に活用できるものを選び、**サンプルプログラムを参考に解説しています。**NumPy・OpenCV・scikit-learnといった全部で12種類のライブラリを分かりやすくまとめ、Pythonの基本知識についても解説されているのでより詳しく理解したい方におすすめです。

*【参考】：[Pythonライブラリの使い方〜手軽に応用プログラミング〜](https://www.cutt.co.jp/book/978-4-87783-456-2.html)*

## Pythonのライブラリを使いこなして一段上の開発を

Pythonには豊富なライブラリがあることがお分かりいただけたでしょうか。Pythonはライブラリを使うことで開発が楽に行えるため、初心者向きといわれています。Pythonの基礎文法をマスターした方は、*ライブラリについて学習すると一段上の開発が可能になります。*本記事が、Pythonのライブラリについて知りたい方にとって有意義なものとなれば幸いです。

今回はPythonのライブラリについて解説します。Pythonの基礎文法は習得したものの、ライブラリはまだ理解できていない方も少なくないでしょう。今回は主要なライブラリを一覧でまとめているため、ライブラリを詳しく勉強したい方は本記事を参考にしてください。

Pythonのライブラリを使うことで、開発作業が楽になる

Pythonには、random・datetime・os・re・math・sysなど頻繁に使うライブラリがある

Pythonには、sklearn・pandas・Numpyなど機械学習向けライブラリもある

Pythonのよく使うライブラリ一覧！一段上の開発を目指そう

Visual Studio Code 2022年6月版（バージョン1.69）がリリースされ、**VS Codeのバックエンド機能を提供するVS Code Serverがプライベートプレビュー版として公開されました。**

サービスのインストールや更新、管理・接続を容易にするCLIが提供されます。2022年7月7日のBlogには、より詳細な情報が掲載されています。

【参考】：[Visual Studio Code update June 2022, version 1.69](https://code.visualstudio.com/updates/v1_69)
【参考】：[Blogs The Visual Studio Code Server](https://code.visualstudio.com/blogs/2022/07/07/vscode-server)

VS Code Serverは、ローカルの開発マシンやクラウドのVMなど任意の場所にインストールし、SSHやhttpsを設定する手間をかけずに、ウェブ版VS Code（vscode.dev）を使ってブラウザから安全にアクセスすることができます。

*VSCode（Visual Studio Code）は、マイクロソフト社が開発提供しているソースコードエディタです。*Windows・Linux・macOSのクロスプラットフォームで利用可能です。プログラミング言語は、C言語やC++をはじめPython・PHPなどの主要言語に対応します。

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

フリーのオープンソースソフトウェアであり、各プログラミング言語の構文チェック・検索・編集が可能です。無料でキー操作のカスタマイズの高さがあることから、クロスプラットフォーム利用が進んでいます。

Python入門：はじめの一歩から基本構文までまとめて解説！

Webアプリ開発言語PHPの特徴や学習方法を初心者向けに解説！

**VS Code Serverは、デスクトップ PC や仮想マシン (VM) などのリモート開発マシン上で実行できるサービスです。**トンネリングを確立することでSSHを必要とせず、vscode.devのURLを介してどこからでも安全にリモートマシンに接続することができます。SSHやhttpsが不要で、設定作業を簡略化することができます。

【参考】：[Docs Visual Studio Code Server](https://code.visualstudio.com/docs/remote/vscode-server)

VS Codeでは、マルチプロセスのアプリケーションとして設計されています。ユーザーの生産性を高め、シームレスな環境で利用できるように、コードを入力するフロントエンドと、拡張機能やターミナル・デバッグを担当するバックエンドを分離して設計しています。

VS Code Serverではリモート環境にサービスをインストールし、ローカルのVS Codeがリモートのソースコードやランタイムとスムーズに対話できるようにします。具体的には、Windows Subsystem for Linux（WSL） や SSH 経由のリモートマシン・開発コンテナで VS Code から直接作業することができます。

VS Code Serverは、SSHを使用せずにウェブアクセスにより利用するものです。具体的な想定利用方法は、*SSHのサポートが制限されている環境や機器での利用、あるいはウェブベースのアクセスが必要なリモートマシンでの開発に有効です。*

上記のほか、iPadなどのタブレットやChromebookのように、VS Codeデスクトップのインストールをサポートしていないデバイスを用いた開発も可能になります。処理はブラウザとのトンネリングを用いていますので、セキュリティ上も有効です。

### VS Code Serverの実装と今後の予定

VS Code Serverでは、*コード CLI をさらに強化し、プロジェクトの保存場所に関わらず、VS Code のデスクトップとウェブインスタンスの両方で利用することを目標としています。*今回、利用者のフィードバックを得るために、プライベートプレビュー版として限定リリースすることが決定されました。

最初のプレビューでのコードサーバーCLIは、デスクトップのVS Codeを起動したり、拡張機能をインストールしたりするためのCLIとは異なります。使用可能なコマンドは、ターミナルから「code -h」で確認可能です。

VS Code 1.69は、2022年6月にリリースされました。**2022年8月現在、Update 1.69.2が最新リリースです。**1.69では、VS Code Serverの他にも以下の主要機能がリリースされています。

【参考】：[Visual Studio Code update June 2022, version 1.69](https://code.visualstudio.com/updates/v1_69)

### 3ウェイのマージエディター

*3者間でのマージ作業に活用できます。*ソースコントロールビューでコンフリクトしているファイルをクリックすることでマージエディターが起動し、Git mergeのコンフリクトを素早く解決することができます。この機能は、git.mergeEditorをtrueに設定することで利用可能です。

*ファイル検索やコマンドの実行、カーソル履歴のナビゲーションを行う新しいユーザーインターフェースです。*コマンドセンターは通常のタイトルバーに代わるもので、メインセクションをクリックすると、最近開いたファイルや検索ボックスがあるQuick Open dropdownが表示されます。

Do Not Disturbモードを有効にすることで、*エラー以外の通知ポップアップをすべて非表示に設定できます。*進行状況の通知は、自動的にステータスバーに表示されます。非表示になった通知は、引き続き通知センターで確認することができます。

1月のリリースからプレビュー提供していたシェル統合が正式にリリースされました。PowerShellやbash・zshのシェル統合で、次期リリースの1.70からデフォルトで有効となる予定です。シェル統合により、*コマンドの終了コードを取得し、結果の判定や再実行が可能です。*

### ターゲットへのデバッグステップイン

*デバッガがある行で一時停止中に、特定の関数呼び出しに直接ステップインし、デバッグを行うことができます。*コマンドパレットで「Debug: Step Into Target 」コマンドを実行するか、キーボードショートカットの「Ctrl+F11」で起動することができます。

### JavaScript ソースマップ切り替え

*JavaScript のデバッグセッションで、ソースマップが切り替え可能となりました。*オフにすると、ソースコードに設定されたブレークポイントは有効ですが、コンパイルされたコードをステップ実行します。

JavaScriptの用途やできることを初心者向けに紹介！

VS Code Serverの使い方ですが、*プライベートプレビューのためサインアップフォームからアクセスを要求する必要があります。*メールアドレスのほか、GitHubのユーザーIDが必要です。フォーム送信後、マイクロソフト社により所定の確認がされます。

その後順次アカウントが作成されますので、登録完了の電子メールを受け取るまで2〜3週間ほどかかると記載されています。

【参考】：[The VS Code Server - Preview Program Signup](https://aka.ms/vscode-server-signup)

VS Code Serverのインストール方法は、Blogあるいはドキュメントに掲載されています。

【参考】：[Blogs The Visual Studio Code Server](https://code.visualstudio.com/blogs/2022/07/07/vscode-server)
【参考】：[Docs Visual Studio Code Server](https://code.visualstudio.com/docs/remote/vscode-server)

VS Code Server を開発対象となるリモートマシン にインストールする方法ですが、*Windows Subsystem for Linux（WSL）で VS Code Server をセットアップする場合、WSLターミナルで次のコマンドを実行します。*

```wget -O- https://aka.ms/install-vscode-server/setup.sh | sh```

WSLの場合、WSLターミナルで以下のコマンドでVS Code Serverを起動します。

code-server -h を実行すると、サーバの起動と管理に使用できるすべてのコマンドを見ることができます。*プライベートプレビュー版のため、正式リリースに向けて利用可能なコマンドが今後更新されていく模様です。*

WSL2とは？Linuxが完全動作する仕組みと特長を紹介！

vscode.devとコンピュータの接続を確立するために、VS Code Server のセキュアトンネルサービスが利用されます。具体的には、GitHubアカウントの認証URLとなる 「https\://github.com/login/device」に指定された認証コードを入力することで、トンネリングサービスが利用可能になります。

最初の起動時には、接続のための名称を登録します。*設定完了によりvscode.devの接続URLが生成され、このURLを任意のデバイスで利用することができます。*VS Code Serverは、SSH接続せずにvscode.devからリモートマシンに接続できます。VS Codeリモート開発の詳細な考え方については、以下のリンクをご確認ください。

【参考】：[VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview)

## リモート開発の選択肢が増えます

リモート開発では、通常SSHを使用してリモートマシンあるいは仮想マシン上のフォルダに接続し開発を進めます。VS Code ServerではSSHを使わずに、vscode.devのURLでどこからでも安全に行うことができます。1度設定してしまえば、ウェブアクセスであらゆるデバイスからコード開発が可能になります。

現在はプライベートプレビューのため多少ハードルが高く感じられますが、*通常のプレビューや正式リリースに向けて情報発信をチェックしておくことをおすすめします。*

VS Codeのプラグインとは？導入方法やおすすめの拡張機能も紹介

VS Code Server は、リモート開発マシン上で実行できるサービスです。SSHを必要とせず、vscode.devのURLを介してどこからでも安全にリモートマシンに接続することができます。ここではVS Code Serverの概要から利用方法まで解説していきます。

VS Code Serverは、vscode.devのURLを介してリモート開発マシンに接続します

VS Code 1.69に対応する機能で、プライベートプレビュー版として提供されます

面倒なSSHやhttpsが不要で、リモート開発時の設定作業を簡略化することができます

VS Code Serverが登場！インストール方法や使い方・開発方法を解説

Sublime Textとは、**Linux・MacOS・Windowsに対応するクロスプラットフォームのテキストエディタを指します。**プロプライエタリのソフトウェアですが、PythonのAPIを始めとして多くの機能を持っています。Sublime Text 4は安定版で、Build 4126が最新バージョンです。

【参考】：[Sublime Text](https://www.sublimetext.com/)

Sublime Textの特徴は、**コードサイズが小さいので動作が軽かったり、必要な機能をプラグイン追加で拡張できたりすることが挙げられます。**プラグイン管理は、パッケージマネージャである”Package Control”を用いて、最新の状態に維持することができます。

【参考】：[Sublime Text Package Control](https://packagecontrol.io/)

Sublime Text 4では、以下に挙げる機能を新規あるいは改善し、提供しています。変更は多岐に渡りますので、ここでは、*ハードウェアのサポート・ 言語サポートの拡充・操作感の改善の3分類に整理して解説します。*詳細は、以下のリンクよりご確認ください。

【参考】：[Sublime Text 4](https://www.sublimetext.com/blog/articles/sublime-text-4)
【参考】：[Sublime Text Documentation](https://www.sublimetext.com/docs/)

Sublime Text 4では、*GPUレンダリング機能が、Linux・MacOS・Windowsのいずれでも利用可能です。*滑らかなUIを実現し、低消費電力で実行します。Sublime Text for Macでは、Apple Silicon プロセッサをネイティブサポートするほか、Linux ARM64ビルドも提供します。

*JavaScriptエコシステムであるTypeScript・JSX・TSXをサポートし、デフォルトで利用可能です。*シンタックスハイライトのエンジンが改良され、非決定論的な文法や、複数行構成・遅延埋め込み・シンタックス継承などが実装されました。メモリ使用量削減や、ロード時間短縮も図られています。

また、Python APIも更新され、現在はPython 3.8です。Sublime Text 3用のパッケージとの後方互換性は保たれています。

JavaScriptとは？その特徴やメリット・デメリットを解説！

実行時のファイルタブが強化され、分割表示が簡単にできます。*サイドバー・タブバー・Goto Anything・Goto Definition・オートコンプリートなどの機能が強化され、より直感的なコードナビゲーションが可能です。*

サジェスチョンには、その種類に関する情報が追加され、定義へのリンクも提供されます。UIも更新され、テーマとカラースキームがダークモードの自動切り替えに対応したほか、WindowsとLinuxのAdaptiveテーマにカスタムタイトルバーが追加されました。

*Sublime Textは、無料版と評価版の区別がありません。*無料でダウンロードして評価し、利用することができます。継続使用に関しては、Sublime Textの公式サイトに次の記載があります。

＞Sublime Text は無料でダウンロードして評価できますが、継続して使用するにはライセンスを購入する必要があります。

無料版としての期限（無料期間）は設定されておらず、定期的に購入を促す表示が現れるのみです。

【参考】：[Buy Sublime Text](https://www.sublimehq.com/store/text)

ライセンス購入についてですが、*個人向けはワンタイム購入で3年間利用できます。*その後継続使用する場合は、アップグレードが可能です。ワンタイム料金は99USドル、アップグレード料金は80USドルです。

【参考】：[Buy Sublime Text](https://www.sublimehq.com/store/text)
【参考】：[Upgrade Sublime](https://www.sublimehq.com/store/upgrade)

### Sublime Textのライセンス有効期限

個人向けライセンスは3年間有効であり、*購入日から3年以内にリリースされた製品は期限なく利用できます。*3年経過後に新しいバージョンを利用する場合はアップグレードが必要です。

### Sublime Textを複数のPCやOSで利用するには

Sublime Textはユーザーライセンスです。*個人向けの場合は、個人で所有する複数のPCや異なるOSでも利用することができます。

【参考】：[Sublime Sales FAQ](https://www.sublimehq.com/sales_faq)

ここでは、Sublime Textを利用するにあたって、必要な準備について順に説明していきます。具体的には、*Sublime Textのインストーラのダウンロードからインストール作業、セットアップについて解説していきます。*

Sublime Textのダウンロード方法ですが、Windowsを例に用いて解説します。Windowsのダウンロード方法はとても簡単です。公式サイトを表示すると、表示画像上部に「DOWNLOAD FOR WINDOWS」の表示が見えます。

この表示をクリックすると、”sublime\_text\_build\_4126\_x64\_setup.exe”がWindows PCに格納されます。*公式ダウンロードサイトでは、MacOS・Windows・Linuxのモジュールが公開されています*。お使いの環境に合わせて作業を進めていきます。

【参考】：[Sublime Text - テキスト編集を正しく行う](https://www.sublimetext.com/)

インストールするには、*保存されている”sublime\_text\_build\_4126\_x64\_setup.exe”を実行します。*最初に「Select Destination Location」で、インストール先のフォルダを指定します。

あらかじめ、”C:\Program Files\Sublime Text”が入力されていますので、問題なければそのまま「Next」をクリックします。

続いて「Select Additional Tasks」で、インストール時の追加タスクとして「Add to explore context menu」のチェックボックスを指定します。問題なければそのまま「Next」をクリックします。

最後に「Ready to Install」が表示され、インストール前の最終確認となります。ここで問題なければそのまま「Install」をクリックします。インストール後、完了画面が表示されますので「Finish」をクリックし、終了します。

Windows以外のOSですが、MacOSでは、ダウンロードしたdmgファイルを「Applications」フォルダにドラッグアンドドロップします。Linuxでは、他のパッケージ同様にリポジトリからインストールします。

インストール完了により、Sublime Textが実行可能です。*Windowsの場合、スタートメニューに表示されるSublime Textをクリックし、起動します。*この時点でテキストエディタとして正常に動作し、日本語表示と入力を行うことができます。

*プラグインを使うには、パッケージマネージャであるPackage Controlをインストールします。*インストールするには、メニューの「Tools」「Install Package Control…」をクリックします。Package Controlのインストールが完了すると、ポップアップメニューが表示されます。

　【図】：Package Comtrolのインストール

Package Controlインストール完了により、「Tools」「Command Palette…」からパッケージをインストールすることができます。

　【図】：パッケージのインストール

*Sublime Textのインストール直後は、日本語表示と入力は可能ですがメニューは英語のままです*。メニューの日本語化をするには、パッケージをインストールします。

さきほどの、「Tools」「Command Palette…」で表示される入力フィールドに”install package”を入力すると、下に候補が表示されます。ここでは、「Package Control: Install Package」をクリックします。

続いて入力フィールドに、”japanize”と入力すると、下に候補として「Japanize」が表示されます。その該当部分をクリックします。

　【図】：メニューの日本語化

インストール完了後は、以下のようにメニュー表示も日本語化されていることが分かります。残念ながら、メニューで表示されるサブメニュー以下は英語のままで、完全な日本語化というわけではありません。

開発の記事（2ページ目）