UNIXとは、**AT&Tのベル研究所で開発されたOSを指します。**ケン・トンプソンやデニス・リッチーによって開発された、マルチタスク・マルチユーザ型のOSです。UNIXでは処理をプロセスと命名しており、マルチプロセッシング型とも呼ばれています。

1969年に登場した際は、アセンブリ言語で記述されていましたが、UNIX開発者のデニス・リッチーらが開発したC言語によって1973年に書き直されました。
【参考】：[The UNIX® Standard](https://www.opengroup.org/membership/forums/platform/unix)

語源や意味合いとしては、当時稼働していたMultics（Multiplexed information and computer system）のOS改良に見切りをつけ、"マルチ"の対義語である"ユニ"を称した「Uniplexed information and computer system」から命名したとされています。

UNIXの貢献としては、以下のようなことが挙げられます。

- 今日のオープンシステム標準を確立したこと

- C言語が有益であることを証明できたこと

- 初めて高水準言語である、C言語で記述したOSとして高水準言語の利用加速につながったこと

高水準言語とは？アセンブリ言語との違い・特徴・現場で使われる理由

C言語は、UNIX開発者のケン・トンプソンが開発したB言語をベースに改良したものです。UNIX OSの記述で用いられていたアセンブラの置き換えに活用できたことで、ハードウェアとの親和性が高いことがメリットとして挙げられます。

AT&Tのベル研究所で開発されたUNIXですが、1970年代以降多くの大学や研究機関で利用が拡大しました。その流れでカリフォルニア大学バークレー校によって開発されたBSD（Berkeley Software Distribution）は、BSD UNIXとして慣れ親しんだ学生を中心に多くの商用UNIXの登場を加速させました。

その後、ライセンス条件や派生したUNIX仕様の違いにより、1980年代以降UNIX InternationalとOSF（Open Software Foundation）の2大UNIX標準化陣営が対抗しました。その後、*OSの標準インターフェイスを定めるIEEEのPOSIX標準とともにThe Open Groupに統合されていきました*。
【参考】：[POSIX™ Certification](http://get.posixcertified.ieee.org/)

The Open Groupとは、**UNIXの商標管理やスタンダード準拠に関する仕様・要件を定義し、認定する公式団体を指します。**

1980年代後半に起こった、UNIX覇権争いにおける2つの団体であるAT&T系UNIXの団体であるUNIX Internationalと、他ベンダーから成るOSF（Open Software Foundation）は、一時市場を巻き込んだ対立関係にありました。

その後、1990年代前半にAT&TがUNIXをNovelに売却したことで、商標権譲渡を受けたX/OpenがOSFと合併し、現在の団体である「The Open Group」が設立されました。

OSは、ハードウェアアクセスを隠蔽することで利便性を高めています。またシステム資源を有効活用したり、システム性能を最大限発揮したりするためにいくつかのモジュールやコンポーネントに分解されます。UNIXは、OSの機能を以下のコンポーネントで構成しています。

・*カーネル*
カーネルとは、メモリー・CPU・I/O等のハードウェア管理を担当します。ハードウェア制御のためにプロセッサの特権モードを使って実行します。ユーザが利用する場合はシステムコールを発行し、カーネルへ要求を通知することで処理を実行します。

カーネルはユーザのプログラムをプロセスとして管理し、システム資源を有効活用します。

・*常駐プロセス・デーモン*
カーネルと異なり、ユーザーアドレス空間で動作します。システム資源の監視や、プロセス間で処理を分担しアプリケーション実行環境を管理します。

・*システムライブラリ*
システムコールインターフェースやライブラリを提供します。提供ライブラリは、カーネルとの通信やプロセス通信・ネットワーク通信等に用いられます。

・*コマンド*
システム管理者が使用するシステムコマンドや、一般ユーザが利用するコマンドが提供されます。コマンドを用いてファイル管理やプロセス管理等を行います。

・*シェル*
カーネルと対になるもので、対話型の操作環境を提供します。コマンドインタープリタですので、インタラクティブに利用できますし、シェルスクリプトを作成することでバッチ処理にも利用できます。

**これらの要素の考え方は、オープンシステムの原点として多数のOSに影響を与えています。**コマンド体系の多くはその後のOSに影響を与えました。パイプやリダイレクト処理、あるいは正規表現等は現在の言語体系やコマンドインタープリタでも考え方に違いはありません。

モノリシックカーネルとは？長所や短所を踏まえた活用方法を解説！

PowerShellとは？できること・コマンドをわかりやすく解説

UNIXの仕様は、Single UNIX Specification（SUS）で定義されています。UNIXコマンドは、Shell & Utilities（XCU：The Single UNIX® Specification Commands & Utilities）に掲載されています。
【参考】：[The Open Group Base Specifications Issue 7, 2018 edition](https://pubs.opengroup.org/onlinepubs/9699919799/)
【参考】：[Shell & Utilities: Detailed Toc](https://pubs.opengroup.org/onlinepubs/9699919799/utilities/toc.html)

**UNIXの代表的なコマンドとしては、シェルコマンドがあります。**この他外部コマンドも多数あります。初心者の方でも、以下のコマンドを覚えておくとよいでしょう。

・*基本操作*
cat：入出力結果やファイルのコピー
<、>：シェルのリダイレクト
|：シェルのパイプ（プロセス間通信）

・*ファイル・ディレクトリ操作*
ls：ファイルやディレクトリの表示
pwd：カレントディレクトリの表示
cd、chdir：カレントディレクトリの変更
cp：ファイルやディレクトリのコピー
mv：ファイルやディレクトリの移動
rm：ファイルやディレクトリの削除
mkdir：ディレクトリの作成
rmdir：ディレクトリの削除
ln：シンボリックリンク・ハードリンクの作成

・*プロセス管理*
ps：実行プロセス情報の表示
top：プロセス情報のリアルタイム表示
nice：プロセスプライオリティの変更
kill：プロセスの終了（シグナル送信）
cron、crontab：プロセススケジューラと実行設定
at：指定時刻にジョブをスケジュール

・*テキスト操作・編集*
vi：テキストエディタ
more：表示のページング

・*バックアップ*
tar：バックアップ（ファイルアーカイブ）
dd：ファイル・ディスクのダンプ・コピー

・*管理者コマンド*
su：スーパーユーザ（管理者）や他のユーザとしてログイン
chown：ファイルオーナの変更
chgrp：ファイルグループの変更
vipw：パスワードファイルの編集
reboot：システムを再起動する
shutdown：システムをシャットダウンする

shell（シェル）とは？特徴やメリット・活用方法を解説

UNIXとLinuxの違いですが、おおまかに次の様に考えるとよいでしょう。

・*UNIX*
1969年に登場し、2000年代前半まで業務用システムを中心に活用されました。業務用で必要とされる信頼性と機能を有しますが、ライセンス管理されており品質保証の観点から商用UNIXが多数をしめます。

商用UNIXは個別に実装されていたことから派生UNIXが現れ、一時期規格団体で覇権争いがあったものの、現在はThe Open Groupによってライセンスと仕様が管理されています。

・*Linux*
1991年に、UNIX互換APIを搭載したフリー・オープンソースソフトウェアとして登場しました。ライセンスがフリーであり、デスクトップPCでの利用が急増しました。その後、企業向けシステムやモバイル端末に至るまで幅広く利用されています。

オープンであるためデベロッパが多く、保守サービス提供もされているため、幅広い用途に利用が拡大しています。

**UNIXとLinuxともにアプリケーションやミドルウェアに利用上はほとんど違いがありません。**シェルやコマンド体系もほとんど同一です。システム管理のコマンド体系はUNIXやLinuxディストリビューションにより多少の違いや機種依存性があります。

Linuxエンジニアとは？詳細や仕事内容、必要なスキルを解説！

UNIXライクなOS（UNIX Like OS）とは、UNIX系OSと一般的に呼ばれるOSです。具体的には、**UNIXの認定を取得していないものの、UNIXと同等の機能が実装されているOSを指します。**代表的な例として、LinuxやFreeBSDをはじめとするBSD系OSが挙げられます。

Linuxは、商用UNIXが高価なためリーナス・トーバルズによって開発されたUNIX互換APIを実装したOSです。UNIXはライセンス管理されていますが、Linuxはフリーでオープンソースのため、1991年登場により爆発的に利用が加速しました。

1993年まで続いたUNIX戦争に嫌気をさした開発者が自由に利用できるOSとしてLinuxを使いだしたことも背景に挙げられます。

*UNIXはThe Open Groupによってライセンス管理されており、認定基準が設定されています。*認定区分は以下のサイトをご確認ください。
【参考】：[UNIX® Certification](https://publications.opengroup.org/certifications/unix)

商用UNIXの実装の違いを吸収するために、POSIXに基づき策定されたThe Single UNIX Specificationという同等性の保証も行われています。詳細は以下のリンクをご確認ください。
【参考】：[The Single UNIX Specification, Version 4](https://unix.org/version4/)

UNIX認定は、The Open Groupによって実施されています。認定によってSingle UNIX Specificationの準拠性が保証されます。認定公式サイトではUNIX95以降の認定状況が掲載されています。直近の認定スタンダードであるUNIX 03およびUNIX V7は、以下の製品が認定されています。
【参考】：[UNIX® Certified Products](https://www.opengroup.org/openbrand/register/)

・*Apple*
Apple silicon-basedとIntel-basedでそれぞれUNIX 03認定を取得しています。認定バージョンはmacOS version 12.0 Montereyです。

・*IBM*
AIX version 7、 7.1 TL5以降、同7.2 TL2以降、 AIX 5L for POWER V5.3 dated 7-2006以降、 AIX 6 Operating System V6.1.2 with SP1以降でUNIX 03認定を取得しています。さらに7.2 TL5以降では最新のUNIX V7スタンダードに準拠します。

・*Hewlett Packard Enterprise*
HP-UX 11i V3 Release B.11.31以降がUNIX 03認定を取得しています。

・*Huawei Technology*
Huawei EulerOS 2.0でUNIX 03認定を取得しています。

旧来はUNIXの種類と言えば、SUN SolarisやSunOSあるいはAIX・HP-UXでしたが、macOSがUNIX認定を取得したことで、業務システムからデスクトップ環境までカバーされるようになりました。

## オープンシステムの原点となるOSを理解しましょう

UNIXは初の高水準言語で記述されたOSであり、現在のオープンシステムの原点となるOSです。**C言語やシェルの発展と、仕様の標準化に貢献しました。**UNIXの流れを理解することで、現在主流となっているLinuxの理解度が向上します。UNIXに触れる機会があれば、率先して携わることをおすすめします。

UNIXは、初めて高水準言語で記述されたOSです。1969年に登場して以来、標準化やモダンOSの考え方に多大な影響を与えています。ここではその成り立ちから標準化の動向、コマンド体系や認定製品、Linuxとの違いについて解説していきます。

UNIXとは、1969年にAT&Tのベル研究所で開発されたOSを指します

当時開発されたC言語で書き直され、初めての高水準言語で記述されたOSとなります

UNIX登場により、C言語の利用拡大とモダンOSへの設計思想に多大な影響を与えました

UNIXとは？成り立ちからコマンド体系・認定製品まで解説！

*Vue.jsとは、オープンソースのJavaScriptフレームワークを指します。*ユーザインターフェース構築に利用します。プログレッシブフレームワークと名付けられており、ビュー層のライブラリ利用から段階的に導入することができます。動的にサーバーと通信する、SPA（シングルページアプリケーション）まで対応します。
【参考】：[Vue.js](https://v3.ja.vuejs.org/)

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

Vue.jsのコミュニティは活動は盛んで、日本にも、Vue.js 日本ユーザーグループがあります。*Vue.jsの普及と、Vue.jsエコシステムへの貢献を行っています。*大規模カンファレンスである、「Vue Fes Japan」を年に一度実施しており、2022年も10月16日オンライン開催を予定しています。
【参考】：[Vue.js JP](https://vuejs-jp.org/)
【参考】：[Vue Fes Japan](https://vuefes.jp/2022/)

Vue.jsの活用事例ですが、国内外問わず利用が拡大しています。*最新の事例は、Vue.js 日本ユーザーグループが主催する「Vue Fes Japan」でも公開されています。*

コミュニティを通じた活用事例発表の他にも事例は多くありますが、今閲覧しているサイトにVue.jsが使われているかどうかは簡単にわかります。具体的には、Chrome拡張機能の「Vue.js Devtools」をインストールすると、Vue.jsで開発されているサイトがロードされる際に、「Vue.js Devtools」のアイコンが緑色（アクティブ）になります。
【参考】：[chrome ウェブストア Vue.js devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)

アイコンが緑色になるサイトの代表例は、「Apple SwiftUI Tutorials」「ZOZOTOWN」「WORKMAN」「マイニンテンドー」など多数あります。
【参考】：[Apple SwiftUI Tutorials](https://developer.apple.com/tutorials/swiftui)
【参考】：[ZOZOTOWN](https://zozo.jp/)
【参考】：[WORKMAN](https://workman.jp/shop/default.aspx)
【参考】：[マイニンテンドー](https://my.nintendo.com/)

Vue.jsは、Evan Youによって開発されましたが、*AngularJSを使用したアプリ開発の経験からAngularの気に入っている部分を抽出し開発した経緯があります。*そのメリットですが、以下のような点が挙げられます。
【参考】：[Vue.js](https://v3.ja.vuejs.org/)

リアクティブという、単純で直観的に管理できるJavaScriptオブジェクトシステムを採用しています。*構造がシンプルで拡張しやすいというメリットがあります。*プログレッシブフレームワークという段階的導入に対応し、ビュー層のみのライブラリ利用から段階的に導入することができます。

ドキュメントが豊富で、JavaScriptオブジェクトモデルの構造が理解しやすくなっています。そのため、*学習効果が高く、他のフレームワークよりも覚えやすい特長があります。*

*HTML・CSSとJavaScriptを完全に分離しているため、コーディングしやすい特長があります。*アプリはコンポーネントという分割単位で管理され、再利用できます。また、プラグイン機能を利用することで、コードの再利用を容易にしています。

HTML・CSSとは何か？使い方やできること、独学方法を解説！

JavaScriptのフレームワークでは、通常DOM（Document Object Model）の操作が必要です。*Vue.jsではディレクティブ機能があり、HTMLに属性を付与することで自動的にDOM操作を行うことができます。*そのため、コードがシンプルになりメンテナンスも容易です。

*サーバー通信量を抑えるSPA（シングルページアプリケーション）をベースとしており、ルーティングによる移行遷移のマッピングを容易にしています。*また、トランジションコンポーネントにより、DOM操作を自動的に行うこともできます。

*Vue.jsは、作者のEvan YouがAngularの良いとこどりから着想を得ていますので、総じて目立ったデメリットはありません。*Vue.jsのデメリットですが、あえて挙げるならば以下のような点が挙げられます。

### 大規模プロジェクトがカバーされない

Vue.jsは、軽く動作することを主眼に置いて設計されており、比較的小規模なプロジェクト用を想定しています。そのため、*大規模プロジェクトで想定している、モジュール連携や制御が十分ではありません。*

### ウェブシステムに限定される

*JavaScript用フレームワークですので、利用がウェブサイトやウェブアプリなどのウェブシステムに限定されます。*スマホに代表されるモバイル端末等では、App StoreやGoogle Payなどからネイティブアプリをダウンロードし利用できますが、このような用途では利用することができません。

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

*Vue.jsは、他のフレームワークやライブラリからの移行も進んでいます。*ここでは代表的なライブラリであるjQueryやReact、およびフレームワークであるAngularを取り上げてVue.jsと比較していきます。特長や用途の違いについて解説していきます。

jQueryは、JavaScriptライブラリの1つでコードをシンプルに開発するために考案されました。イベントハンドラ・アニメーション・Ajax用のAPIが提供されます。
【参考】：[jQuery](https://jquery.com/)

Vue.jsとjQueryの違いは、簡単に言うとVue.jsがフレームワークで、jQueryは単なるライブラリです。jQueryは最小のコード量で、より多くの事を実装することを目標として開発されており、導入がしやすく多くのフロントエンドアプリケーションで使用されています。

その反面、*DOM操作を手動で行う必要があり多少手間がかかります。*また、SPA（シングルページアプリケーション）のニーズに対応できないため、高度な処理には不向きです。

jQueryとは？特徴・できること・導入方法・使い方を解説！

Reactは、ユーザーインターフェース構築のためのJavaScriptライブラリです。Facebook（現Meta）とコミュニティによって開発されました。
【参考】：[React](https://ja.reactjs.org/)

Reactでは、ライブラリながらいくつかVue.jsと同等の機能を実装しています。具体的には、仮想DOMを利用しており、DOMの状態をメモリ上にキャッシュし効率化を図っていることが挙げられます。コンポーネントをベースにしていますので、小さなコンポーネントを組み合わせて複雑なインターフェースを構築していきます。

*Reactはライブラリのみなので、コードサイズが小さい特長があります。*加えて中・大規模の開発向けにも利用できます。Vue.jsの場合は、コードが読みやすいため学習効果が高く簡単に記述できるメリットがあります。そのため、ReactからVueへ移行するのも簡単です。

Reactの将来性はVue超え？できることやメリット・デメリットも解説

ReactとVue.jsの違いは何？概要や具体的な違いを整理する

Angularは、Googleと個人やコミュニティによって開発されました。JavaScriptのスーパーセットであるTypeScriptベースで、フルスタックのフレームワークです。
【参考】：[Abguolar](https://angular.jp/)

Angularは、TypeScriptをベースとしています。TypeScriptは、JavaScriptを大規模プロジェクトで利用できるように改良したものです。そのため*Angularは、大規模アプリの開発に適しています。*その反面、TypeScriptの知識が必要ですので多少知識のハードルがあがります。

フルスタックのフレームワークであり、ウェブユーザインターフェースの構築以外にも対応できます。SPA（シングルページアプリケーション）開発で、複雑なウェブアプリケーションに対応できます。必要な機能が揃っているため、コードサイズに関しては多少大きくなります。

Vue.jsは、Angularに影響を受けて開発されたフレームワークですので、構文が似ています。すでにフレームワークを利用している方は、理解しやすいメリットがあります。そのためVue.jsは、学習効果が高く簡単に記述できると言えます。

TypeScriptはJavaScriptの上位互換？違いは開発規模や機能面にアリ

*Vue.jsの使い方ですが、HTMLにScriptの要素となる\<script>を記述し、JavaScriptコードを作成します。*JavaScriptコードはHTMLと同じファイルでも別ファイルでも構いません。最初に「Hello World の例（Hello Vue）」を見ておくと、理解が進むでしょう。

【参考】：[Vue.js 基本的な使い方](https://v3.ja.vuejs.org/guide/introduction.html)
【参考】：[Vue.js はじめに](https://v3.ja.vuejs.org/guide/introduction.html#%E3%81%AF%E3%81%97%E3%82%99%E3%82%81%E3%81%AB-2)
【参考】：[Codepen Hello Vue](https://codepen.io/team/Vue/pen/KKpRVpx)

Vue.jsのインストール方法はいくつかあります。自身の環境に合わせて利用します。
【参考】：[Vue.js インストール](https://v3.ja.vuejs.org/guide/installation.html)

・*CDNを使う*
ローカルに保存せずに、CDN（コンテンツデリバリネットワーク）のサイトを利用し、コードに取り込みます。

```<script src="https://unpkg.com/vue@next"></script>```

・*ローカルに保存する*
CDNサイトからダウンロードし、ローカルに保存しておきます。使用する際には、\<script>でローカルファイルを指定します。

・*npmを用いる*
パッケージ管理ツールであるnpmでローカルに保存します。

Vue.jsの環境に慣れてきたら、CLIをインストールしてより高速に処理を進めることもできます。

具体例ですが*メッセージを表示するには、HTMLに次のようにコードを追加します。*こちらの記述方法は、Hello World（Hello Vue）でも確認できますので、すぐに理解できるでしょう。

```<div id="app">
  {{ message }}
</div>```

JavaScriptコードは次に様に記述することで、”メッセージの表示”がされます。

```const App = {
  data() {
    return {
      message: 'メッセージの表示'
    }
  }
}
Vue.createApp(App).mount('#app')```

## 触ってみて違いを理解しましょう

Vue.jsのような、ウェブアプリケーションの開発フレームワークでは、机上で理解するよりも実際に使用した方が、画面の遷移や制御の理解がしやすくなります。**ある程度特徴が理解できたら、実際に操作してみて感覚をつかむことで、一層理解が進むでしょう。**

Vue.jsの学習におすすめの本8選！学ぶメリットも併せて解説

JavaScriptの資格とは？資格の種類・特徴・難易度を解説

Vue.jsとは、オープンソースのJavaScriptフレームワークを指し、ユーザインターフェース構築に利用します。ここでは、Vue.jsの概要や特長、利用メリットとデメリット、他のライブラリやフレームワークとの比較、そして使い方まで解説していきます。

Vue.jsとは、オープンソースのJavaScriptフレームワークを指し、利用者が増えています

構造がシンプルで、徐々に拡張できるためプログレッシブフレームワークと名付けられています

JavaScriptフレームワークであるAngularの良い点を抽出しており、多数のメリットがあります

Vue.jsとは？すぐに分かる概要から特長・使い方まで解説！

特定のファイルの位置を表現する表記方法に、「絶対パス」と「相対パス」があります。

**絶対パスは、目的のファイルまでの全ての道筋を記述する方法で、相対パスは現在のファイルの位置からの相対的な位置を記述する方法です。**それぞれに書き方や使い方が異なりますが、その違いがわからない方もいるでしょう。

そこで、この記事では、絶対パスと相対パスの表し方・書き方の違い・それぞれの使用法・ルートパス（ルート相対パス）についても解説します。

*パスとは、「経路」のことで、目的のファイルがどのフォルダ（ディレクトリ）に保存されているかを示すものです。*

パスは、現在実行しているプログラムや閲覧しているファイルから、他の場所にあるファイルを指定して実行・表示させたり、作業対象を移動したりする場合に、目的のファイルを指定するために使われます。

具体的には、Excel（エクセル）のシートやマクロから別のブックを外部参照する時や、HTMLの<a>タグや<img>タグでリンク先や画像などのファイルを指定するためにパスを使います。

*パスの表記方法には、「絶対パス」と「相対パス」があります。*

絶対パスとは、ディレクトリの階層構造の頂点から目的のファイルまでの道筋を、全て省略せずに表記する方法です。
一方、相対パスは、現在作業しているファイルの場所から見た、目的のファイルへの行き方を表記します。

例えば、「http:// ●●●.co.jp」というドメイン（サーバ）を頂点とするWebサイトで、「animal.html」ファイルから、画像ファイルの「dog.jpg」を参照するとした場合、下図のようなイメージになります。

あくまでイメージですが、ある目的地の場所を聞かれたときに、「住所」を教えるのが絶対パス、「ここから1つ手前の交差点を左に曲がって...」のように、現在の場所からの辿り方を教えるのが相対パスです。

ここでは、絶対パスの特徴と書き方を詳しく説明します。

### 絶対パスはどこから見ても同じ表記になる

絶対パスは「フルパス」とも呼ばれ、ファイル名を階層構造の頂点から最後まで完全に表記する方法です。

*そのため、現在の作業フォルダがどこであっても、同じ目的ファイルを示す表記は同じです。*

例えば、あるWebサイトの「img」フォルダ内の画像ファイル「dog.jpg」を、ディレクトリの位置が異なる「index.html」ファイルと「animal.html」から絶対パスで指定しても、表記は同じです。

絶対パスで指定する場合は、「http:// ●●●」（または「https:// ●●●」）から省略せずにファイルの位置を指定します。

つまり、「http:// ●●●.co.jp」にある、「img」フォルダ内の「dog.jpg」フォルダを指定したい場合、「http:// ●●●.co.jp/img/dog.jpg」と指定します。

絶対パスの記載内容は、「http:// ドメイン名」（= 階層構造の頂点）、「フォルダ名」、「ファイル名」という構成です。

階層構造の頂点である「http:// ●●●.co.jp/」から、その配下の各階層を「/」（スラッシュ）で区切って、目的のファイルまで辿っていることがわかります。

Webだけでなく、UNIX系やWindows系のパソコン上など、環境が異なる場合も考え方は同じですが、ルートディレクトリ（階層構造の頂点）やディレクトリの区切り記号が異なります。

*1.Web表記*
Web表記の場合、ルートディレクトリは「http(s):// （ホスト名.）ドメイン名/」です。
階層の区切りには「/」（スラッシュ）を使います。
（例）http:// ●●●.co.jp/img/dog.jpg

*2.UNIX互換環境（Linux含む）表記*
UNIX互換環境では、ルートディレクトリは「/」です。
階層の区切りには「/」（スラッシュ）を使います。
（例）/Users/●●●/Desktop/img/dog.jpg

*3.Windows系表記*
Windows系では、ローカルディスクのドライブ名がルートディレクトリになります。
階層の区切りには「\」（バックスラッシュ）または「¥」を使います。
（例）C:\Users\●●●\Desktop\img\dog.jpg

続いて、相対パスの特徴と書き方について詳しく解説します。

### 相対パスは現在の場所から指定の場所への「辿り方」を指定する表記

相対パスは現在作業しているファイルから、目的ファイルのある場所への辿り方を指定する方法です。その名の示す通り、現在の場所からの相対的な位置を表します。

そのため、現在作業しているファイルの場所が異なると、同じ目的ファイルを指定する場合でも、表記が異なります。

相対パスでは、目的のファイルがどこにあるかを指定するために、階層の考え方が特に大切です。

相対パスでは、現在の作業フォルダと目的のファイルの位置関係によって、書き方が異なります。

例として、あるWebサイトの「animal.html」に「dog.jpg」ファイルを表示させるため、<img>タグを相対パスで記述する場合について説明します。
2つのファイルの位置関係が異なる4つのパターンを挙げます。

*1.同じフォルダ（階層内）にある場合*

同じフォルダであることを意味する「./」を使用してパスを記述します。
「./」は省略することができます。

1つの階層を意味する「../」を使用してパスを記述します。

*3.1つ上の階層にある別のフォルダ内にある場合*

「../」で1つ上の階層を指定し、その中のフォルダ、さらにファイル名を指定します。

「../」を2回記載し、「../../」とすることで、2階層上であることを示します。

## それぞれのメリットとデメリット

絶対パスと相対パスにはそれぞれメリットとデメリットがあり、使い分けることが重要です。

絶対パスは、指定元のファイルがどこにあっても目的ファイルの位置が変わらなければ記述が変わらないため、指定元のファイルが移動する場合に発生するリンク切れなどのミスを防ぐことができます。サーバ内における目的ファイルの位置を構造的に把握しやすいというメリットもあります。

また、**Web系で外部サイトへのリンクを指定する時には絶対パスでの指定が必須であり、相対パスでは同じサーバ内のファイルしか指定できません。**

絶対パスのデメリットとしては、階層構造の頂点から全てを省略せずに記載するため、パスが長くなりがちであるという点があります。**収容するサーバやドメイン名が変わった時には、全ての記載を変更する作業も必要です。**

また、Web上のファイルを指定する絶対パスの場合、オフライン環境で動作させようとするとファイルの場所を確認できない場合があります。

相対パスのメリットは、絶対パスに比べて記述量が少なくて済むことです。また、**サイトの引越しなどでサーバが丸ごと変更になるような場合でも、ファイル同士の位置関係が変わっていなければ、パスの表記を変更する必要がありません。**

相対パスの場合、現在のファイルと目的のファイルの位置関係が変わると、リンク切れになってしまいます。そのため、**ファイルを別のディレクトリへ移動する場合は、相対パスの書き換えの確認が必要です。**

### 絶対パスと相対パスの使い分け方の例

ここでは、絶対パスと相対パスの使い分けについて2つのケースを説明します。
あるWebサイトで、「http:// ●●●.co.jp/photo/animal.html」から「http:// ●●●.co.jp/img/dog.jpg」を指定するリンクがある想定です。

*1.同一ドメイン（サーバ）内でファイルの位置が変わる場合*

「http:// ●●●.co.jp/photo/animal.html」ファイルの場所を1階層上に移動し、「http:// ●●●.co.jp/animal.html」とすることにしました。ドメインに変更はなく、目的ファイルである「dog.jp」の位置も変わりません。

目的ファイルの位置が変わらないので、絶対パスは変わりません。
*一方、2つのファイルの相対的な位置関係が変わるため、相対パスの変更が必要です。*
「animals.html」の移動前と移動後の、絶対パスと相対パスの表記は以下のようになります。

・移動前
絶対パス：http:// ●●●.co.jp/img/dog.jpg
相対パス：../img/dog.jpg

・移動後
絶対パス：http:// ●●●.co.jp/img/dog.jpg
相対パス：img/dog.jpg

Webサイト「http:// ●●●.co.jp/」を丸ごと別のドメインの新しいサイト「http:// 〇〇〇.co.jp/」に引っ越しすることにしました。サイト内の構造に変化はなく、「animal.html」ファイルと「dog.jp」ファイルの位置関係も変わりません。

*この場合、階層構造の頂点が変わるため、絶対パスは変更が必要です。*
一方、構造自体を丸ごと引っ越し、2つのファイルの位置関係は変わらないため、相対パスは変わりません。

 ・引っ越し前
絶対パス：http:// ●●●.co.jp/img/dog.jpg
相対パス：../img/dog.jpg

・引っ越し後
絶対パス：http:// 〇〇〇.co.jp/img/dog.jpg
相対パス：../img/dog.jpg

## ルートパス（ルート相対パス）とは

絶対パスと相対パスの他に、ルートパス（ルート相対パス）というパスの記述方法があります。

ルートパスは、Webサイトのルートからの辿り方を表したパスの表記方法です。一般的にWebサイトにおけるルートとは、Webサイトのトップページがある場所のことです。

*簡潔にいうと、「http(s)://（www.）ドメイン名/」を省略して記述し、ルートディレクトリを意味する「/」を頭につけます。*

### 大規模サイト構築やドメイン変更の可能性がある場合はルートパスを使う

*ルートパスは、常にルート階層を基準とするので、フォルダの階層構造に関係なく目的ファイルを指定することができます。*そのため、ドメイン変更を伴うサーバの引っ越しの時でも、リンクを書き換える必要がありません。

ルートパスは、中規模から大規模なサイトを作成する場合や、いずれドメイン変更の可能性がある場合、WordPressのようなCMSを利用する場合に使われます。

## 絶対パス・相対パス・ルートパスを適切に使い分けよう

パソコン内やWeb上のディレクトリ構造の中で、あるファイルから別のファイルを指定する時に、「パス」を使います。パスの表記方法には絶対パスと相対パスがあり、それぞれ特徴が異なります。この記事では、それぞれの特徴や使い分け方と、もう1つの方法であるルートパスについて解説します。

絶対パスは、階層構造の頂点から目的のファイルまで全ての道筋を記述する

相対パスは現在作業しているファイルから見た、目的ファイルの相対的な位置を記述する

目的ファイルの場所や、サイト運営の予定などを考えて絶対パスと相対パスを使い分ける必要がある

相対パスとは？絶対パスとの違いやメリット・デメリット、使い分け方を解説

まずは、C言語・C++の基礎知識についてまとめました。また、C言語やC++と名前が良く似たC#についても説明します。

**C言語とは、1972年頃に発表されたプログラミング言語です。**プログラミング言語としての歴史が長く、今でも組み込み系開発やOS開発などで現役で使われています。また、C言語はさまざまな言語と元になっているのも特徴です。たとえばPHPやPythonといった現在主流で使われている言語も、C言語の影響を受けています。

C言語を勉強することで他の言語も理解しやすくなるといったメリットがあります。そのこともあり、情報系の大学ではC言語を始めに勉強することも多いです。

**C++（シープラスプラス）は、1983年頃に発表されたプログラミング言語です。**その名前から連想されるように、C言語を機能拡張して作られました。具体的にはC言語にオブジェクト指向ができる機能などを追加しており、より効率よくプログラムを組めるように進化しています。C++もC言語同様に多くの開発現場で使われている言語であるため、将来性も比較的高いと言えるでしょう。

C#（シーシャープ）は、2000年頃にマイクロソフト社によって開発されたプログラミング言語です。C++同様にC言語を拡張して作られた言語ですが、C言語とは文法などが異なる点が多く、どちらかと言えばJavaなどに近い作りです。

*活用される分野もC言語とは異なり、Windowsアプリ開発やゲーム開発といった分野で使われています。*ゲーム開発でUnityというプラットフォームが使われることが多く、C#はUnityで動かすことができる言語の1つです。また、C言語に比べると学習難易度は低めとなります。

C言語とC++にはよく似たプログラミング言語であるため、共通点もいくつかあります。ここでは、C言語とC++の共通点について5つまとめました。

*C言語もC++も、ソースコードを実行する際にコンパイルが必要です。*プログラミング言語はインタプリタ型とコンパイル型の2種類に分類分けされます。インタプリタ型はソースコードを機械語に翻訳しながら実行する方式のことで、コンパイル型はソースコードを機械語にまず一括で翻訳しそれから実行する方式のことです。

C言語・C++はコンパイル言語に該当します。コンパイルする手間がかかるため、Webアプリやスマホアプリ開発などスピーディーな対応が求められる分野にはあまり使われない傾向があります。

C言語とC++は、静的型付け言語にも分類されます。静的型付け言語とは、変数などの値をコンパイル時に検証する言語のことです。対して、動的型付け言語は変数などの値を実行時に検証します。

**動的型付け言語の場合、プログラムを実行する度に型が変更されてしまうリスクがありますが、静的型付け言語はその心配がないのがメリットです。**ただし、ソースコードを記述する際は変数の型をあらかじめ指定する必要があります。

C言語やC++は処理速度が速いのが特徴です。コンパイル言語はまず機械語に翻訳してから実行するため、PHPやPythonなどのインタプリタ言語に比べて処理速度が速くなっています。そのため、組み込み開発などリアルタイムで処理を行う必要がある分野に適していると言えるでしょう。

また、*C言語やC++はCPUやメモリを効率的に活用できるプログラムも作りやすく、プログラマーの技術次第でさらに処理速度を極めることが可能です。*

C言語もC++も学習難易度が高い傾向があります。PHPなど最近の言語に比べて文法が難しめであるうえに、ポインタという概念が初心者にとっては理解が難しいと言われています。ポインタを理解するには、コンピュータの内部処理にまで目を向けなくてはならず、ハードウェア面の前提知識がないと完璧に習得するのは難しいでしょう。

そのため、**C言語・C++を勉強してみて難しいと感じた方は、他の言語から勉強するのもおすすめです。**

*C言語もC++も汎用性が高く、さまざまな分野で活用されています。*元々C言語はUnixの移植目的で作られたのですが、徐々に言語としての優秀性が認められていき、他分野でも使われるようになりました。そのためC言語・C++を習得することで、さまざまな開発分野に参入することが可能です。

ただし、Webアプリやスマホアプリ開発などはC言語・C++でもできないことはありますが、実務で使われることは少ないので注意しましょう。

## C言語とC++の具体的な4つの違い

ここでは、C言語とC++の具体的な4つの違いについて解説します。これらの違いを理解することで、C言語とC++のどちらを学ぶべきか判断できるようになるでしょう。

C++では、クラスが追加されオブジェクト指向で書けるようになりました。オブジェクト指向で書くことで作業分担がしやすくなり、大規模な開発もスムーズに行えるようになります。PythonやJavaなど人気の高い言語の多くはオブジェクト指向で書くことができるため、C++を通じてオブジェクト指向を学ぶことで、他言語も理解しやすくなるでしょう。

用語辞典の記事（2ページ目）