1mouke.com [東京ウェブ制作] - サイト内を検索する  
ドローンの疑問が解決するQ&A【ドローン・アンサー】
FAQ(よくある質問と回答)
Q. ビルダーでの直リンクの仕方がいまいちよくわかりません。初心者でもわかりやすく説明して頂けるとありがたいです。

A. まず「直リンクとは何か?」についてご説明します。
直リンクとは「httpから始まるURLで画像ファイルに
リンクする行為」を意味します。

逆に「直リンクではないリンク」のことを、
ここでは「ローカルリンク」と呼びます。
ローカルリンクとは、次のようなものです。

※ローカルリンクとは?
例えば、通常のホームページの場合、
自分で作成した
index.html
があって、そのindex.htmlに
画像を表示させたい場合は、
index.htmlに画像を挿入すると思いますが、
その画像ファイルの実体は、
gazou/photo.jpeg
のようにすると思います。
つまり、gazou というフォルダを作って、
その中に photo.jpeg というファイルを
保存しておけば、index.htmlから
リンクするときには、

gazou/photo.jpeg

とすれば、正常に表示させることができます。
ただし、index.html と同じ階層に
gazou というフォルダを設置しておく必要があります。

これがローカルリンクです。
そして、これらのファイルをアップロードする場合、
仮に、アップ先のドメインが
http://www.abc.com/
だとすると、アップロード後の構成は、
以下のようになります。

http://www.abc.com/index.html (これがトップページ)
http://www.abc.com/gazou/photo.jpeg (これが画像ファイル)

ここで、画像ファイルに直リンクしようと思ったら、

http://www.abc.com/gazou/photo.jpeg

というURLに対して、直接リンクをしてしまえばいいわけです。
つまり、

<IMG src="XXXXX" width="63" height="63" border="0" alt="">

の XXXXX の部分に何を入れるか? 次第で、
直リンクになるか、ローカルリンクになるか、が変わるのです。

ローカルリンクの場合は
<IMG src="gazou/photo.jpeg" width="63" height="63" border="0" alt="">

となりますが、直リンクの場合は
<IMG src="http://www.abc.com/gazou/photo.jpeg" width="63" height="63" border="0" alt="">

となります。どちらも、アップロードして
ブラウザで表示させると、同じように表示されます。

さて、ここで、直リンクのメリットは何か?
ということになりますが、最大のメリットは
「自分のサーバーに画像ファイルを置かなくてもいい」
ということです。

例えば、直リンク
<IMG src="http://www.abc.com/gazou/photo.jpeg" width="63" height="63" border="0" alt="">
は、誰でも勝手に作ることができます。
つまり、他人のサーバ上にある画像を勝手に使っているわけです。
ですから、使われる側にとっては、サーバーに余計な
アクセスが増えるので、迷惑になるわけです。

あと、この方法を応用して
「画像ファイルだけを無料サーバーに置いておき、
index.htmlは有料サーバーに置く」
という行為もあります。
しかし、それをやられると、無料サーバーは「画像置き場」
にされてしまうので、無料サーバーにある画像に対しては
直リンクできないような仕組みになっている場合が多いです。

以上、纏めると、

<IMG src="XXXXX" width="63" height="63" border="0" alt="">

の XXXXX の部分に「http: から始まるURL」を入れるリンクは
すべて直リンクになります。

ちなみに、直リンクをするためには、直リンク先の画像へのURL
を正確に知る必要があります。それを知るためには、
ブラウザのアドレスバーに表示されるURLや、ファイルを
保存したときのファイル名を、しっかり読み取ることを忘れないように
して下さい。


回答者 大和賢一郎

関連する質問

関連する動画

関連する用語

関連する解説

その他の関連情報

FAQ(よくある質問と回答)を検索する

Loading


IT外注のトラブルを解決する
起業家のための、損しないIT外注テクニック
ITエンジニア 大和賢一郎 による技術サポート(ヘルプデスク)です。ウェブ制作に関する情報提供・オンライン個別相談・直接面談・立ち会い・トラブル解決・座学セミナー・スキルアップ個別指導などを無料または有料でご提供いたし ... 続きを読む
東京ウェブ制作 東京HTMLスクール クラウドソーシング 基礎からわかる!HTML超入門 東京ウェブ制作 - 拡販パートナー募集中 フリーランスITエンジニアのエージェント比較 【日本語版】ZendFramework2(ZF2)逆引き辞典 人間ドックの日本最大級口コミサイト「人間ドックサーチ」人間ドックの情報満載 クラウドソーシングの日本最大級口コミサイト【東京ウェブ制作】 あなたの月収が70万円になる 無料WordPress - kyblog(ケーワイブログ) フリーランスITエンジニアの案件検索エンジン「オメガ・サーチ」OMEGA_SEARCHフリーランスITエンジニアのエージェント比較「agentism(エージェント・イズム)」 ドローンの疑問が解決するQ&A【ドローン・アンサー】


今すぐ質問する(無料)
ホームページ作成に関するご質問をお寄せください。無料で回答いたします。回答は よくある質問FAQ にアップされます。今すぐ質問する