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

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

Upload: keisuke-imura

Post on 12-Jun-2015

3.896 views

Category:

Software


1 download

DESCRIPTION

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

TRANSCRIPT

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

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

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

自己紹介

井村 圭介K E I S U K E I M U R A

フリーランスの Webデザイナー/エンジニア。 !@imura_design

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

共著しました。

・配色のトレンド・スタイルガイド・スマートフォンサイトデザイン・Git・プロジェクト管理ツール・CMS・バックエンド高速化

など書いています。

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

• LAMP環境とは?

• ローカルLAMPの作り方

• パッケージマネージャーとは?

• Homebrewのデモ

• npm、Bowerのデモ

AGENDA

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

LAMP環境とは?

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

LAMP

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

LAMP

CentOS Fedora Ubuntu

Debian, AWS Linux などなど…

Linux = OS

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

オープンソース!LAMP

LinuxはWebサーバのOSとして多く使われています。

WindowsサーバやMacサーバもあるよ!

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

LAMP

nginx Apache IIS

Apache = Web ServerシェアNo.1

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

ユーザー

HTTPリクエスト

サーバ

http://example.com/ のデータくれ~

あいよ、HTML返すぞ~

ApacheHTTPレスポンス

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

LAMPユーザーからのリクエストに対して適切なレスポンスを返してくれる ソフトウェアがWebサーバです。

Webサーバが無いと HTMLだけのサイトも見られません。

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

ディレクトリごとに設定ファイルを置けるApacheの仕組みです。

.htaccessって何?!

httpd.conf .htaccess

.htaccess

.htaccess

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

LAMPMySQL = Database

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

MySQLは大きな表

テーブル

データベース

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

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

PHPとは関係ありません!

(PHPでできてはいますが…)

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

LAMPSequel Proやターミナルでも操作OK

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

記事の内容 カスタムフィールド カテゴリー 設定

ファイルとデータベースで管理されているもの

WordPress本体 テーマ プラグイン メディア

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

LAMP大量のデータを効率よく扱うために

データベースを使います。

WordPressの管理画面から入力した内容は基本的にMySQLで

管理されます。

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

LAMPPHP, Perl, Python = Server Side Script

PHP Ruby, node.js などなど…

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

LAMPサーバにインストールして使う言語です。

WordPressはPHPで作られています。

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

LAMPLinux = OS

Apache = Web Server

MySQL = Database

PHP = Server Side Script

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

ユーザー

クエリー

データ

Webサーバ

データベース

新着投稿5件くれ~ OK、データ返すよ

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

ローカルでLAMPを作る

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

オンラインで作業してもいいですが…

• エディタやコンパイルツールなど色々なアプリケーションが使いやすい。

• レスポンスも早い

• gitもあるし…

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

MAMP XAMPP

一番お手軽!

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

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

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

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

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

MacLinux

仮想化

yum / 自分でビルド

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

MacLinux

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

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

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

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

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

?

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

パッケージマネージャー?

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

実は最近、デザイナーにもなじみの深い

パッケージマネージャーが…

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

• インストール

• アンインストール

• アップデート

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

アプリケーションのインストール、

アンインストール、アップデートなどを

まとめて行なってくれるアプリケーション

パッケージマネージャーとは

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

Homebrewに話を戻します。

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

http://brew.sh/index_ja.html

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

• brew update

• brew doctor

• brew search formula

• brew list

• brew install formula

• brew outdated

• brew upgrade

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

DEMO

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

• composer

• mysql

• php55

• php55-xdebug

• git

• node

• wget

• wp-cli

Homebrewで入れているformula

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

Homebrew

npm !

!

!

Composer

Bower

Ruby

RubyGems !

!

!Bundler

Node.js PHP

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

DEMO

npm & Bower

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

https://www.npmjs.org/

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

http://bower.io/search/

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

Bowerの使いどころ

• フロントエンドフレームワーク

• JavaScriptライブラリ

• jQueryプラグイン

• githubに上がっているもの何でも→自作ライブラリもOK

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

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