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

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

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

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

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

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

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

ただ、ウェブ開発をする時には、メモ帳やテキストエディットのようなソフトウェアよりも、もっと高機能なプログラムを使うべきです。私たちのおすすめのソフトウェアは、Windows の場合は Notepad++、MacOS の場合は Text Wrangler です。これらは両方とも無料で利用することができ、メモ帳やテキストエディットにはないさまざまな便利な機能を持っています。

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

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

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

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

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

 このページの貢献者: kubosho_, momdo, WhiteHawk-taka, Uemmra3, Naochan1952, shuuji3
 最終更新者: kubosho_,