From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../what_software_do_i_need/index.html | 222 +++++++++++++++++++++ 1 file changed, 222 insertions(+) create mode 100644 files/ja/learn/common_questions/what_software_do_i_need/index.html (limited to 'files/ja/learn/common_questions/what_software_do_i_need') diff --git a/files/ja/learn/common_questions/what_software_do_i_need/index.html b/files/ja/learn/common_questions/what_software_do_i_need/index.html new file mode 100644 index 0000000000..9b042b3c06 --- /dev/null +++ b/files/ja/learn/common_questions/what_software_do_i_need/index.html @@ -0,0 +1,222 @@ +--- +title: Web サイトを作成するのにどんなソフトウェアが必要か？ +slug: Learn/Common_questions/What_software_do_I_need +tags: + - NeedsActiveLearning + - WebMechanics + - 初心者 +translation_of: Learn/Common_questions/What_software_do_I_need +--- +
+

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

+
+ + + + + + + + + + + + +
学習の前提:Web ページ、Web サイト、Web サーバ、検索エンジンの違いを理解しておいてください。
学習の目的:Web サイトを編集、アップロード、閲覧するときに必要なソフトウェアについて学びます。
+ +

概要

+ +

Web 開発に必要なほとんどのプログラムは無料でダウンロードできます。この記事では、いくつかのリンクを提供します。

+ +

次のようなツールが必要です。

+ + + +

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

+ +

アクティブラーニング

+ +

実習はまだありません。あなたの力をお貸しください。

+ +

より深く掘り下げる

+ +

Webページの作成と編集

+ +

Webサイトを作成したり編集したりするために、テキストエディターが必要です。テキストエディターは、形式を持たないテキストファイルの作成や修正を行います。 {{Glossary("RTF")}} のような他の形式では、太字や下線のような書式を追加することができます。しかし、これらの形式はWebページの作成には適していません。Webサイトを構築する際に幅広い作業に使用するので、どのテキストエディターを使用するかを考えておきましょう。

+ +

すべてのデスクトップ OS には、基本的なテキストエディターが付属しています。これらのエディターはすべて簡単なものですが、Webページのコーディングのための特別な機能は持っていません。そこで、お望みなら、利用可能なサードパーティのツールがたくさんあります。サードパーティのテキストエディターには、構文の色付け、自動補完、セクションの折りたたみ、コード検索などの便利な追加機能がよくついています。エディターの簡単なリストを挙げておきます。

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OS内蔵エディターサードパーティのエディター
Windows + + + +
Mac OS + + + +
Linux + + + +
Chrome OS + +
+ +

こちらは、高度なテキストエディターのスクリーンショット例です。

+ +

Notepad++ のスクリーンショット

+ +

こちらは、オンラインのテキストエディターのスクリーンショット例です。

+ +

ShiftEdit のスクリーンショット

+ +

Web上へのファイルのアップロード

+ +

Web サイトを公開する準備が整ったら、Web ページを Web サーバにアップロードする必要があります。さまざまなプロバイダからサーバ上のスペースを購入できます (Web で何かをするためにどのくらいコストがかかりますか？を参照)。どのプロバイダを使用するかが決まったら、プロバイダは通常、SFTP URL、ユーザ名、パスワード、およびそれらのサーバへの接続に必要なその他の情報の形式で、アクセス情報をメールで送信します。(S)FTPは今や幾分時代遅れになっていて、RSync や Git/GitHub のような他のアップロードシステムが普及し始めていることを覚えておいてください。

+ +
+

メモ: FTP は本質的に安全ではありません。ホスティングプロバイダが安全な接続、例えば  SSH を介した SFTP または RSync の使用を許可していることを確認してください。

+
+ +

Web サーバを作成する際、Web サーバにファイルをアップロードすることは非常に重要なステップなので、別の記事で詳しく説明します。ここでは、単純な機能に限った無料 (S)FTP クライアントの例を示すにとどめます。

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OSFTP ソフトウェア
Windows + + + +
Linux + +
Mac OS + +
Chrome OS + +
+ +

Webサイトの閲覧

+ +

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

+ + + +

特定のグループ (技術プラットフォームや国など) を対象にする場合は、追加で Opera, Konqueror, UC Browser などブラウザでサイトをテストする必要があります。

+ +

しかし、ブラウザによっては特定のオペレーティングシステムでしか動作しないものがあるため、テストをすることは複雑になります。 Apple Safari は iOS と Mac OS 上で動作し、 Internet Explorer は Windows 上でのみ動作します。 Browsershots や Browserstack のようなサービスを利用するのが最善です。 Browsershots は、様々なブラウザで見た場合のWebサイトのスナップショットを提供します。 Browserstack は実際には仮想マシンへの完全なリモートアクセスを提供し、最も一般的な環境でサイトをテストすることができます。他にも、独自の仮想マシンをセットアップする方法もありますが、それにはいくらかの専門知識が必要です。 (もしこの方法を使うのであれば、 Microsoft は modern.ie　ですぐに使える仮想マシンを含む開発者のためのいくつかのツールを提供しています。)

+ +

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

+ +

次のステップ

+ + -- cgit v1.2.3-54-g00ecf