Skip to content

Instantly share code, notes, and snippets.

@ikkou

ikkou/Build-The-Development-Environment-for-Windows.md

Last active August 29, 2015 13:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ikkou/9910679 to your computer and use it in GitHub Desktop.
Save ikkou/9910679 to your computer and use it in GitHub Desktop.
Download ZIP
Build The Development Environment for Windows
Raw
and-install-some-of-command-line-interface.md

このドキュメントについて

このドキュメントは、標準的なセットアップ完了後、別途必要となる要件を手早く満たす為のものです。

Gitのインストール(確認)

git --version

コマンドプロンプトに上記のコマンドをタイプ後、git version 1.8.4.msysgit.0のようにバージョンが表示されれば正常にインストール出来ています。

Node.jsのインストール

最新のインストーラーをダウンロードしてインストールしてください。

http://nodejs.org/

node -v

コマンドプロンプトに上記のコマンドをタイプ後、v0.10.22のようにバージョンが表示されれば正常にインストール出来ています。

Ruby for Windowsのインストール

最新のインストーラーをダウンロードしてインストールしてください。

http://rubyinstaller.org/

Ruby 2.0.0-p247 (x64) ではなく Ruby 2.0.0-p247をインストールしてください。

インストール先とオプションの設定時、「Rubyの実行ファイルへ環境変数PATHを設定する」にチェックを入れてください。

ruby -v

コマンドプロンプトに上記のコマンドをタイプ後、ruby 2.0.0p247 (2013-06-27) [i386-mingw32]のようにバージョンが表示されれば正常にインストール出来ています。

DEVELOPMENT KITのインストール

最新の32bits向けインストーラーをダウンロードしてインストールしてください。

For use with Ruby 2.0 (32bits version only)

http://rubyinstaller.org/downloads/

Compass/Sassのインストール

Ruby for Windowsのインストールが済んでいれば、下記のコマンドを上から順番に打ち込むことでCompassがインストールされます。
Compassインストール時にSassも合わせてインストールされます。

gem update --system gem install compass --pre compass -v

compass -vをタイプ後、Compass 0.12.2 (Alnilam)のようにバージョンが表示されれば正常にインストールが出来ています。

GitHubアカウントの作成

アカウントを作成してください。

https://github.com/

Raw
Build-The-Development-Environment-for-Windows.md

このドキュメントについて

このドキュメントは、業務にあたる上で最低限必要な、Microsoft Windows 7+向けの制作/開発環境を、手早く構築する為のものです。

目次

  • Windows Updateの実施
  • 開発用ディレクトリの作成
  • 拡張子の表示
  • 開発用エディタの導入
  • 開発用ブラウザの導入
  • ファイル転送アプリケーションの導入
  • Windows XPモードの導入(Windows 7のみ)
  • バージョン管理ツールの導入
    • Subversion
    • Git
  • XAMPP for Windowsの導入
  • Macに負けないCLI環境の構築

Windows Updateの実施

Windows Updateを実施してください。

開発用ディレクトリの作成

特にこだわりが無い限り、以下のフォーマットに従ってください。

D:\works

初期状態でDドライブが存在しない場合

下記の参考ページに従い、Dドライブを作成してください。
ボリュームサイズを20480MBとすることで20GBの割り当てとなります。

Cドライブとは別にDドライブを用意する理由

Windowsのシステムと制作データを分けておくことで、物理的にHDDが壊れてしまった場合を除き、OS、ここではWindows 7そのものが破損した場合でも、データを取り出すことが可能になります。

拡張子の表示

拡張子は必ず表示してください。

Thumbs.dbファイルを作成しないようにする

開発用ブラウザの導入

検証の為、複数のブラウザをインストールしてください。

Chrome

https://www.google.com/intl/ja/chrome/browser/

Chrome canary

通常版Chromeに実装予定の機能を事前に試すことが出来る開発者向けChromeです。
http://www.google.co.jp/intl/ja/chrome/browser/canary.html

Chromium

Chromeの元となるオープンソースブラウザです。
http://www.chromium.org/

Firefox

http://www.mozilla.jp/firefox/

Firefox Nightly Builds

通常版Firefoxに実装予定の機能を事前に試すことが出来る開発者向けFirefoxです。
http://nightly.mozilla.org/

【任意】Opera

Opera使いには必須です。
http://www.opera.com/ja/

【任意】Windows 用 Safari 5.1.7

既に開発の終了しているWindows向けSafariです。
検証対象に含まれていることがある為、必要に応じてインストールしてください。
ただし、セキュリティに問題がある為、常用は避けてください。 http://support.apple.com/kb/DL1531?viewlocale=ja_JP

IE Tester

タブ単位でIE6/7/8/9/10のエミュレートが出来る便利なブラウザです。
ただし、あくまでエミュレータなので、Winows 7環境であれば、後述するWindows XPモードを使用してください。
http://www.my-debugbar.com/wiki/IETester/HomePage

開発用IDE/Editorの導入

弊社の標準エディタはEclipseですが、現場ではWebStorm、Sublime Text 2、Dreamweaver、Vim、Coda、他、様々なエディタが使われています。

いくつかのエディタを列挙するので、個々の趣味嗜好とスキルに応じてエディタを使い分けてください。

【IDE】Pleiades All in One (Eclipse)

Pleiades All in One は開発対象となるプログラミング言語別にパッケージングしたEclipse本体と便利なプラグインのセットです。
http://mergedoc.sourceforge.jp/

【IDE】WebStorm / PhpStorm

前者は特にJavaScriptに定評のあるIDEです。
シェアウェアですが、条件に応じて会社経費で使用することが出来ます。 http://www.jetbrains.com/webstorm/

後者は上位互換のアプリケーションとしてPHPも扱えるIDEです。
こちらは基本的に個人持ちとなります。
http://www.jetbrains.com/phpstorm/

【Editor】Sublime Text 2

いわゆる恋するテキストエディタ。 Shift JIS案件の際には原則使用禁止です。 http://www.sublimetext.com/2

【Editor】秀丸エディタ

有償のテキストエディタです。 http://hide.maruo.co.jp/software/hidemaru.html

【Editor】サクラエディタ

無償のテキストエディタです。 http://sakura-editor.sourceforge.net/

ファイル転送アプリケーションの導入

WinSCP

SFTP接続も出来るFTPクライアントです。通常はこちらを使用してください。 http://winscp.net/eng/docs/lang:jp

Windows XPモードの導入(Windows 7の場合)

Windows XPモードを導入することで、個別にIE6/7/8環境を揃えることが可能です。 IE6/7対応案件は減ってきていますが、まだ撲滅まで時間が掛かる見込みです。

Windows XP ModeとWindows Virtual PCの導入

Windows XP モードを使用すると、Windows XP 用に設計されたプログラムを、Windows 7 Professional、Enterprise、または Ultimate エディションを実行するコンピューター上で実行することができます。
Windows XP モードは、Windows 8 ではサポートされていません。

自動更新のオフ

デフォルト設定は自動更新がオンになっているのでオフに変更してください。
この作業を怠った場合、後述するXP IE6/7の環境を作成しても、知らぬ間にIE8にアップグレードされています。

IE6/7/8環境の共存

同様の方法でIE8まで共存させることが可能です。

modern.IEの導入(Windows 8の場合)

Windows 7に於ける検証環境として便利なWindows XPモードが、残念ながらWindows 8で廃止されてしまいました。
代替手段として、Win/Mac/Linuxのマルチプラットフォームで使用出来るmodern.IEがあります。

Web ページで最新バージョンと以前のバージョンの Internet Explorer をサポートする際に役立つ、新しいツール類です。 http://modern.ie/ja-jp

ここではマルチプラットフォームで使用出来るOracle VM VirtualBoxに絞って説明します。 なお、Windows XPのIE6とIE8は日本語表示が出来ない為、Windows 7ではWindows XPモードを使用してください。

Oracle VM VirtualBoxの導入

公式サイトからVirtualBoxをダウンロードしてインストールしてください。 http://download.virtualbox.org/virtualbox/4.2.16/VirtualBox-4.2.16-86992-Win.exe

modern.IEからVirtualBoxの仮想マシンをダウンロード

各仮想マシンを共有ディスクに保存してあります。必要なファイルをローカルに保存してください。

使い方は割愛します。

初期設定ではネットに繋がらないので、仮想マシン→設定→ネットワーク アダプター 1の割り当てをNATに変更してください。

バージョン管理システムの導入

バージョン管理システムとは

バージョン管理システム（バージョンかんりシステム）とは、コンピュータ上で作成、編集されるファイルの変更履歴を管理するためのシステム。特にソフトウェア開発においてソースコードの管理に用いられることが多い。

弊社ではバージョン管理システムとしてSVNを使用していましたが、BacklogのGit導入に伴い、新しいプロジェクトでは基本的にGitを使用しています。 但し、開発側の要件に応じてSVNを使用することもある為、最低限SVNとGitの環境を用意する必要があります。

Subversion

Subversionとは

Apache Subversion（アパッチ・サブバージョン; SVN）はプログラムのソースコードなどを管理する集中型バージョン管理システムの一つ。元々は、CollabNet, Inc. が開発していたが、2009年11月7日にApache Incubatorプロジェクトのひとつとなり、2010年2月17日よりApacheのトッププロジェクトとなった。ライセンスはApache Licenseに準じたものとなっている。

Subversionの導入

TortoiseSVN

TortoiseSVNはWindowsにおける使い勝手の良いGUIクライアントです。

http://tortoisesvn.net/docs/release/TortoiseSVN_ja/

基本的な使い方はBacklogのブログを参照してください。

Git

Gitとは

Git（ギット）は、プログラムのソースコードなどの変更履歴を記録・追跡するための分散型バージョン管理システムである。もとはLinuxカーネルのソースコード管理に用いるためにリーナス・トーバルズによって開発され、それ以降ほかの多くのプロジェクトで採用されている。Linuxカーネルのような巨大プロジェクトにも対応できるように、動作速度に重点が置かれている。現在のメンテナンスは濱野純 (Junio C Hamano) が担当している。

Gitの基本

Gitの導入

TortoiseSVNと同じUIのTortoiseGitが気軽に導入出来ますが、Win/Mac間で問題を起こすことがある為、出来るだけ別のCUI/GUIクライアントを使用してください。

  1. Git for Windowsのインストール
    • Configuring the line ending conversionsはCheckout as-is, commit Unix-style line endingsに変更する
  2. Git Extensionsのインストール
    • Install MsysGitのチェックは外す
  3. 環境変数PATHの設定
    • デフォルトママであれば C:\Program Files\Git\bin を指定する

Git Extensions

Git ExtensionsはWindows環境で(個人的に)GUIで扱える最良のGitクライアントです。

Git Extensions is the only graphical user interface for Git that allows you control Git without using the commandline. It comes with a manual and video tutorials to get you started quickly.

https://code.google.com/p/gitextensions/

SourceTree

SourceTreeはWindows/Mac環境を問わずに使えるGitクライアントです。

A free Git & Mercurial client for Windows or Mac.

http://www.sourcetreeapp.com/

XAMPP for Windowsの導入

XAMPPはWindowsに最速でApache、MySQL、PHP、Perlの環境を構築する最適なアプリケーションです。

http://www.apachefriends.org/jp/xampp.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment