イチから学ぶ パッケージマネージャーとlamp環境
DESCRIPTION
2014/3/29 WordBench Tokyo 春のデザイナー祭りのセッションで使用したスライドです。TRANSCRIPT
イチから学ぶパッケージマネージャーと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
LAMPユーザーからのリクエストに対して適切なレスポンスを返してくれる ソフトウェアがWebサーバです。
Webサーバが無いと HTMLだけのサイトも見られません。
ディレクトリごとに設定ファイルを置けるApacheの仕組みです。
.htaccessって何?!
httpd.conf .htaccess
.htaccess
.htaccess
LAMPMySQL = Database
MySQLは大きな表
テーブル
データベース
phpMyAdminはインストール型のMySQLの管理ツール。
PHPとは関係ありません!
(PHPでできてはいますが…)
LAMPSequel Proやターミナルでも操作OK
記事の内容 カスタムフィールド カテゴリー 設定
ファイルとデータベースで管理されているもの
WordPress本体 テーマ プラグイン メディア
LAMP大量のデータを効率よく扱うために
データベースを使います。
WordPressの管理画面から入力した内容は基本的にMySQLで
管理されます。
LAMPPHP, Perl, Python = Server Side Script
PHP Ruby, node.js などなど…
LAMPサーバにインストールして使う言語です。
WordPressはPHPで作られています。
LAMPLinux = 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