主に技術的なことを書くブログ

浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。

IIJmioファミリーシェアプランに変更して、嫁をMNPで乗り換えさせようとして完全にミスった話

2015/10/1 に追記しました。最後の【重要】 セクションだけ読むだけで良いかも。 先日 IIJmio に乗り換えた話を書いたところですが。 nakagaw.hateblo.jp 嫁も契約更新月になったので、自分のプランをライトスタートプラン(5GB)からファミリーシェアプラン…

映画「バケモノの子」「野火」「さよなら、人類」「ナイトクローラー」

わりと映画見てるけど、感想を書けてないので、雑に書いておきたいと思います。 バケモノの子 引用元:「バケモノの子」公式サイト 細田 守監督作品。 「時をかける少女」「サマーウォーズ」「おおかみこどもの雨と雪」とそれぞれ見てますが、僕が個人的に細…

gulp-sass で indentedSyntax: true, でハマった話

gulp-sass でコンパイルすると、 invalid property name がひたすらでて全然コンパイルできないし、scssファイル見てもなんの問題もない。 挙句の果てに { とかがエラーとかいうから、なんでやねん、と思っていたら。 gulp タスクの sass option のところで…

あのIE9以下でセレクタが4095以上あると読み込まれないやつ

噂では効いていたけど、まさか自分があの「IE 9以下に存在するセレクター数制限にはまった」みたいなことになるとは思いもしませんでした。 普通にハマりました。 いろいろ検証しても見つからずに、そういわれるとこのcssめっちゃ長いな、と思って。t32k/sty…

dependencies と devDependencies の違い

npm install するときに、--save-dev と --save の2つあって、ふとこの違いってなんやと思って調べたので引用。 jsonを見ると、dependenciesやdevDependenciesなどの項目があります。大まかには以下のような感じです。 dependencies - パッケージ(≒プロジェ…

Selectboxのcssが効かない問題

CSS

なんか見て見ぬふりしてたけども、セレクトボックスめっちゃちっさいなーってずっと思っていて、開発ツールとかで高さだけでも、と思ってちょっとさわってもぜんぜんスタイルが効かないんです。 最初 Chrome のせいにしてたんですが、Firefoxで見てもまった…

Softbank iPhone から IIJmio へMNPで乗り換えた話

SoftbankのiPhone、ホワイトプラン+パケットし放題フラット for 4G LTEとかで、だいたい最低でも月々8000円ぐらいの支払いになっていたのですが、僕はほとんど電話しないし、たまにツイッターとかメールチェックするぐらいで8000円って、改めて考えるとヤバ…

そして、父になる 

先日、嫁が熱と風邪でほとんど身動きとれないときに、普段嫁がやってる家事の断片をやりつつ、1歳の娘をひとりで子守して、色々新しい視点で学ぶことが多かったので、書いておきたいなと思って書いてます。 献立毎日考えるのめっちゃツラいし、朝早く起きる…

wp_enqueue_script 関数を使っても読み込まれない

WordPress にはスクリプトが依存する他のスクリプトが読み込まれてから読むという便利な関数があるのですが、こういうやつ 下記のように書くと、JQueryが読み込まれてから home.jsを読んでくれます。 それが、今回あらたにサイト全体で使うスクリ…

ImageMagick を Homebrew でインストール

MacOS X に ImageMagick を Homebrew でインストールしました。 brew install imagemagick --with-x11 とうってみたら、 imagemagick: XQuartz is required to install this formula. You can install with Homebrew Cask: brew install Caskroom/cask/xquar…

Safariでフォーム要素にフォーカスが当たるとposition: fixed; している要素の文字が一瞬細くなる

CSS

まぁ、こんなことはあまりないとは思うのですが、Safariでフォーム要素にフォーカスが当たると、そのページで position: fixed; している要素(固定ヘッダーとか)の文字が一瞬細くなる、ということがあったので、調べたらほぼ同じようなことを知恵袋で聞い…

IntelliJ IDEA で SublimeText みたいな選択しているテキストを複数選択するショートカット

SublimeTextでは当たり前の、Cmd+Dで、選択しているテキストを複数選択できるショートカット機能が、IntelliJ IDEA ではなぜかコピペされるので、しらべてみたら、Ctrl + G でできました。 選択の追加/削除: Alt + Shift + マウスクリック 次を選択/選択解除…

映画「アメリカン・スナイパー」

引用元:映画『アメリカン・スナイパー』オフィシャルサイト 遅ればせながらクリント・イーストウッド監督作品、「アメリカン・スナイパー」を見ました。「ゴーン・ガール」じゃなくてこっち見とけばよかったです。 あらすじをまとめようかとおもいましたが…

中途半端なコミットをするぐらいなら git stash

Git

ファイルをちょっとだけさわって、何かを待っている間に、それとは別の関係ない作業をするときに、ブランチ切り替えようとすると、コミットしてないファイルがあるよ的なエラーがでて、変更破棄したり、中途半端なコミットしてしまいがちですが。 そんなとき…

MacにVagrantでローカル開発環境構築

Vagrantとは、違う環境に移行可能な開発環境を簡単に構築・管理し、配布することができる開発環境作成ツール。「ほんの数行書くだけで開発用の仮想マシンを構築できる」という優れものだ。引用元:"Vagrant開発者 Mitchell Hashimoto氏に聞いた:「Vagrant」…

超軽量テンプレートエンジン Grav

超軽量テンプレートエンジン Grav というのをさわってみました。 インストールは、git cloneして git clone https://github.com/getgrav/grav.git cd grav bin/grav install するとビルド的なことが起こって、 php -S localhost:8000 というコマンドを打つと…

Vagrant で October CMS試してみた

October CMS は新品のDBがいるとのことで、とりあえず、ローカルのVagrantで触ってみようと思ってやってみました(借りてるレンタルサーバーではWordPressを使っているので)。 最初、CentOS6のBoxで動かそうとしたら、PHP5.4以上いるのを後から知って、いろ…

ローカルのWordPressのプラグインのアップデートでWP-CLI使ったりいろいろハマった件

おひさしぶりにWordPressで複合的にハマったので書きます。 それっぽい情報はたくさんあるけど、ピンポイント過ぎてカスった情報しかなかったので、同じように無駄に時を過ごそうとしている誰かのために書き残しておきます。 WP-CLIのコマンドが効かない 管…

https://でcssが効かない

https://とhttp://が混在しているサイトでページを遷移していると、https://のときだけCSSが効いてないっていうことがあって、しかも、ページの共通cssは効いているのに、個別のcssは効いていないという。 絶対パスや、あとはWordPressとかのCMSでルートパス…

Macでwindows+IEのブラウザチェックができるmodern.IE

modern.IEのサイトにて、作りたいIEの環境を選択後、「cURLですべて入手する」からコマンドをコピーしてターミナルで実行。 落としてきた複数のzip.00連番のファイルを、以下のコマンドで合体。 cat *.zip.00? > combined.zip 合体してできたcombined.zipをT…

rbenvについて調べたことまとめ

rbenvは複数バージョンのrubyが同一システム内に共存することを可能にし、プロジェクト毎に適切なバージョンのrubyを有効化および実行できるツール。 インストール方法は割愛。 現在の ruby のバージョンと一覧表示 rbenv versions * system 2.0.0-p481 2.1.…

Jekyllのテンプレートカスタマイズ

細々カスタマイズしたら随時更新してゆきます。 サイト内検索つけたいけど挫折中。 ページ内リンクを自動生成 見出しを勝手にあつめてページ内リンクの目次を生成してくれます。 jQueryとtoc.jsを読ませて、<div id="toc"></div>をテンプレに追加するだけ。 <script type="text/javascript"> $(document).ready(f</script>…

Jekyllを使って、DropboxのMarkdownファイルをいい感じに整理してみた

最近、仕事の細かい作業のこととかをMarkdownでメモってDropboxに.mdファイルで保存して置いておく、というのが日常化してきたのですが、それらをいい感じに一覧にしたり整理できないかな、と思い、Jekyllをいれてみました。 Jekyllとは、Markdownで書いたも…

Gitでローカルにはファイルを残して、リモートリポジトリのは消す方法

Git

.gitingoreに書いておくのを忘れたり、リモートリポジトリにPushしたあとからいらなくなったけど、ファイル自体はローカルには残しておきたい場合。 ファイル単体 git rm --cached ファイル名 ディレクトリごと git rm -r --cached ディレクトリ名 して、add…

リモートにプッシュしたらもう消せないので、プッシュ前にgit rebaseで整えておく

Git

ローカルでこまめにコミットしまくっていて、作業が一段落したからといってそのままリモートにプッシュすると、そのローカルでこまめにしていたコミットログがそのままリモートにもプッシュされて、メモ的なコメントとか書いてあるとけっこう恥ずかしいこと…

GruntでCompassが動かないときにやってみること

GruntでCompassを使おうとしたら、下記のようなエラーが出てコンパイルが上手くいかない、ということをチラホラ聞きます。 Running “compass:dist” (compass) task error htdocs/_dev/assets/_scss/main.scss (Line 6 of htdocs/_dev/assets/_scss/_layout.s…

Adobe製オープンソースエディタBraketsが良さそう

Sublime Text 一択のような気がしていましたが、最近正式リリースされたBracketsがいい感じな気がしてきました。 まだほとんど使ってないので、まとめ程度にURLを貼っておきます。 Bracketsの機能紹介、使い方解説【Ver.1.1対応】 - Qiita プラグインもSubli…

JavaScriptの、空のオブジェクトリテラル

JavaScriptのコードを読んでいたら、下記のような空の変数宣言みたいなのがあって var App = { }; なんやこれって思って調べたんですけども、空のオブジェクトリテラルというようです。 windowオブジェクトはどこからでもアクセス出来るので、名前が重複した…

映画「インターステラー」とモチベーション・フローについて

引用元:映画『インターステラー』オフィシャルサイト 娘が生まれてから、映画といえば金曜ロードショーとかで録りためてる映画しか見てないですが、どうしても見たいと思って、クリストファー・ノーラン監督作品、「インターステラー」を(ひとりで)見てき…

リアルフロントエンド勉強会 vol.2

前回に続いて、第2回リアルフロントエンド勉強会を行いました。 第1部「攻めすぎコーディング環境をつくろう」 第2部「発表プレゼン」 懇親鍋 という流れで行いました。集まった参加者は4人。 第1部「攻めすぎコーディング環境をつくろう」 workshop/2014111…