Mac版Safariとoverflowとposition:fixedの話

久々に大きめのサイト構築をしているんだけど、なんかものすごい初歩的な部分でつまづいたので実験。
縦いっぱいにメニューを配置して、position: fixedにし、Y方向にはみ出た部分はスクロールできるようにする、っていう下記のようなレイアウトのページを作ります。

で、上記のメニュー部分をHTML化したのがこれ。

下層コンテンツを入れ子にすることで、JSとか組まなくてもCSSだけで簡単に実装できる複数階層のメニューです。

ChromeとFirefoxでは想定通り、オンマウスでメニューの右側に「はみだすエリア」が表示されてます。

ところがSafariで見てみたところ、はみだすエリアが表示されてない！

LinuxでMinecraftのサーバーをたてる

マイクラは一人でも楽しいですが、皆で遊ぶともっと楽しいですね。
だからサーバーをたてましょう。
皆で繋ぐと負荷がかかるので、サーバー専用機をつくりましょう。
Linuxで構築しましょう。

今回はMinecraftサーバーをたてるまで。

※記事の書き始めからだいぶ時間が経ってしまったため、書かれているバージョンは最新版ではない可能性があります。

PATHをめぐる小話

でもいい加減Gitを業務に取り入れたいんだ...と思ってGitをインストールするところから始めていたわけなんですが、そこから始まった、PATHをめぐるお話の覚書です。
※発端はGitですがGitほぼ関係ない話です。

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

タイトルそのまま。

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

対処方法

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

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

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

bitwave.showcase-tv.com

ざっくりいうと

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

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

El Capitanにしたらいろいろ動かなくなったので直した話

今の今までうちのMacOSはMavericksのままでした。
だけどちょうど暇だったのもあってYosemiteすっとばしてEl Capitanにしてみたら、動かなくなったツールがいくつかあったので復旧。覚書。

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

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

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

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

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

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