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

4,513 views
4,283 views

Published on

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

Published in: Software
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,513
On SlideShare
0
From Embeds
0
Number of Embeds
919
Actions
Shares
0
Downloads
15
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

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

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

×