イチから学ぶ
パッケージマネージャーとLAMP環境
2014.03.29
KEISUKE IMURA
自己紹介
井村 圭介
K E I S U K E I M U R A
フリーランスの
Webデザイナー/エンジニア。
!
@imura_design
共著しました。
・配色のトレンド

・スタイルガイド

・スマートフォンサイトデザイン

・Git

・プロジェクト管理ツール

・CMS

・バックエンド高速化
など書いています。
• LAMP環境とは?
• ローカルLAMPの作り方
• パッケージマネージャーとは?
• Homebrewのデモ
• npm、Bowerのデモ
AGENDA
LAMP環境とは?
LAMP
LAMP
CentOS Fedora Ubuntu
Debian, AWS Linux などなど…
Linux = OS
オープンソース!
LAMP
LinuxはWebサーバのOSとして

多く使われています。



WindowsサーバやMacサーバもあるよ!
LAMP
nginx Apache IIS
Apache = Web Server
シェアNo.1
ユーザー

HTTPリクエスト
サーバ
http://example.com/
のデータくれ∼

あいよ、HTML返すぞ∼
Apache
HTTPレスポンス
LAMP
ユーザーからのリクエストに対して

適切なレスポンスを返してくれる

ソフトウェアがWebサーバです。
Webサーバが無いと

HTMLだけのサイトも見られません。
ディレクトリごとに設定ファイルを

置けるApacheの仕組みです。
.htaccessって何?!
httpd.conf .htaccess
.htaccess
.htaccess
LAMP
MySQL = Database
MySQLは大きな表
テーブル
データベース
phpMyAdminは

インストール型のMySQLの管理ツール。

PHPとは関係ありません!
(PHPでできてはいますが…)
LAMP
Sequel Proやターミナルでも操作OK
記事の内容
カスタムフィールド
カテゴリー
設定
ファイルとデータベースで管理されているもの
WordPress本体
テーマ
プラグイン
メディア
LAMP
大量のデータを効率よく扱うために

データベースを使います。
WordPressの管理画面から入力した

内容は基本的にMySQLで

管理されます。
LAMP
PHP, Perl, Python = Server Side Script
PHP Ruby, node.js などなど…
LAMP
サーバにインストールして使う言語です。
WordPressはPHPで作られています。
LAMP
Linux = OS
Apache = Web Server
MySQL = Database
PHP = Server Side Script
ユーザー

クエリー
データ
Webサーバ
データベース
新着投稿5件くれ∼ OK、データ返すよ
ローカルでLAMPを作る
オンラインで作業してもいいですが…
• エディタやコンパイルツールなど色々な

アプリケーションが使いやすい。
• レスポンスも早い
• gitもあるし…
MAMP XAMPP
一番お手軽!
MAMPをインストールすると全部ついてくる
自分でMySQLとPHPをインストールする方法も。
MacLinux
仮想化
yum / 自分でビルド
MacLinux
Vagrantを使ってプログラマの作った環境をインポート
さて、さっきサラッと紹介しました…
自分でMySQLとPHPをインストールする方法も。
?
パッケージマネージャー?
実は最近、デザイナーにもなじみの深い
パッケージマネージャーが…
• インストール
• アンインストール
• アップデート
アプリケーションのインストール、
アンインストール、アップデートなどを
まとめて行なってくれるアプリケーション
パッケージマネージャーとは
Homebrewに話を戻します。
http://brew.sh/index_ja.html
• brew update	
• brew doctor	
• brew search formula	
• brew list	
• brew install formula	
• brew outdated	
• brew upgrade
DEMO
• composer	
• mysql	
• php55	
• php55-xdebug
• git	
• node	
• wget	
• wp-cli
Homebrewで入れているformula
Homebrew
npm
!
!
!
Composer
Bower
Ruby
RubyGems
!
!
!
Bundler
Node.js PHP
DEMO
npm & Bower
https://www.npmjs.org/
http://bower.io/search/
Bowerの使いどころ
• フロントエンドフレームワーク
• JavaScriptライブラリ
• jQueryプラグイン
• githubに上がっているもの何でも

→自作ライブラリもOK
ご清聴ありがとうございました m(_ _)m

イチから学ぶ パッケージマネージャーとLAMP環境