ひさしぶりに、 rbenv install 2.2.3でrubyをインストールしようとしたら、 rbenv install 2.2.3 Downloading ruby-2.2.3.tar.bz2... -> https://cache.ruby-lang.org/pub/ruby/2.2/ruby-2.2.3.tar.bz2 Installing ruby-2.2.3... BUILD FAILED (OS X 10.11.6…

PCは会社支給のもの、iPhoneは私物をつかっているため毎回警告が表示されていました。（PCを認証していないため）警告が出るだけならまだしも、このアラートのOKを押さないと、iTunesの終了もままならず大変困っていたのですが、「この iPhone を接続してい…

kimizuka.hatenablog.com 昨日のエントリー を書いている途中に、シングルとシングル以外の曲を分けないと10曲に収まらないと気付き、急遽エントリーを分けました。2枚組のアルバムもこういう風にできるのかもしれないですね。しらないですけど。 シングルは…

突然ですが個人的におすすめしたい スピッツの曲を10曲紹介します。 スピッツに対して、「チェリー」とか「渚」みたいな甘いポップスみたいなイメージを持っている人にこそ是非とも聞いていただきたいと思っています。 たしかにシングルにはそういう曲が多い…

OSをアップデートするたびにMacを初期化しているのですが、以前まとめた開発環境が若干古くなってきたため、一新しようと思います。kimizuka.hatenablog.com 変更した設定 キー入力周り 入力ソースに日本語（ひらがな）を追加 ライブ変換をOFF 推測候補表示…

保存場所変更 変更 defaults write com.apple.screencapture location #{保存場所のパス}killall SystemUIServer Desktopに戻す defaults delete com.apple.screencapture locationkillall SystemUIServer ファイル形式変更 JPGに変更 defaults write com.ap…

iOS10でビデオをインライン再生する kimizuka.hatenablog.comこれまで、iPhoneのmobile Safariでビデオをインラインするためには、 videoのplayを叩かずに、currentTimeを操作してCanvasにレンダリングするという涙ぐましい努力 をしてたりしたのですが、 iO…

from:meで検索。

kimizuka.hatenablog.com以前 とは 別のライブラリ をつかって実装してみました。github.com DEMO https://kimizuka.github.io/qr-web-2/※ PCのモダンブラウザでアクセスしてください。カメラにQRコードを近づけるとデコード結果がアラートで表示されます。 …

FFmpeg 取り急ぎメモ。 ffmpegの導入手順とかは別途まとめたいところ。 i で インプットを指定 r でFPSを指定 s で出力サイズを指定 なので、 ffmpeg -i input.mp4 -r 8 -s 480x360 output.gifだと、input.mp4 を 8FPS で 480 × 360 で書き出します。

DEMO See the Pen flexbox by kimmy (@kimmy) on CodePen. 子要素の数に依存せずに、コンテンツ幅を均等にして並べたいことがあると思います。 そんな時に便利なのがflexboxです。 +ボタンを押していただくとわかりますが、子要素を増やすと自動でコンテンツ…

事象 最近、openFrameworks やら node.js やらにうつつを抜かして、いわゆるマークアップをする機会がなかったのですが、ひさしぶりにcompassを使おうとすると、 /Users/nanashi-gonbei/.rbenv/versions/2.2.2/lib/ruby/site_ruby/2.2.0/rubygems/core_ext/k…

brew doctorを叩いたところ異常が見つかったため、入れなおすことにしました。 OSをアップデートしたタイミングでおかしくなったような気がします。 またOSをアップデートするとおかしくなるかもしれないので、忘れないようにメモしておきます。 アンインス…

github.comすごいライブラリですね。さすがMozilla。 つかいかた 1. ライブラリをダウンロードして解凍 https://mozilla.github.io/pdf.js/getting_started/#download からライブラリをダウンロード 2. ソースを編集 viewer.htmlにアクセスした際、デフォル…

いままではHTMLでテンプレートを使いたい場合は、scriptタグをつかっていたのですが、templateタグの存在に気がついたのでこれからは積極的につかっていこうと思いました。 ただし、IEとAndroidの対応状況が不安なので、まだ実践では控えておこうと思います…

kimizuka.hatenablog.com以前は Flashをつかってコピーボタンをつくりました が、今回はJavaScriptの力でコピーボタンをつくります。 JavsScript document.getElementById("btn").addEventListener("click", function() { var address = document.getElement…

【結論】 横長画像（正方形含む）は、 background-position: center center; background-size: cover; 的な感じでトリミングされ、縦長画像は、 background-position: center top; background-size: cover; 的な感じでトリミングされる。 【考察】 なんでだ…

TwitterCardsのsummary_large_imageを設定する際、いつもog:imageと同じサイズ（1200px × 630px）の画像を使いまわしていたのですが、最適なサイズはいくつなのだろう？と思い調べてみました。こちらのページ によると、幅280px以上、高さ150px以上である必…