「基本的なソフトウェアのインストール」では、あなたが簡単なWeb 開発をするのに必要なツールを紹介して、それらのツールを適切にインストールする方法について説明します。

プロフェッショナルはどんなツールを使っている?

  • コンピュータ 当たり前のことだと思う人もいるかもしれませんが、携帯電話や図書館のコンピュータを使ってこの記事を読んでいる人もいるでしょう。しっかりとしたWeb 開発のためには、Windows、 Mac、 Linux などが実行されているデスクトップパソコンやノートパソコンを使った方がいいです。
  • テキストエディタ コードを書くために必要です。テキストエディタ (たとえば Visual Studio CodeNotepad++Sublime TextAtomBracketsGNU Emacs) でも、複合的な機能を持つソフトウェア (DreamweaverWebStorm) でも構いません。Office 文書のエディタは、Web ブラウザが使うレンダリングエンジンに干渉する隠し要素に依存しているため、この用途には適していません。
  • Web ブラウザ 自分が書いたコードをテストするために必要です。現在最も使われているブラウザは、FirefoxChromeOperaSafariInternet ExplorerMicrosoft Edge などです。携帯電話などのモバイルデバイスで Web サイトがどのように表示されるのかもテストするべきです。また、Web サイトを見る人たちが使うかもしれない古いブラウザ (IE 8-10 など) でもできればテストした方が良いです。テキストベースのターミナル Web ブラウザである Lynx は、視覚障害のあるユーザがサイトをどのように体験しているかを見るのに最適です。
  • 画像編集ソフト (GIMPPaint.NETPhotoshop など) Web ページの画像を作成するために必要になります。
  • バージョン管理システム 複数の人とチームでサイトを作るときや、他の人とコードを共有するときに、誤って編集の衝突などが起こらないようにするために必要になります。現在では、Git が最も有名なバージョン管理システムであり、Git に基づいたコードホスティングサービスの GitHub もとても有名です。
  • FTP プログラム Web ページを公開する時にファイルをサーバにアップロードするために必要です (Git はこの目的でどんどん FTP を置き換えています)。FTP の機能が含まれている、CyberduckFetchFileZilla などのプログラムを使うと良いでしょう。
  • 自動化システムGrunt または Gulp のようなソフトウェアを使うと、同じような繰り返し作業を自動的に実行することができます。たとえば、コードのサイズを自動的に小さくしたり、エラーがないかどうかを自動で確認することができます。
  • テンプレート、ライブラリ、フレームワークなど。これらを利用すると、Web サイトを作る時によく使われるコードを短時間で用意することができます。
  • 他にも便利なツールがたくさんあります!

今の私にはどんなツールが必要?

上のリストにはたくさんのツールが書かれていて、ちょっと恐ろしかったかもしれませんね。でも大丈夫です。Web 開発を始めるのには、まだ上のツールをほとんど知らなくても問題ありません。これから私たちが、Web 開発に必要最小限のツールのセットアップの仕方を説明しておきます。必要なものは、テキストエディタと最新のWeb ブラウザだけで十分です。

テキストエディタのインストール

あなたのコンピュータには、おそらく初めから基本的なテキストエディタがインストールされているはずです。 Windows にはメモ帳が、 MacOS にはテキストエディットが、Linux の場合はディストリビューションによっていろいろですが、 Ubuntu には gedit が初めからインストールされているはずです。

ただ、Web 開発をする時には、メモ帳やテキストエディットのようなソフトウェアよりも、もっと高機能なプログラムを使うべきです。私たちのおすすめのソフトウェアは、Brackets です。これは無料で利用することができ、ライブプレビューやコードヒントを提供します。

最新のWeb ブラウザのインストール

次に、これから私たちが書くコードをテストするためのブラウザをいくつかインストールしましょう。あなたが使っているオペレーティングシステムを選び、リンクから好きなブラウザをインストールしてみてください。

  • Linux: FirefoxChromeOpera
  • Windows: FirefoxChromeOperaInternet ExplorerMicrosoft Edge (Windows 10 には Edge がデフォルトで付属していますが、Windows 7 以降の場合は、IE Internet Explorer 11 をインストールすることができます。そうでない場合には、Internet Explorer 以外のブラウザをインストールしてください)
  • Mac: FirefoxChromeOperaSafari (Safari は、iOS と MacOS に初めからインストールされています)

次に進む前に、テストに使えるように最低でも 2 つのブラウザをインストールするようにしてください。

ローカルのWeb サーバーのインストール

いくつかの例では、動作を成功させるのにWeb サーバーでの実行が必要です。ローカルテストサーバーのインストール方法にて、その方法が見つかります。

このモジュール

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

最終更新者: silverskyvicto,