イチから学ぶ パッケージマネージャーとlamp環境
DESCRIPTION
2014/3/29 WordBench Tokyo 春のデザイナー祭りのセッションで使用したスライドです。TRANSCRIPT
![Page 1: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/1.jpg)
イチから学ぶパッケージマネージャーとLAMP環境2014.03.29 KEISUKE IMURA
![Page 2: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/2.jpg)
自己紹介
井村 圭介K E I S U K E I M U R A
フリーランスの Webデザイナー/エンジニア。 !@imura_design
![Page 3: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/3.jpg)
共著しました。
・配色のトレンド・スタイルガイド・スマートフォンサイトデザイン・Git・プロジェクト管理ツール・CMS・バックエンド高速化
など書いています。
![Page 4: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/4.jpg)
![Page 5: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/5.jpg)
• LAMP環境とは?
• ローカルLAMPの作り方
• パッケージマネージャーとは?
• Homebrewのデモ
• npm、Bowerのデモ
AGENDA
![Page 6: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/6.jpg)
LAMP環境とは?
![Page 7: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/7.jpg)
LAMP
![Page 8: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/8.jpg)
LAMP
CentOS Fedora Ubuntu
Debian, AWS Linux などなど…
Linux = OS
![Page 9: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/9.jpg)
オープンソース!LAMP
LinuxはWebサーバのOSとして多く使われています。
WindowsサーバやMacサーバもあるよ!
![Page 10: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/10.jpg)
LAMP
nginx Apache IIS
Apache = Web ServerシェアNo.1
![Page 12: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/12.jpg)
LAMPユーザーからのリクエストに対して適切なレスポンスを返してくれる ソフトウェアがWebサーバです。
Webサーバが無いと HTMLだけのサイトも見られません。
![Page 13: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/13.jpg)
ディレクトリごとに設定ファイルを置けるApacheの仕組みです。
.htaccessって何?!
httpd.conf .htaccess
.htaccess
.htaccess
![Page 14: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/14.jpg)
LAMPMySQL = Database
![Page 15: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/15.jpg)
MySQLは大きな表
テーブル
データベース
![Page 16: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/16.jpg)
phpMyAdminはインストール型のMySQLの管理ツール。
PHPとは関係ありません!
(PHPでできてはいますが…)
![Page 17: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/17.jpg)
LAMPSequel Proやターミナルでも操作OK
![Page 18: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/18.jpg)
記事の内容 カスタムフィールド カテゴリー 設定
ファイルとデータベースで管理されているもの
WordPress本体 テーマ プラグイン メディア
![Page 19: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/19.jpg)
LAMP大量のデータを効率よく扱うために
データベースを使います。
WordPressの管理画面から入力した内容は基本的にMySQLで
管理されます。
![Page 20: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/20.jpg)
LAMPPHP, Perl, Python = Server Side Script
PHP Ruby, node.js などなど…
![Page 21: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/21.jpg)
LAMPサーバにインストールして使う言語です。
WordPressはPHPで作られています。
![Page 22: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/22.jpg)
LAMPLinux = OS
Apache = Web Server
MySQL = Database
PHP = Server Side Script
![Page 23: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/23.jpg)
ユーザー
クエリー
データ
Webサーバ
データベース
新着投稿5件くれ~ OK、データ返すよ
![Page 24: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/24.jpg)
ローカルでLAMPを作る
![Page 25: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/25.jpg)
オンラインで作業してもいいですが…
• エディタやコンパイルツールなど色々なアプリケーションが使いやすい。
• レスポンスも早い
• gitもあるし…
![Page 26: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/26.jpg)
MAMP XAMPP
一番お手軽!
![Page 27: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/27.jpg)
MAMPをインストールすると全部ついてくる
![Page 28: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/28.jpg)
自分でMySQLとPHPをインストールする方法も。
![Page 29: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/29.jpg)
MacLinux
仮想化
yum / 自分でビルド
![Page 30: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/30.jpg)
![Page 31: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/31.jpg)
MacLinux
Vagrantを使ってプログラマの作った環境をインポート
![Page 32: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/32.jpg)
さて、さっきサラッと紹介しました…
![Page 33: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/33.jpg)
自分でMySQLとPHPをインストールする方法も。
?
![Page 34: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/34.jpg)
![Page 35: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/35.jpg)
パッケージマネージャー?
![Page 36: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/36.jpg)
実は最近、デザイナーにもなじみの深い
パッケージマネージャーが…
![Page 37: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/37.jpg)
![Page 38: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/38.jpg)
• インストール
• アンインストール
• アップデート
![Page 39: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/39.jpg)
アプリケーションのインストール、
アンインストール、アップデートなどを
まとめて行なってくれるアプリケーション
パッケージマネージャーとは
![Page 40: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/40.jpg)
Homebrewに話を戻します。
![Page 41: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/41.jpg)
http://brew.sh/index_ja.html
![Page 42: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/42.jpg)
• brew update
• brew doctor
• brew search formula
• brew list
• brew install formula
• brew outdated
• brew upgrade
![Page 43: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/43.jpg)
DEMO
![Page 44: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/44.jpg)
• composer
• mysql
• php55
• php55-xdebug
• git
• node
• wget
• wp-cli
Homebrewで入れているformula
![Page 45: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/45.jpg)
Homebrew
npm !
!
!
Composer
Bower
Ruby
RubyGems !
!
!Bundler
Node.js PHP
![Page 46: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/46.jpg)
DEMO
npm & Bower
![Page 49: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/49.jpg)
Bowerの使いどころ
• フロントエンドフレームワーク
• JavaScriptライブラリ
• jQueryプラグイン
• githubに上がっているもの何でも→自作ライブラリもOK
![Page 50: イチから学ぶ パッケージマネージャーとLAMP環境](https://reader034.vdocuments.pub/reader034/viewer/2022052307/557ab092d8b42a70408b4f27/html5/thumbnails/50.jpg)
ご清聴ありがとうございました m(_ _)m