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でウェブ制作されている方、 効率のよい方法や、便利なソフトなどをご存知でしたら、 是非とも情報共有していきましょう！