2014/11/26 松戸WordPress部にて発表

1. Windowsで始めるウェブ制作
～開発環境構築編～
コクボユウキ

2. Windowsで始めるウェブ制作～開発環境構築編～
本日の概要
1. はじめに
2. パッケージ管理ソフトChocolatey
3. ターミナルエミュレータConEmu とPuTTY
4. ローカルでWordPressが動くXAMPP
5. とりあえず入れておきたいGit やRuby
6. その他、あれば便利なソフトなど

3. 1. はじめに
Windowsで開発環境を整えようとして、挫折したことはありませんか？
Macなら標準で入っているターミナルさえ、
Windowsでは自分で用意しなければ、
SSHでサーバにつなぐこともできません。
今日のお話は、環境構築にかかる手間を省いて、
ウェブ制作を始めるまでの敷居を下げてみよう、
というテーマで進めてみます。

4. 2. パッケージ管理ソフトChocolatey
Chocolateyとは？
Windowsソフトの「検索」「ダウンロード」「インストール」
「更新」などを、まとめて行なってくれるソフト。
公式サイトはhttps://chocolatey.org/
C:¥> @powershell ‐NoProfile ‐ExecutionPolicy
unrestricted ‐Command "iex ((new‐object net.
webclient).DownloadString('https://chocolate
y.org/install.ps1'))" && SET PATH=%PATH%;%AL
LUSERSPROFILE%¥chocolatey¥bin
コマンドプロンプトを管理者モードで立ち上げ、公式サイトの
トップに書かれたコマンドを入れるだけで、インストール完了。

5. 2. パッケージ管理ソフトChocolatey
どんなソフトがインストールできるの？
海外製のソフトを中心に2380種類（2014/11/25現在）
ChromeやFirefoxなどのブラウザ、SublimeTextなどのエディタ、
その他、有名なソフトはだいたい揃っている。
たとえば、Firefoxを入れてみよう
C:¥> cinst firefox
たったこれだけでインストール完了。
ソフトの更新や削除するときも、
コマンドを1行だけ入力すればOK！

6. 2. パッケージ管理ソフトChocolatey
なぜパッケージ管理を使うのか？
あるソフトの導入に必要な、別のソフトなども同時にインストー
ルしてくれる（依存関係の解決）
 環境変数（PATH）の設定も自動で行われる
 設定ファイルを作っておけば別のパソコンへの環境構築も簡単
次ページ以降では、
ソフトのインストールにChocolateyを実際に使ってみます。

7. 3. ターミナルエミュレータConEmu とPuTTY
ターミナルをすべてタブで開けるConEmu
コマンドプロンプトやPowerShell やGit Bash などをすべて1つ
のウィンドウで開けて、見た目も細かくカスタマイズできるのが
ConEmuです。
C:¥> cinst conemu
書き忘れていましたが……
cinstというコマンドは
chocolatey install の
省略形です。

8. 3. ターミナルエミュレータConEmu とPuTTY
WinSCPと連携させれば便利なPuTTY
WindowsでSSH接続するためのソフトPuTTYは、WinSCPで開い
ていたSFTPやSCPのセッションを引き継ぐことができます。
C:¥> cinst winscp
C:¥> cinst putty

9. 3. ターミナルエミュレータConEmu とPuTTY
PuTTYには、たくさんの派生版があります
フォントのレンダリングが綺麗なD2D/DW PuTTYがおすすめで
すが、その他にもたくさんの派生クライアントがあります。
こちらのブログ記事には、国内や
海外で開発された、たくさんの派
生版がまとめられています。
私的Puttyまとめ- どんごどんご
http://d.hatena.ne.jp/OKIIZO/2
0100401

10. 4. ローカルでWordPressが動くXAMPP
もちろんXAMPPだってChocolateyで入ります
WordPressテーマを開発している皆様にはおなじみのXAMPPも、
Chocolateyからのインストールや、最新版への更新ができます。
C:¥> cinst xampp
C:¥> choco update xampp
但しChocolateyからXAMPP最新版へ更新するとき、各種設定や
データが正しく引き継がれるか、僕は確認していません。
念のためバックアップを取ってからの作業をおすすめします。

11. 5. とりあえず入れておきたいGit やRuby
そろそろ時間もなくなってきたので……インストールだけ
C:¥> cinst git
C:¥> cinst sourcetree
C:¥> cinst ruby

12. 6. その他、あれば便利なソフトなど
テキストエディタNotepad++に、
様々なプラグイン（Emmetなど）を入れる話や、
先日発表されたVisual Studio Communityの話もしたかったのですが……
詰め込みすぎなので(^^;) 次回のテーマに回したいと思います。
Windowsでウェブ制作されている方、
効率のよい方法や、便利なソフトなどをご存知でしたら、
是非とも情報共有していきましょう！

13. ありがとうございましたm(_ _)m