読者です 読者をやめる 読者になる 読者になる

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

あくまでもデザイナーという方向で技術的なことをメモしていましたが、ざっくばらんに書くことにします。

いきなり IIJmioから送られてきたもの

IIJmio認定バッチ。 いらんし!とか思って、なんで送られてきたのか調べたら www.iijmio.jp このキャンペーンの、5名以上紹介でもらえる特典でした。 nakagaw.hateblo.jp nakagaw.hateblo.jp この記事からかーっとおもったら、、すごない!?

2016年 Hulu で見た映画の感想ダイジェスト

マッド・ガンズ ★★★★☆ 2014年、アメリカ、ジェイク・パルトロー監督・脚本・製作作品。異常気象により水不足が深刻化した近未来を描いたSF映画であるが、いわゆるSFっぽいSFではないというか、登場する武器やロボットとかがかっこいいとかではなくて、あくま…

Pure Data の進捗 #1

Pd Recipe Book -Pure Dataではじめるサウンドプログラミング(単行本)作者: 松村誠一郎出版社/メーカー: ビー・エヌ・エヌ新社発売日: 2012/02/23メディア: 単行本(ソフトカバー)購入: 3人 クリック: 164回この商品を含むブログ (4件) を見る 大体 半分ぐ…

Pure Data ことはじめ 2017

年末あたりからシンセサイザーとか電子音楽ブームが来てて、4、5年前にこの本買って1回挫折してる Pure Data をポチポチやり始めてる。 Pd Recipe Book -Pure Dataではじめるサウンドプログラミング(単行本)作者: 松村誠一郎出版社/メーカー: ビー・エヌ・エ…

svg をまとめて圧縮したいとき

SVG

svg を illustrator から書き出しただけだと、けっこう無駄なタグがはいってるので最適化しておきたい。 jpg や png とかは Webサイトで一括でできるやつとかがあって、わりと手軽やけど、 TinyPNG – Compress PNG images while preserving transparency Com…

table が border-collapse で position: relative 使ってる td にホバーで背景色つけるとかすると、ボーダーが背景色より後ろにいってしまう

CSS

Firefox と IEでもあやしかったんですが、 table が border-collapse で position: relative 使ってる td にホバーで背景色つけるとかすると、ボーダーが背景色より後ろにいってしまう、というバグがありました。 position: relative; している td に backgr…

gulp media queries まとめる系プラグインで @supports が消えてる件

かなり前に gulp-combine-media-queriesがエラーでコンパイルできなくなって、この issue から gulp-merge-media-queries に乗り換えてしばらく大丈夫だったのですが、とあるところを修正中に @supports が消えてることに気づきました。 いろいろ調べてたら…

IEで、position: absolute; left: 50% と translateX(-50%); で、中央に配置している要素の親要素にスクロールバーが出る

IEで、position: absolute; left: 50% と translateX(-50%); で、中央に配置している要素の親要素にスクロールバーが出るというのでハマったのでメモ。 こんな感じ。 translateX(-50%); してるのが勘定にはいってないのか、してない体でスクロールバーが出ち…

東京、展覧会巡り 2016・9

出張で8年ぶりぐらいに東京に行ったので、1日多めに滞在して、観光がてら展覧会巡りをしたので、感想を書いた。 杉本博司/ロスト・ヒューマン(東京都写真美術館) 杉本博司さんの作品はやたらどこか行くたびに見てる気がするけど、いつものように特に何も…

SVGシンボル化(SVGスプライト)

けっこう前ですが、GitHub のアイコンがアイコンフォントからSVGアイコンにすべて変わりました。(GitHubではここで書いてある方法ではなく個別でベタ書きですが) Delivering Octicons with SVG · GitHub そろそろアイコンファイルの主流はSVGになりつつある…

2016年に見た海外ドラマ

アンダー・ザ・ドーム ★★★☆☆ LOSTとかウォーキング・デッド的な食料と人間の生存をテーマにしてるものが好きなので、見てみたけど、最後の方、LOST的な霊的な宇宙人的な展開なって残念だった。途中のドームの中にドームとか、出たり入ったりとかあたりまでは…

position: fixed; してるのに、親要素の相対っぽい感じになる

CSS

position: fixed; って親要素に依存せずに画面内に固定できるはずやのにできなかったので、一個ずつ原因ぽいやつを消していったら親要素にこいつを指定してたからでした。 transform: translateY(0); もうちょっと調べてみると、translateY、ではなく、"Tran…

2015年に買ってよかったもの

1. IIJmio SIM with Nexus 5 詳細はこのあたりで。 nakagaw.hateblo.jp nakagaw.hateblo.jp これまで嫁と自分の合わせて16,000円以上かかってた月額料金が、(iPhone5sの残債とNexus5代があるとはいえ)2人で5,000〜6,000円になったインパクトはでかい。 2. …

あのコミットのファイルだけこのブランチ取り込みたいときは git cherry-pick

Git

develop ブランチでいろいろごにゅごにょしたあとに、masterにマージしたい。 でも、マージしちゃいけないコミットも混ざってる。 そんなときは、 git cherry-pick を使うと、別のブランチで作業したコミットファイルを取り込めます。まさにチェリーをピック…

映画「セッション」

引用元:http://www.fashion-press.net/news/14641 弱冠28歳のデイミアン・チャゼル、監督・脚本作品。 京都シネマの名画リレーのチラシで見て、雰囲気がいい感じだったので、見たいなぁ、と思ってました。 映画館に見に行くのもよいけど、いちいち街に出た…

急に node.js が動かない系のとき。

急に node.js が動かない系のことがあると思います。 zsh: command not found: node とか、 env: node: No such file or directory とかなったとき。 そんなときは、とりあえず、'brew doctor' $ brew doctor Please note that these warnings are just used…

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」…

ローカルの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…

「JavaScriptエンジニア養成読本」でUnderscore.jsの_.templateメソッドを使うところが動かない

JavaScriptエンジニア養成読本 [Webアプリ開発の定番構成Backbone.js+CoffeeScript+Gruntを1冊で習得! ] (Software Design plus)作者: 吾郷協,山田順久,竹馬光太郎,和智大二郎出版社/メーカー: 技術評論社発売日: 2014/10/18メディア: 大型本この商品を含む…

「小さなチーム、大きな仕事〔完全版〕: 37シグナルズ成功の法則」

小さなチーム、大きな仕事〔完全版〕: 37シグナルズ成功の法則作者: ジェイソン・フリード,デイヴィッド・ハイネマイヤー・ハンソン,黒沢 健二,松永 肇一,美谷 広海,祐佳 ヤング出版社/メーカー: 早川書房発売日: 2012/01/11メディア: 単行本購入: 21人 クリ…

Firefoxでテーブルのthとかtdにはposition:relativeが効かない件

CSS

Firefoxでは、テーブルのthとかtdにはposition:relativeが効かないというか。 borderとかが消えたりとかします。 しかし、真実は、ChromeやIEが独自の実装をしているだけで、本当の正義はFirefoxにあると。 どういうシーンで起こるか th内の右上とかに小さい…

dt, dd横並びで、通しでborderを入れる

CSS

いまさら感半端ないと思いますが、本当によく忘れるのでメモ。 dl dt { float: left; clear: left; width: 7em; } dl dd { border-bottom: 1px dotted #ccc; padding-left: 7.5em; /* dtの幅以上のpaddingをとる*/ }

GitHubで「gh-pages」ブランチを切ってページ公開

たまにGitHubっぽいURLで公開しているデモページとかがあって、どうやってるのかな、と思っていたのですが、どうやら、「gh-pages 」という名前でブランチを切って、数分待つだけでできるようです。 この画面の入力フォームのところに「gh-pages」と入力して…

デタッチド・イン・マイ・ヘッド状態

なるべくGit慣れしようとSourceTreeでいろいろやっていたときに、いまいちHEAD、とかmastarとか、ブランチを切るとか、チェックアウト、の意味をよくわかってなくて、それでもまぁ、一方向で作る分には知らなくても使えてたのですが。 ちょっと調子のってブ…