Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Windowsで始めるウェブ制作 ~開発環境 構築編~

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

  • Login to see the comments

Windowsで始めるウェブ制作 ~開発環境 構築編~

  1. 1. Windowsで始めるウェブ制作 ~開発環境構築編~ コクボユウキ
  2. 2. Windowsで始めるウェブ制作~開発環境構築編~ 本日の概要 1. はじめに 2. パッケージ管理ソフトChocolatey 3. ターミナルエミュレータConEmu とPuTTY 4. ローカルでWordPressが動くXAMPP 5. とりあえず入れておきたいGit やRuby 6. その他、あれば便利なソフトなど
  3. 3. 1. はじめに Windowsで開発環境を整えようとして、挫折したことはありませんか? Macなら標準で入っているターミナルさえ、 Windowsでは自分で用意しなければ、 SSHでサーバにつなぐこともできません。 今日のお話は、環境構築にかかる手間を省いて、 ウェブ制作を始めるまでの敷居を下げてみよう、 というテーマで進めてみます。
  4. 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. 5. 2. パッケージ管理ソフトChocolatey どんなソフトがインストールできるの? 海外製のソフトを中心に2380種類(2014/11/25現在) ChromeやFirefoxなどのブラウザ、SublimeTextなどのエディタ、 その他、有名なソフトはだいたい揃っている。 たとえば、Firefoxを入れてみよう C:¥> cinst firefox たったこれだけでインストール完了。 ソフトの更新や削除するときも、 コマンドを1行だけ入力すればOK!
  6. 6. 2. パッケージ管理ソフトChocolatey なぜパッケージ管理を使うのか? あるソフトの導入に必要な、別のソフトなども同時にインストー ルしてくれる(依存関係の解決)  環境変数(PATH)の設定も自動で行われる  設定ファイルを作っておけば別のパソコンへの環境構築も簡単 次ページ以降では、 ソフトのインストールにChocolateyを実際に使ってみます。
  7. 7. 3. ターミナルエミュレータConEmu とPuTTY ターミナルをすべてタブで開けるConEmu コマンドプロンプトやPowerShell やGit Bash などをすべて1つ のウィンドウで開けて、見た目も細かくカスタマイズできるのが ConEmuです。 C:¥> cinst conemu 書き忘れていましたが…… cinstというコマンドは chocolatey install の 省略形です。
  8. 8. 3. ターミナルエミュレータConEmu とPuTTY WinSCPと連携させれば便利なPuTTY WindowsでSSH接続するためのソフトPuTTYは、WinSCPで開い ていたSFTPやSCPのセッションを引き継ぐことができます。 C:¥> cinst winscp C:¥> cinst putty
  9. 9. 3. ターミナルエミュレータConEmu とPuTTY PuTTYには、たくさんの派生版があります フォントのレンダリングが綺麗なD2D/DW PuTTYがおすすめで すが、その他にもたくさんの派生クライアントがあります。 こちらのブログ記事には、国内や 海外で開発された、たくさんの派 生版がまとめられています。 私的Puttyまとめ- どんごどんご http://d.hatena.ne.jp/OKIIZO/2 0100401
  10. 10. 4. ローカルでWordPressが動くXAMPP もちろんXAMPPだってChocolateyで入ります WordPressテーマを開発している皆様にはおなじみのXAMPPも、 Chocolateyからのインストールや、最新版への更新ができます。 C:¥> cinst xampp C:¥> choco update xampp 但しChocolateyからXAMPP最新版へ更新するとき、各種設定や データが正しく引き継がれるか、僕は確認していません。 念のためバックアップを取ってからの作業をおすすめします。
  11. 11. 5. とりあえず入れておきたいGit やRuby そろそろ時間もなくなってきたので……インストールだけ C:¥> cinst git C:¥> cinst sourcetree C:¥> cinst ruby
  12. 12. 6. その他、あれば便利なソフトなど テキストエディタNotepad++に、 様々なプラグイン(Emmetなど)を入れる話や、 先日発表されたVisual Studio Communityの話もしたかったのですが…… 詰め込みすぎなので(^^;) 次回のテーマに回したいと思います。 Windowsでウェブ制作されている方、 効率のよい方法や、便利なソフトなどをご存知でしたら、 是非とも情報共有していきましょう!
  13. 13. ありがとうございましたm(_ _)m

×