kinalog

自称フロントエンドエンジニアが何か喚いています。

El CapitanにしたらMAMPのApacheが死んだので直した話

タイトルそのまま。

El CapitanにしたらMAMPApacheが起動しなくなりました。
MAMP自体は立ち上がるけど、サーバーを起動ボタンを押しても状態変わらず。

対処方法

検索したら、Yosemiteで同じ症状の記事を発見。

blog.h-wd.info
MAMPのインストールフォルダ内の/Library/bin/ってディレクトリの中にenvvarsって言う名前のファイルがあるので、それを適当にリネーム(_envvars等)してMAMPを起動。
無事起動するようになりました。


ちなみになんでこれで直るのか不明だったので調べてみたんだけど、

bitwave.showcase-tv.com


ざっくりいうと

・envvarsってのはApache起動前の処理の為のファイル
・envvarsがネックになってApacheの起動ができない
じゃあ消せば万事解決だね☆彡

っていうことらしい。それでいいのか感が強いけど、とりあえず他に解決方法が見当たらないので放置。
MAMPアップデートで直るかなあ。

改良版・gulp-compassで色んな階層のsassをwatch

以前、gulp-compassで色んな階層のsassをwatchする方法を書きましたが、あの書き方だとconfig.rbが使えないっていう欠点がありました。
全てcompassデフォルトの設定でいくならいいけど、変えたい時だっていくらでもあるので、書き方を考えてみました。

※相変わらずgulp初心者のため、他にスマートな方法が存在しているかも。

続きを読む

Ruby on Railsがインストールできなくて小一時間悩んだ

ちょっと手が空いたし、すごいプチネタだけど勉強もかねて作りたいものもできたので、Rubyの勉強の延長でRuby on Railsを触ってみることに。

が、しかし、この手のものを入れるときの最初の難関でもあるインストールでいきなり躓いたので今後のためにも覚書。

続きを読む

Gulp+EJS+JSONからHTMLファイルを生成する

似たようなファイルをたくさん作る機会があったんだけど、面倒だし後から更新するのも大変。
そこで、GulpとEJSを使って、JSONファイルの設定を読み込んで、その設定の分だけHTMLファイルを生成する方法はないかと探してみたところ、やっぱりありました。

aircolor.hatenablog.com

ただ個人的に、いっぱいタスク作るのってどうなんだろう...と思ったので、1個のタスクにまとめてみることに。

続きを読む

gulp-compassで色んな階層のsassをwatch

====================
2015.10.21 config.rbが使えるように改良した記事をアップしました。
====================




gulpの解説サイトを見ていると、そのどれもフォルダ構造が、フォルダ名は違えど

root(ここにgulpをインストール)
├ dist(ビルドするとここに出力される。サーバーにアップしたり納品用)
└ src(開発用)
  ├ assets(このフォルダ内にCSSや画像を全部突っ込む)
  │ ├ _sass
  │ ├ css
  │ ├ images
  │ └ js
  ├ index.html
  ・
  ・
  ・

みたいになっていますが、案件によっては

root
├ dist
└ src
  ├ assets(このフォルダ以下には共通のCSSやら画像やらのみ格納)
  │ ├ _sass
  │ ├ css
  │ ├ images
  │ └ js
  ├ _sass (トップページ用SASS)
  ├ css (トップページ用CSS)
  ├ images(トップページ用画像)
  ├ js(トップページ用JS)
  ├ index.html
  └ contents1
    ├ _sass(contents1用SASS)
    ├ css(contents1用CSS)
    ├ images(contents1用画像)
    ├  js(contents1用JS)
    └ index.html
    ・
    ・
    ・


みたいに、階層ごとにわけた構造にする必要が出てくることがあると思うんです。というか私はあります。

でもgulp-compassの公式のドキュメントを見ても、色々なサイトを見ても、rootフォルダでgulp watchしたとき下層の任意の場所でcompassを実行する方法っていうのがどうにも見当たらない。

ということで、どうやればいいか考えてみました。
※gulp超初心者のため、他にスマートな方法が存在しているかも。

続きを読む