資料請求リストに製品が追加されていません。


IT製品の比較サイト|ITトレンド
ITトレンドNo.1ヘッダー

資料請求リスト

0件
  • ホーム
  • 製品を探す
  • ランキングから探す
  • 記事を読む
  • はじめての方へ
  • 掲載について
  • ITトレンドEXPO
  1. IT製品 比較TOP
  2. 設計開発
  3. 開発ツール
  4. 開発ツールの関連記事一覧
  5. 絶対パスと相対パスの違いは?特徴や使い分け方を紹介!

絶対パスと相対パスの違いは?特徴や使い分け方を紹介!

#設計開発
2023年01月24日 最終更新
開発ツールの製品一覧
Twitterでツイートする
Facebookでシェアする
Pocketで後で読む
ITトレンド 編集部
IT製品の比較サイト
ITトレンド 編集部
絶対パスと相対パスの違いは?特徴や使い分け方を紹介!

Webサイト上でファイルを指定する方法には「絶対パス」と「相対パス」があります。しかし、この2つの違いが分からずサイト構築で困ったことはありませんか。使い方を間違えるとファイルやページが表示されない事態も起こりかねません。

そこでこの記事では、絶対パスと相対パスの特徴や違いを詳しく解説します。

開発ツール人気ランキング | 今週のランキング第1位は?

パスとは

パスとは英語で表記すると「Path」であり、経路を意味しています。主にWebサイト上にある特定ファイルまでの道筋を表すものです。

分かりやすいもので言えば、WebサイトのURLである「https://www.〇〇.co.jp」などです。例えば、Webサイト上に登録している画像を選択すると、URLにはその画像が保存されているパスが表示されます。

このパスは書き方によって、「絶対パス」と「相対パス」の2種類に分けられます。

絶対パス(フルパス)とは

まずは、絶対パスとはどのようなものか見ていきましょう。

「目的地」となるファイルを完全に記述する方法

絶対パスでは、階層の頂点から特定のファイルまでの経路を階層ごとに全て記載します。

例えば、デスクトップにお気に入りである音楽のプレイリストがあるとします。この場合、「曲」が入っているファイルの場所は「デスクトップ>Music>プレイリスト>曲」のような形で示せるでしょう。

このデスクトップと同じように、Webサイト上でもファイルを保存する場所があります。そのファイルの場所を、絶対パスでは「ドメイン名 / フォルダ名 / ファイル名」のように示します。スラッシュで区切って具体的なディレクトリ名やファイル名を表記します。

いわば誰から見ても変わらない住所表記と言えるでしょう。

リンク切れは減るが、ローカル環境でのテストが難しい

絶対パスでリンクを記載するときは、URLをすべて書いてファイルの場所を指定するため、リンク切れになるミスを防げます。例えばリンクを記述したページを移動してもリンク先の絶対パスは変わらないためです。

しかし、基本的にWebサーバ上のURLを記述する必要があります。そのため、自分のPCなどのローカル環境では制作やテストを行えません。また、必然的にURLが長くなるため、ファイルの場所を指定する作業に時間がかかってしまいます。

相対パスとは

つづいて、相対パスとはどのようなものなのか見ていきましょう。

現在地から目的地までの「道順」を記述する方法

相対パスでは、今作業している階層を基準にして、指定したファイルがどこにあるか記述します。絶対パスと比較すると、すべての階層を記述するわけではないため、URLは短縮されることが多いです。

現在の階層よりも1つ上位の階層への移動を「../」という記号を使って表現します。2つ上ならば「../../」となります。現在よりも下位の階層は「/」で区切って具体的なディレクトリ名やファイル名を書いていきます。

例えば、絶対パスで「https://www.〇〇.co.jp/img/file01.png」と画像ファイルの位置が指定されるとします。これを、「https://www.〇〇.co.jp/contents/file01.html」から見た相対パスで指定する場合は「../contents/file01.png」となります。

ローカル環境でテストできるが、リンク切れしやすい

相対パスの場合、Webサーバに上げずに作業を行えるため、ローカル環境のブラウザで制作やテストを行えます。そのため、社内サイトを構築するときなどに便利でしょう。絶対パスよりも短いURLを記述できるため、作業の負担が軽減されることもメリットです。

また、先程の例でいえば「../contents/file01.png」のみしか記載していないため、ドメイン名が変わっても同じ場所を指定できます。そのため、階層構造を変えずにサイト全体を移動する場合、リンクを書き直さずにすみます。

しかし、自分が今いるページの位置を起点にするため、そのページが移動するとリンク切れになってしまいます。

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

最後に、絶対パスと相対パスの使い分けについて見ていきましょう。

リンク先が外部サイトのときは絶対パスを使う

相対パスはサイトを構築する際の負担を軽減し、ドメイン名が変わっても対応しやすいですが、外部サイトへのリンクを記述する場合には使えません。そのため、外部サイトを利用する際は必ず絶対パスによる記述が必要になります。

相対パスは前提として、同じサーバ内にファイルやデータがなくてはなりません。

リンク先が内部サイトのときは相対パスを使う

リンク先が同じサーバ内であれば相対パスを使えます。社内サイトなどサーバを自社で保有している場合は、作業の手間を削減しオフライン状態でも対応できる相対パスを使うのが一般的です。

また、データの書き込み命令などに関してはセキュリティの関係上、相対パスが使われます。このような命令を絶対パスで記述すると、サーバ内のファイルを外から書き変えられる可能性があるからです。

絶対パスと相対パスを区別して適切に使おう!

Webサイトを構築するときには絶対パスと相対パスの使い分けが大きなポイントになります。

基本的には、ファイル先が外部サイトのときは絶対パスを、社内のサーバにあるときは相対パスを使ってください。絶対パスと相対パスはWebサイトを構築する上で必須の知識になるため、理解を深めることが大切です。

しっかり使い分けて、効率的にWebサイトを作りましょう。

開発ツール人気ランキング | 今週のランキング第1位は?
この記事を読んだ人は、こちらも参考にしています
最新ビジネス書を手軽に学べる
著者出演の動画メディア
電球
仕事で活かせるビジネスノウハウが
動画で学べる
電球
たった10分で学べるビジネス書の
動画解説が見放題
チラヨミロゴ bizplay動画ページリンク
動画を見てみる arrow
こちらもおすすめ!
開発ツール 選び方ガイド
電球 製品を選ぶときのポイントがわかる!
電球 どんな企業が導入すべきかがわかる!
お役立ち資料ダウンロード
選び方ガイドのダウンロードはこちら arrow

このコンテンツの執筆者

ITトレンド 編集部
IT製品の比較サイト
勤怠管理・就業管理
プロジェクト管理
会計ソフト
経歴・実績
ITトレンドはイノベーションが2007年より運営している法人向けIT製品の比較・資料請求サイトであり、2020年3月時点で、累計訪問者数2,000万人以上、1,300製品以上を掲載しています。サイトを閲覧し利用する企業内個人であるユーザーは、掲載されている製品情報や口コミレビューなどを参考に、自社の課題に適したIT製品を複数の製品・会社から比較検討ができ、その場で資料請求が一括でできるサイトです。
ITトレンド 編集部

このカテゴリーに関連する記事

要件定義とは?何をすべき?流れ・必要なスキルをわかりやすく解説!

要件定義とは?何をすべき?流れ・必要なスキルをわかりやすく解説!

バッチファイル(BATファイル)とは?作り方や書き方を初心者向けに解説!

バッチファイル(BATファイル)とは?作り方や書き方を初心者向けに解説!

オフショア開発とは?メリットとデメリットを詳しく解説!

オフショア開発とは?メリットとデメリットを詳しく解説!

システム設計からアプリ開発まで!開発ツールの種類とは?

システム設計からアプリ開発まで!開発ツールの種類とは?

ミドルウェアとは?役割や機能、種類をわかりやすく解説!

ミドルウェアとは?役割や機能、種類をわかりやすく解説!

ヒープ領域とは?スタック領域との違いや具体的な管理方法を解説!

ヒープ領域とは?スタック領域との違いや具体的な管理方法を解説!

SQL文とは?基本命令文と書き方をわかりやすく解説!

SQL文とは?基本命令文と書き方をわかりやすく解説!

システム開発の本番環境とは?開発の流れと注意点を詳しく解説!

システム開発の本番環境とは?開発の流れと注意点を詳しく解説!

エクストリームプログラミング(XP)とは?わかりやすく解説!

エクストリームプログラミング(XP)とは?わかりやすく解説!

イテレーションとは?スプリントとの違いや開発プロセスを解説!

イテレーションとは?スプリントとの違いや開発プロセスを解説!

IT製品・サービスの比較・資料請求が無料でできる、ITトレンド。「絶対パスと相対パスの違いは?特徴や使い分け方を紹介!」というテーマについて解説しています。開発ツールの製品導入を検討をしている企業様は、ぜひ参考にしてください。

お役立ち資料ダウンロード こちらをクリック
開発ツール
基本情報から選ぶ時のポイント、ITトレンドおすすめの製品情報をまとめてご紹介します。
カテゴリー関連製品・サービス
株式会社ラネクシー
PrizmDoc (プリズムドック)
株式会社ラネクシー
☆☆☆☆☆ ★★★★★
0.0 0件
マジックソフトウェア・ジャパン株式会社
Magic xpi Integration Platform
マジックソフトウェア・ジャパン株式会社
☆☆☆☆☆ ★★★★★
4.7 3件
住友電工情報システム株式会社
楽々Framework3
住友電工情報システム株式会社
☆☆☆☆☆ ★★★★★
3.5 10件
株式会社NTTデータイントラマート
Accel-Mart Quick
株式会社NTTデータイントラマート
☆☆☆☆☆ ★★★★★
0.0 0件
株式会社セールスフォース・ジャパン
Heroku
株式会社セールスフォース・ジャパン
☆☆☆☆☆ ★★★★★
4.5 31件
サイエンスパーク株式会社
Driverware セキュリティSDK
サイエンスパーク株式会社
☆☆☆☆☆ ★★★★★
0.0 0件
株式会社フロリダ
Florida
株式会社フロリダ
☆☆☆☆☆ ★★★★★
0.0 0件
マジックソフトウェア・ジャパン株式会社
Magic xpa Application Platform
マジックソフトウェア・ジャパン株式会社
☆☆☆☆☆ ★★★★★
3.9 15件
株式会社ワークスアプリケーションズ
ArielAirOne
株式会社ワークスアプリケーションズ
☆☆☆☆☆ ★★★★★
4.3 8件
アステリア株式会社
ASTERIA Warp
アステリア株式会社
☆☆☆☆☆ ★★★★★
4.3 29件
カテゴリー資料請求ランキング
5月29日(月) 更新
第1位
  • 多機能・高精細ビューイングエンジンPrizmDoc (プリズムドック)
  • 株式会社ラネクシー
第2位
  • ローコード開発プラットフォームMagic xpa Application Platform
  • マジックソフトウェア・ジャパン株式会社
第3位
  • Driverware セキュリティSDK
  • サイエンスパーク株式会社
4位以下のランキングはこちら
ログイン ログイン
新規会員登録 新規会員登録
ITトレンドへの製品掲載・広告出稿はこちらから
レビュー用バナー
新着記事
  • ミドルウェアとは?役割や機能、種類をわかりやすく解説!
    ミドルウェアとはどのようなソフトウェアのことで...
  • 要件定義とは?何をすべき?流れ・必要なスキルをわかりやすく解説!
    要件定義とは、システム開発などのプロジェクトを...
  • おすすめの開発ツール21種を比較!機能や選び方も紹介!
    開発ツールとは、ソフトウェアやアプリケーション...
  • Androidアプリの開発方法とは?言語や環境を解説!
    この記事ではAndroidアプリの開発方法を初心者向け...
  • アジャイル開発のメリットとデメリットを詳しく解説
    アジャイル開発は、初期段階で綿密な計画を立てず...
  • Pythonフレームワークのおすすめ7選!開発用途別に紹介
    コードのシンプルさと汎用性で人気を集めているPyt...
  • ハイブリットアプリとは?仕組みやメリット・デメリットを解説
    iOSやAndroidのアプリ開発を効果的に行える「ハイ...
  • おすすめのPHPフレームワーク7選!メリットや注意点も解説
    Webサイトを構築する際には、PHPで作られたフレー...
  • ハッカソンとは?開催のメリット・実施のポイントをわかりやすく解説!
    エンジニアが多く参加するイベントの「ハッカソン...
  • リファクタリングとは?概要、目的や手法、注意点などを解説!
    リファクタリングとはどのような作業なのでしょう...
ページトップへ
ITトレンドについて
ITトレンドとは|
ご利用規約|
レビューガイドライン|
プライバシーポリシー|
クッキーポリシー|
運営会社|
サイトマップ|
お問い合わせ
IT製品を探す
製品を探す |
ランキングから探す |
専門家一覧
IT製品を知る
用語集
IT製品を掲載する
掲載について
関連サービス・サイト
List Finder |
Urumo! |
チラヨミ |
Sales Doc |
Matchup

Copyright (C) 2023 IT Trend All Rights Reserved.

開発ツールの製品をまとめて資料請求
0件の製品が資料請求リストにあります。
資料請求リストをリセットします。
よろしいですか?