Webサイトの作成 の基礎知識｜はじめの一歩

Webサイトの作成 – の基礎知識｜このサイトは「今さら聞けないパソコンやIT・WEBインターネットの基礎知識」を紹介する初心者向けガイドです。

Check

Webサイトの作成のカテゴリ一覧

• ドメイン取得
• レンタルサーバー
• WordPress

Webサイトの作成の情報一覧

• 独自ドメインをプレゼント！キャンペーン！レンタルサーバー マルチドメイン無制限【エックスサーバー】
• 連絡先メールアドレスは忘れずに！
• リンクに許可は必要？
• GIF画像を掲載すると特許料を取られる？
• 主な拡張子とは？
• URL(Webアドレス)の構造とは？
• 他の人の文章を引用すると著作権侵害になりますか
• 自分のサイトに掲載したり画像掲示板にアップロードしてはいけない画像は？
• 漫画やゲームソフトなどの「ネタバレ」には注意を！

Check

独自ドメインをプレゼント！キャンペーン

エックスサーバーとは、

◆低価格・高機能・無制限！『レンタルサーバー エックスサーバー』

レンタルサーバー『エックスサーバー』は、業界トップクラスの多機能さと
快適な速度を誇るレンタルサーバーサービスです。

月額1,050円からとお手ごろな価格帯でありながら、マルチドメイン、
サブドメイン、メールアドレスなど無制限に作成できます。

また、電源システムや空調/防火システムを備えた日本大手のデータセンターに収容。
合計約232Gの高速バックボーンの快適な速度で安心してご利用いただけます。

これまでのサーバーお申し込み件数は80,000件を突破！
コストパフォーマンスに優れたサーバーとして多くのお客様に
ご好評をいただいております。

【エックスサーバーの特長】
・マルチドメイン・メールアドレス無制限！
・1,050円から使える高速・高機能！
・初心者でも安心の24時間365日サポート！
・電話サポートあり！専任スタッフがご対応いたします！
・人気のブログやショッピングカートを簡単インストール！
・操作性を重視した簡単操作のサーバー管理ツール！
・快適232Gの国内高速バックポーン！
・独自ドメインを用いた独自SSL対応！（オプション）
・FastCGIに対応！PHP高速化や負荷軽減を図ることが可能です！

アマゾンでドメインの商品を探してみる。

楽天でドメインの商品を探してみる。

ヤフーショップでドメインの商品を探してみる。

ヤフーオークションでドメインの商品を探してみる。

Check

Webサイトやブログを公開するときは、
必ず連絡先のメールアドレスを掲載しましょう。

サイトを見た人が連絡を取る手段が無い、
というのはあまりにも無責任です。

「別に連絡なんかしてくれなくて結構」と思うかもしれませんが、

例えば、
あなたが悪意からではなくうっかり著作権侵害や名誉毀損などをしてしまった場合、
それを見た関係者があなたに連絡を取って話し合おうにも、
連絡先が書いてなければそれができません。

その場合、
被害者が警察に行って刑事告発し、
警察が捜査令状でプロバイダからあなたの個人情報を聞き出し、
あなたを検挙することになります。

すぐ連絡が取れれば話し合いで解決できたかも知れないのが、
逮捕歴・裁判沙汰という重大な事態になってしまいます。

あなたに連絡をとる手段が確保されることが重要ですので、
本当のメールアドレスを明かしたくない人は
フリーメールなどでアドレスを取得してそれを載せておきましょう。

また、
広告メールやウイルスメールが届いたら困るという人は、
「@」を全角文字(日本語入力モードで出てくる大きな文字)にしたり、
画像にすればかなり防ぐことができます。

他にも、お問い合わせフォームを設置する
直接メールアドレスを公開しない方法もお勧めです。

アマゾンでメールアドレスの商品を探してみる。

楽天でメールアドレスの商品を探してみる。

ヤフーショップでメールアドレスの商品を探してみる。

ヤフーオークションでメールアドレスの商品を探してみる。

Check

いろいろな考え方がありますが、
リンクを拒否する権利はないとする説が有力です。

ただ、
「リンクした人は連絡をください」のような注意書きのあるサイトについては、
マナーの問題として連絡したほうが良いでしょう。

リンクには様々な形があるので単純には言えませんが、
一般に、よそからリンクされては困る情報はそもそもインターネットで公開すべきではありません。

また、
リンクを許可したり拒否したりする権利をサイトのオーナーに認める法律も存在しません。

このため、
リンクの仕方をいちいち細かく指定した注意書きや、
「無断リンク禁止」などの宣言は無効であり、
リンクに際して事前に許可は必要ないと言えます。

リンクはそれ自体の性質として誰かの名誉や権利を侵害するわけではないのですから、
自由な言論活動の一部として認められるべきでしょう。

ただし、
フレームを分けてリンク先のサイトをあたかも自分のサイトの一部であるかのように表示させたり、
ニュースサイトの最新記事一覧をリアルタイムに生成して
そのサイトのトップページのコピーのようなページを作るのは、
不適切なリンクの仕方であり、すべきではありません。

アマゾンでリンクの商品を探してみる。

楽天でリンクの商品を探してみる。

ヤフーショップでリンクの商品を探してみる。

ヤフーオークションでリンクの商品を探してみる。

Check

GIF形式の画像を扱うソフトウェアには、
アメリカのユニシス(Unisys)という会社が持つ特許が使われているため、
ソフトウェアの作者はユニシス社と契約を結んで特許料を払わなければなりませんでした。

「でした」というのは、
すでにこの特許は期限が切れているため、
もはや同社に特許料を払う必要はありません。

また、
GIF形式の画像自体が特許に触れるわけではないため、
GIF画像を掲載した人が特許料を支払う必要はありません(でした)。

アマゾンでGIF画像の商品を探してみる。

楽天でGIF画像の商品を探してみる。

ヤフーショップでGIF画像の商品を探してみる。

ヤフーオークションでGIF画像の商品を探してみる。

Check

◆ 文書など

txt … (プレーン)テキストファイル。
html htm … HTMLファイル。
css … スタイルシート。
pdf … Adobe PDFファイル。
rtf … Rich Text Formatファイル。

◆ Webサーバのスクリプトなど

shtml shtm stm … SSIが埋め込まれたHTMLファイル。
cgi … CGIスクリプト。多くはPerlで書かれている。
pl plx … Perlで記述されたCGI。
php … PHPスクリプト。
py … Pythonスクリプト。
rb … Rubyスクリプト。
asp … ASP(Active Server Pages)スクリプト。Microsoft IISで使われる。
aspx … ASP.NETスクリプト。Microsoft IISで使われる。

◆ 画像

gif … GIF画像。256色までのイラストなど。可逆圧縮。
png … PNG画像。フルカラーのイラストなど。可逆圧縮。
jpg jpeg … JPEG画像。フルカラーの写真など。基本的に不可逆圧縮。
bmp … BMP画像。Windows標準のフルカラー無圧縮形式。
psd … Adobe Photoshopの画像形式。
ai … Adobe Illustratorのアートワークファイル。

◆ 動画

avi … AVIファイル。Windowsの動画形式。
asf asx … ASFファイル。Windowsのストリーミング動画形式。
wmv … Windows Media Video形式。
mpg … MPEGファイル。
mov … MOVファイル。Apple QuickTime形式。
rm ram … RealVideoファイル。
vob … DVD Video形式。
swf … Macromedia Flashムービー。

◆ 音声

mp3 … MP3形式。最もメジャーな圧縮形式。
wma … Windows Media Audio音声形式。
wav … Windows標準の無圧縮音声形式。
ogg … OggVorbisファイル。

◆ 圧縮形式

zip … ZIP形式。最も普及している形式の一つ。
lzh … LZH形式。フリーソフトなどに多い。
cab … CAB形式。Windowsのシステムファイルなどに多い。
rar … RAR形式。かつてはファイルを分割できるので人気があった。

◆ アプリケーションの保存形式

xls … Microsoft Excelのスプレッドシートファイル。
doc … Microsoft Wordの文書ファイル。
ppt … Microsoft PowerPointのプレゼンテーションファイル。
mdb … Microsoft AccessやJetデータベースエンジンのデータベースファイル。

◆ 実行形式・システムファイルなど

exe … Windowsの実行形式。
dll … Windowsのライブラリファイル。
ini … 設定ファイル。
inf … 設定ファイル。
ico … アイコンファイル。
msi … Windows Installerが使うインストーラプログラム。
class … Javaなどのクラスファイル。
lnk … ショートカットファイル。
wsf … Windows Script形式のスクリプトファイル。
reg … レジストリファイル。レジストリの内容をコピーしたもの。
chm … コンパイルされたHTMLファイル。HTMLや画像などを一つのファイルにまとめた形式。
hlp … Windowsヘルプファイル。
fon … フォントファイル。
ttc … フォントファイル。
ttf … フォントファイル。

◆ プログラミング言語のソースファイル

c … C言語。
cpp cxx … C++言語。
java … Java。
pl … Perl。
js … JavaScript。
vbs … VBScript。
py … Python。
rb … Ruby。
pas … Pascal。
bas … BASIC。

アマゾンで日本語ドメインの商品を探してみる。

楽天で拡張子の商品を探してみる。

ヤフーショップで拡張子の商品を探してみる。

ヤフーオークションで拡張子の商品を探してみる。

Check

例として
http://www.company.jp/folder/subfolder/file.cgi?param=value#anchor というURLを分解します。

http:// … 情報の入手方法を表します。

多くの場合は
通信に使用するプロトコルを表します。

通常のWebアクセスに使われる http のほかに、
暗号化された https、
ファイル転送の ftp、
音声や動画を表す mms、
ローカルファイルを意味する file などがあります。

www.company.jp … Webサーバのドメイン名です。

jp は日本を、company が組織名を、www はサーバ名(ホスト名)を表します。

JPドメインでは第二階層に組織種別(.co .ac .ne など)が来る場合もあります。

/folder/subfolder/ … Webサーバの中でのファイルの位置を表します。

フォルダ名を最上位階層から順番にスラッシュ(/)で区切って指定します。
この例ではルートフォルダの folder フォルダにある subfolder フォルダの中を表します。

file … ターゲットのファイル名を表します。

.cgi … ファイルの種類を表す拡張子です。
.html や .htm .shtml などはHTMLファイルを表し、
.cgi .pl などはCGIプログラムです。

他にも画像の .jpg .gif .png や、
音声の .mp3 .wma、動画の .mpg .avi .mov などがあります。

?param=value … CGIなどのプログラムの呼び出しに使われるパラメータの指定です。

この例では「param」という変数に「value」という文字列を指定しています。

#anchor … ページ内での位置指定です。
長いWebページでは途中に目に見えない印がついていて、
その場所を表示するよう指定できるようになっている場合があります。

アマゾンでURLの商品を探してみる。

楽天でURLの商品を探してみる。

ヤフーショップでURLの商品を探してみる。

ヤフーオークションでURLの商品を探してみる。

Check

著作権法では、
いくつかの条件を満たせば権利者の許諾を得ることなく文章をコピーして
掲載することができます。

他の人の文章の単なる丸写しや、
てにをはなどを少し変えただけの文章を掲載するのは無断転載あるいは剽窃となり、
著作権侵害に当たります。

ただし、

1)その部分を引用する必然性がある

2)引用であることが明記されている

3)著作物全体の中で自分の書いた部分が「主」、引用部分が「従」である

といった条件を満たせば、引用することが認められています。

アマゾンで著作権法の商品を探してみる。

楽天で著作権法の商品を探してみる。

ヤフーショップで著作権法の商品を探してみる。

ヤフーオークションで著作権法の商品を探してみる。

Check

まず、
掲示板やプロバイダなどの方針で禁止されているものは
掲載・アップロードしてはいけません。

そして、罪に問われる可能性があるのは、
他人が著作権や肖像権を持っている画像、過激なわいせつ画像、児童ポルノ、画像ファイルに偽装した海賊版ソフトウェアなどです。

また、
違法ではなくても常識的にだめなのは、
死体写真や汚物の画像など、見た人に不快感を与える画像です。

著作権や肖像権の侵害は、
他の人の描いた絵や他の人の撮った写真、新聞や雑誌など印刷物のスキャン画像、
テレビ番組や映画などのキャプチャ画像、有名人の写真などがこれに当てはまります。

また、
有名人でなくても他の人の顔写真などは勝手に掲載してはいけません。

この場合は肖像権というよりプライバシーの侵害であり、
民事上の不法行為に問われて損害賠償を請求される可能性があります。

凶悪な少年犯罪が起きると「犯人の顔写真」と称する画像が出回りますが、
面白がって(あるいは、義憤に駆られて)掲載してはいけません。

わいせつ画像は、
一般に流通しているような単なるヌード写真程度は違法ではありませんが、
性器が見えている(いわゆる「無修正」)など過激なものは
猥褻物陳列罪に問われる可能性があります。

これは写真だけでなく絵(マンガやアニメから取り込んだ画像など)にも当てはまります。

一方、児童ポルノとは18歳未満の子どもが被写体となっているポルノ画像で、
こちらは絵は含まれません。

ただし、
児童ポルノの場合は「性欲を興奮させまたは刺激する」ような内容であれば、
着衣かどうかや修正の有無は問題とされません。

アマゾンでサイト画像の商品を探してみる。

楽天でサイト画像の商品を探してみる。

ヤフーショップでサイト画像の商品を探してみる。

ヤフーオークションでサイト画像の商品を探してみる。

Check

ゲームや映画、
小説などの感想を自分のWebサイトに掲載する方は多いと思います。

このとき、
ストーリーの結末や重要な謎解きなどを明かすことを
「ネタバレ」と言います。

ネタバレは、
まだ見てない(読んでない・プレイしていない)人が
うっかり読んでしまうと楽しめなくなってしまいます。

できれば載せないことが望ましいですが、
どうしても物語の結末などについて言及したい場合は、
その部分を本文から1ページ分ほど空白を置いて離し、
手前に
「ここから先はネタバレを含みます」などの
注意書きを大きな字で分かりやすく入れておきましょう。

掲示板やチャットなどでその作品について書き込むときには、
管理者がネタバレを許可しているかどうか必ず確認しましょう。

ネタバレ書き込みをしてもいい場合は
「ネタバレOK」のように必ず明記されています。

そのような注意書きが見当たらない場合は
ネタバレ不可と考えて、重要な情報は明かさないようにしましょう。

アマゾンでネタバレの商品を探してみる。

楽天でネタバレの商品を探してみる。

ヤフーショップでネタバレの商品を探してみる。

ヤフーオークションでネタバレの商品を探してみる。