Engineer Blog

23歳です。大学を辞めてエンジニアになりました。散歩が好きです。音楽と読書も

Sage | WordPress starter Theme のインストール

roots.io

ducumentを読んでインストールしたので備忘録。

  • 2017/8/22 時点

環境

Theme Installation

手順

  1. Wordpressのテーマディレクトリにフォルダを用意しコピー、Sageをインストール
  2. composerがインストールされているか確認
  3. WordpressのテーマディレクトリからCompeserを使ってインストール
/Users/~~~~~~~~~~~/wordpress/wp-content/themes

↑自分はVCCW でWordpressのローカル環境を構築しました!

vdeep.net

$ composer create-project roots/sage your-theme-name 8.5.3
  • your-theme-name は自分のテーマ名
  • composer create-projectは、対象のパッケージをgit cloneしてからcomposer install するのとほぼ同じことをしているようです。

Theme Development and Building

プロジェクトの依存関係のインストール

次の要件を満たしている必要があるようです。

  • Node.js >= 4.5.0

npmのupdateも勧められていたので。

npm install -g npm@latest
  • gulpBowerをグローバルにインストール
npm install -g gulp bower
npm install
bower install

Theme Deployment

  • Generating production ready assets
  • フォルダをチェックするとgulpfile.jsが入っていることを確認
gulp --production

コンパイルされたのでwordpress上でcssが適応されているのを確認できるかと思います。

この先開発をしていく時に便利なのが gulp watch これでファイルの変更があった時に自動でコンパイルしてくれます。

twitter.com

git 全体の流れ (add/commit/push)

目次

git 全体イメージ(状態)

ローカル リモート
作業ディレクト
ステージングエリア
Gitディレクト(ローカルリポ)
Gitディレクト(リモートリポ)

作業ディレクト

  • 作業中のファイル
  • git add <ファイル名>ステージングエリアに進む

ステージングエリア

Gitディレクトリ(ローカルリポジトリ

  • ファイルの変更履歴を記録
  • git push <リモート名> <ブランチ名>Gitディレクトリ(リモートリポジトリ)に進む

Gitディレクトリ(リモートリポジトリ)

  • ファイルの変更履歴を記録

twitter.com

nginxのマスタプロセスとワーカプロセス

  • 備忘録です。マスタプロセスやワーカプロセスについて確認用

nginxはマスタプロセスとワーカプロセスのマルチプロセス構成で稼働する。

  • つまり、マスタプロセスは1つ、ワーカプロセスは設定することで複数起動可能。

マスタプロセスについて

  • マスタプロセスにシグナルを送ることでnginx全体のプロセスを制御する。
  • 各ワーカプロセスはマスタプロセスが受信したシグナルの種類に応じて各ワーカプロセスにもシグナルを送る。

ワーカプロセスについて

  • 通常シングルスレッドで動作しますが、I/O MultiplexingノンブロッキングI/Oを利用することで複数のクライアントとの入出力を並行して行うことを可能。
  • ワーカプロセス自体は複数起動可能なので容易にスケールさせることができる。

◆スケーリング【scaling】スケールする
情報システムの分野では、装置やソフトウェア、システムなどの性能や処理能力を、要求される処理量に合わせて増強したり縮減したりすることをスケーリングという。 「IT用語辞典」より

マスタプロセスとワーカプロセスの流れ

①シグナルを送る(SIGTERM,SIGQUIT,SIGHUPなど)
②マスタプロセスがシグナルを受け取る
③マスタプロセスが受信したシグナルの種類に応じて各ワーカプロセスにもシグナルを送る
④複数のワーカプロセスが受信

twitter.com