Learn web development

ウェブサイトを作成するのにどんなソフトウェアが必要か?

この記事では、ウェブサイトを編集、アップロード、または閲覧するときに必要なソフトウェアについて説明します。

前提知識:

Webページ、Webサイト、Webサーバー、サーチエンジン違いを知っておくべきでしょう。

目的: ウェブサイトを編集、アップロード、または閲覧するときに必要なソフトウェアについて学びます.

概要

Web開発に必要なほとんどのプログラムは無料でダウンロードできます。

この記事では、いくつかのリンクを提供します。

1)Webページの作成と編集

2)Webサーバーへのファイルのアップロード

3)Webサイトの表示を行うツール

が必要です。

ほぼすべてのオペレーティングシステムには、標準でテキストエディタとブラウザが含まれており、Webサイトの閲覧に使用できます。その結果、通常はファイルをWebサーバーに転送するためのソフトウェアを入手するだけで済みます。

 

アクティブラーニング

アクティブラーニングはまだありません. あなたの力をお貸しください

より深く学ぶ

ウェブページを作成して編集する

ウェブサイトを作成するためには、テキストエディタは必要です。テキストエディタはテキストファイルを作成し、修正します。 RTFのような他のフォーマットでは, 太字や下線のような書式を追加することができます。これらの形式はWebページの作成には適していません。 

あなたはWebサイトを構築している時に広い範囲で作業をするので、あなたはどのテキストエディタを使うべきかを考えましょう。

すべてのデスクトップOSには、基本的なテキストエディタが付属しています。これらのエディタはすべて簡単なものですが、 Webページのコーディングのための特別な機能は持っていません。

そこで、お望みなら、利用可能なサードパーティのツールがたくさんあります。サードパーティのテキストエディタは、構文カラーリング、自動補完、折り畳み可能なセクション、コード検索などの便利な追加機能がついていることがほとんどです。

エディタの簡単なリストは以下の通りです:

オペレーティングシステム ビルドインエディタ サードパーティエディタ
Windows Notepad

Notepad++

Visual Studio Code

Web Storm

Brackets

ShiftEdit

Mac OS TextEdit

TextWrangler

Visual Studio Code

Brackets

ShiftEdit

Linux Vi (All UNIX)

GEdit (Gnome)

Kate (KDE)

LeafPad (Xfce)

Emacs

Vim

Visual Studio Code

Brackets

ShiftEdit

Chrome OS   ShiftEdit

下の画像は、高度なテキストエディタのスクリーンショットです:

Screenshot of Notepad++. 

下の画像はオンラインのテキストエディタのスクリーンショットです:

Screenshot of ShiftEdit

Web上にファイルをアップロードする

あなたのWebサイトを一般公開する準備が整ったら、それをWebサーバーにアップロードする必要があります。様々なプロバイダからサーバー上の場所を購入することができます。 (こちらを参照 Web上で何かをするためにはどれくらいコストがかかるか?)

利用するプロバイダを決めたら、プロバイダはFTP (file transfer protocol) のアクセス情報を電子メールで送信します。

Webサーバーにファイルをアップロードすることは、Webサイトを作成する際の非常に重要なステップです。そのため、別の記事で詳しく説明します。今のところ、基本的な無料のFTPクライアントのリストを以下に示します:

Operating system  FTP ソフトウェア
Windows

WinSCP

Moba Xterm




FileZilla (All OS)

 

Linux Nautilus (Gnome)

Dolphin (KDE)
Mac OS Cyberduck
Chrome OS ShiftEdit (All OS)  

Webサイトをブラウジングする

ご存知の通り、Webサイトを閲覧するためにはWebブラウザーが必要です。 私用でブラウザ使う時には、たくさんのブラウザの選択肢がありますが、あなたがWebサイトを開発している時には、あなたのWebサイトがほとんどの人々のために働くことを確認するために、少なくとも以下のブラウザで動作確認、テストをする必要があります。

特定のグループ(テクニカルプラットフォームや国など)をターゲットに設定する場合は、OperaKonquerorUC Browserなどブラウザのサイトを追加でテストする必要があります。

 

しかし、一部のブラウザは特定のオペレーティングシステムでのみ動作するため、テストは複雑になります。 Apple SafariはiOSとMac OS上で動作し、Internet ExplorerはWindows上でのみ動作します。 BrowsershotsBrowserstackのようなサービスを利用するのが最善です。

Browsershotsは、さまざまなブラウザで見られるように、あなたのウェブサイトのスクリーンショットを提供します。 Browserstackは実際には仮想マシンへの完全なリモートアクセスを提供し、最も一般的な環境でサイトをテストすることができます。また、独自の仮想マシンをセットアップすることもできますが、それにはいくつかの専門知識が必要です。 (もしあなたがこのルートを利用しているのであれば、マイクロソフトはすぐに使えるバーチャルマシンを含む開発者のためのいくつかのツールをmodern.ieで提供しています。)

是非、実際のデバイス、特に実際のモバイルデバイスでいくつかのテストを実行してください。モバイルデバイスのシミュレーションは、進化し続ける新技術であり、デスクトップシミュレーションよりも信頼性が低いです。もちろん、モバイルデバイスはお金を必要としますので、Open Device Labの取り組みを見てみることをお勧めします。多くのプラットフォームでテストする場合は、過度な出費を抑えてデバイスを共有することもできます。

次のステップ

 

ドキュメントのタグと貢献者

このページの貢献者: tanabota889
最終更新者: tanabota889,