[{"_1":2,"_64":-5,"_65":-5},"loaderData",{"_3":4,"_33":34,"_62":-5,"_63":-5},"root",{"_5":-5,"_6":-5,"_7":8,"_20":-5,"_21":22,"_23":24,"_27":28},"user","shoppingCartId","shoppingCart",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":12},"count",0,"free",true,"updatedAt","2026-01-09T07:32:55.654Z","paymentGateway","STRIPE","cartItems",[],"loading","toast","locale","en","constants",{"_25":26},"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","publishers",{"_29":30,"_31":32},"companies",[],"universities",[],"routes/_store+/_readers+/email_author.$slug/route",{"_35":36,"_61":-5},"book",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvMTE0Nzg","title","Development Environments for Web Designers","state","published","contactAuthorMethod","email","aboutText","

Webサイト構築に用いる技術や制作手法は、Webの閲覧環境の多様化にあわせるかのように大きく様変わりしています。これまで以上に複雑で手間のかかる作業が増え、作業の効率化を図りたくとも新しい技術の導入方法や使い方がわからない…という方も多いかもしれません。そこで、本書は主にWebデザイナーやマークアップ・エンジニア、フロントエンド・エンジニアの方々を対象に、今後も変化し続けるであろうWeb制作手法にも柔軟に対応できるよう、環境構築を通して必要最低限覚えておきたい基礎知識＋αを解説するものです。

【重要】本書は昨今のWeb制作環境の時流や欧米の類書に習う形で、Mac OS XにおけるWeb制作環境構築を解説しています（Yosemiteにて検証）。Windows環境については、シェルやRuby、Node.js、Vagrantなどの環境さえ用意できればその多くは本書の記載にあわせて実行可能と考えられますが、ツールによってはWindowsを公式サポートしていないこともあることをあらかじめご了承ください。

※本書は、Leanpubスタイルで完成した章からデータを随時公開する形を取っております。2015年2月1日現在、Chapter 07の内容までが収録されている状態です。未収録の内容については準備ができ次第公開されます（2015年2月第1週に完成予定）。本書執筆中に発生した変更点や誤字脱字、バージョンアップなどに伴い書籍の内容に変更が生じた場合は、随時アップデート版が入手可能です（DRMフリー）。

※初版のChapter 1、Chapter 2〜6（一部抜粋）のサンプルPDF100Pを以下のURLに用意しております。目次の詳細については、こちらのPDFをご確認ください。

http://hive.gl/5TtQl

---

はじめに

この数年のデバイスの多様化にともなってWeb制作の手法も大きな転換期を迎えようとしています。Webサイトの配信対象が増えると言うことは多くの環境をサポートしていく必要があり、その答えのひとつとしてResponsive Web Designのような手法も登場しました。Web制作の主にフロント側を担当する人たちは、これまで以上に頭で考えることも手を動かすことも増えているのが現状ではないでしょうか。閲覧対象が増えるだけであればまだしも、環境変化の速さに足並みを揃えるかのようにビジネススピードも増すばかりです。

コンピュータが得意な仕事はコンピュータに任せて、人間でしかできないことに注力しなければ終わる仕事も終わりません。数年前からCSSプリプロセッサなどのツールの利用者も増えているようです。しかし、GUIのツールのバージョンアップは既にその流れについていけていないのが現状で、便利な機能を享受したければコマンドラインでの操作は必須です。その一方ではその波に乗り切れない方も多く見受けられ、それらを使える人と使えない人の差が出てきていると感じます。

「自分に合わない、もしくは必要ないから使わない」というのと、「わからない、使えない」というのでは大きな違いがあります。いまどきのWeb制作はフロントエンドとバックエンドの境界線も曖昧になりつつあります。ひとつの仕事は個人だけで完結するものの方が少なく、多くの場合はプログラマやエンジニアの方との協業になるでしょう。そういうところで共通言語ですら話せないのでは仕事はどんどんできる人の方に流れていくかもしれません。

本書はそんなこれからの新しい時代に乗り遅れないようにするため、コマンドライン操作の基本から制作環境の作り方、フロントエンド系のツールのインストールや管理方法などを紹介する書籍です。なにもバリバリとコマンドラインだけを使って制作を進めるわけではありません。作業をスムーズに進めるため、また仕事を早く終わらせるためにも、道具は適材適所で使えるようにした方が良いでしょう。技術やツールの進化によってWebサイト制作はこれまで以上に簡単にもなっているのです。

主にWebのフロントエンドを担当する皆さんは、これまでコマンドラインの操作が難しく感じていた方が多いかもしれません。コマンドライン操作は基本さえできて慣れればさほど難しいものではなく、その基礎ができてしまえばいろいろな場面で応用が効くということに気付いていただけたら。本書がそんな皆さんの一助になれば幸いです。

こもりまさあき

---

\n 変更履歴 \n

2015.02.01: 誤字脱字の修正。Chapter 7の内容を追加（Ver. 0.4.0）
2015.01.15: 誤字脱字の修正。Chapter 5、6の内容を追加（Ver. 0.3.0）
2015.01.09: Homebrewのアップデート方法、Chapter 4の内容を追加（Ver. 0.2.0）
2015.01.05: 「Early Release」として初版発行（Chapter 1、2、3収録）（Ver. 0.1.0）

---

Leanpubは購入後45日以内であれば「完全返金保証制度」が用意されています。

","authors",[49],{"_37":50,"_51":52,"_5":53},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci8xMTk5MA","name","MASAAKI KOMORI",{"_54":55},"avatar",{"_56":57,"_58":59,"_60":12},"url","https://secure.gravatar.com/avatar/69ca2a600727a7c567190299b227c5a6?r=pg&d=mm","styleName","medium","exists","currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the Author