2014/3/29 WordBench Tokyo 春のデザイナー祭りのセッションで使用したスライドです。

1. イチから学ぶ
パッケージマネージャーとLAMP環境
2014.03.29
KEISUKE IMURA

2. 自己紹介
井村 圭介
K E I S U K E I M U R A
フリーランスの
Webデザイナー/エンジニア。
!
@imura_design

3. 共著しました。
・配色のトレンド
・スタイルガイド
・スマートフォンサイトデザイン
・Git
・プロジェクト管理ツール
・CMS
・バックエンド高速化
など書いています。

5. • LAMP環境とは？
• ローカルLAMPの作り方
• パッケージマネージャーとは？
• Homebrewのデモ
• npm、Bowerのデモ
AGENDA

6. LAMP環境とは？

7. LAMP

8. LAMP
CentOS Fedora Ubuntu
Debian, AWS Linux などなど…
Linux = OS

9. オープンソース！
LAMP
LinuxはWebサーバのOSとして
多く使われています。
WindowsサーバやMacサーバもあるよ！

10. LAMP
nginx Apache IIS
Apache = Web Server
シェアNo.1

11. ユーザー
HTTPリクエスト
サーバ
http://example.com/
のデータくれ∼
あいよ、HTML返すぞ∼
Apache
HTTPレスポンス

12. LAMP
ユーザーからのリクエストに対して
適切なレスポンスを返してくれる
ソフトウェアがWebサーバです。
Webサーバが無いと
HTMLだけのサイトも見られません。

13. ディレクトリごとに設定ファイルを
置けるApacheの仕組みです。
.htaccessって何？!
httpd.conf .htaccess
.htaccess
.htaccess

14. LAMP
MySQL = Database

15. MySQLは大きな表
テーブル
データベース

16. phpMyAdminは
インストール型のMySQLの管理ツール。
PHPとは関係ありません！
（PHPでできてはいますが…）

17. LAMP
Sequel Proやターミナルでも操作OK

18. 記事の内容
カスタムフィールド
カテゴリー
設定
ファイルとデータベースで管理されているもの
WordPress本体
テーマ
プラグイン
メディア

19. LAMP
大量のデータを効率よく扱うために
データベースを使います。
WordPressの管理画面から入力した
内容は基本的にMySQLで
管理されます。

20. LAMP
PHP, Perl, Python = Server Side Script
PHP Ruby, node.js などなど…

21. LAMP
サーバにインストールして使う言語です。
WordPressはPHPで作られています。

22. LAMP
Linux = OS
Apache = Web Server
MySQL = Database
PHP = Server Side Script

23. ユーザー
クエリー
データ
Webサーバ
データベース
新着投稿5件くれ∼ OK、データ返すよ

24. ローカルでLAMPを作る

25. オンラインで作業してもいいですが…
• エディタやコンパイルツールなど色々な
アプリケーションが使いやすい。
• レスポンスも早い
• gitもあるし…

26. MAMP XAMPP
一番お手軽！

27. MAMPをインストールすると全部ついてくる

28. 自分でMySQLとPHPをインストールする方法も。

29. MacLinux
仮想化
yum / 自分でビルド

31. MacLinux
Vagrantを使ってプログラマの作った環境をインポート

32. さて、さっきサラッと紹介しました…

33. 自分でMySQLとPHPをインストールする方法も。
?

35. パッケージマネージャー？

36. 実は最近、デザイナーにもなじみの深い
パッケージマネージャーが…

38. • インストール
• アンインストール
• アップデート

39. アプリケーションのインストール、
アンインストール、アップデートなどを
まとめて行なってくれるアプリケーション
パッケージマネージャーとは

40. Homebrewに話を戻します。

41. http://brew.sh/index_ja.html

42. • brew update
• brew doctor
• brew search formula
• brew list
• brew install formula
• brew outdated
• brew upgrade

43. DEMO

44. • composer
• mysql
• php55
• php55-xdebug
• git
• node
• wget
• wp-cli
Homebrewで入れているformula

45. Homebrew
npm
!
!
!
Composer
Bower
Ruby
RubyGems
!
!
!
Bundler
Node.js PHP

46. DEMO
npm & Bower

47. https://www.npmjs.org/

48. http://bower.io/search/

49. Bowerの使いどころ
• フロントエンドフレームワーク
• JavaScriptライブラリ
• jQueryプラグイン
• githubに上がっているもの何でも
→自作ライブラリもOK

50. ご清聴ありがとうございました m(_ _)m