結論から言うと、Android で position: fixed の要素をセンタリングしたいときは .centering { position: fixed; left : 0; right: 0; margin: auto; } という感じではなく、 .centering { position: fixed; left : 50%; margin-left; -width / 2px; } みた…

はい。CSSでハニカム構造的な配置を実現し、要素の大きさが変わったときもいい感じに調整してみました。言語化してもわかりにくいですね。 そもそもハニカム構造とはなにものなのか？まずはそこから説明しましょう。 ハニカム構造とは ハニカム構造（ハニカ…

easings.netEasing Function 早見表 たるものを教えてもらいました。easeInOutBackとかをSCSSで実装できるのを知らなかったので非常に勉強になりました。

「ふぬけ」のことを「はひへほ」と言ってみるライフハック。 ふぬけのひとを見つけたら積極的につかっていこうと思います。

社会人1年目からA5サイズの手帳を使い続け、スケジュール帳 兼 ネタ帳として重宝しています。 最近手帳を見返す機会があったので、我ながら気になったメモを幾つか紹介します。 携帯電で謝罪しているひとの頭の上げ下げを相手に伝えてあげたい。 電話を持っ…

github.comこちらのgemをつかっているのですが、無効にする方法がわからなかったので、 とにかく将棋に例える森さん に尋ねたところ、 URLに ?pp=disable をつけると、捌きのアーティストこと久保九段の駒の捌きのごとくプロファイラが綺麗に消えますよ。 と…

kimizuka.hatenablog.com数値（Number）を真偽値（Boolean）にすることはよくあるのですが、逆を考えたときに一瞬むむむと思ったのでメモしておきます。 JavaScript Number(true); // => 1 Number(false); // => 0 true - 0; // => 1 false - 0; // => 0 tru…

kimizuka.hatenablog.comkimizuka.hatenablog.com DEMO ブックマークレットにしてみました。 httpのページであればどこでもプレイリストを再生できます。

kimizuka.hatenablog.com前回まとめた公式チャンネルから楽曲を幾つかピックアップして作業用BGMとしてプレイリストをつくってみました。 人気順に並べているのですが、ヘビーローテーションの再生回数は群を抜いてますね。 作業用BGMまとめ これで長時間の…

邦楽がフルコーラス上がっている公式チャンネルを探し求めていろいろ調べましたが、なかなか一覧が見つからなかったので自力で探しまくってみました。 まだまだあるとは思いますが、一旦まとめておきます。 フルで楽曲が上がっている公式チャンネル 宇多田ヒ…

そろそろ、飛び込み営業からフロントエンジニアに転職してから5年が経ちます。つい最近、2年前ぐらいに書いたコードを読み返し、そのごちゃごちゃしていてびっくりしました。 0からのスタートだったので、毎年毎年コードの書き方が微妙に変化していることも…

!画像のURL!という感じで 画像のURL を ! で挟むことによって実現できます。 くわしくは こちら 。Redmineにおけるwiki記法 — Redmine.JP

SafariのURLをコピーするのなんて、URLバーを長押ししてコピーするだけでしょ？と思うかもしれません。 しかし、日本語URLをエスケープしてコピーしたい場合、こちらのコピーボタンがその機能を持っています。具体的に言うと、Wikipediaの日本語のトップペー…

必要だったのでつくりました。2度と使う機会は無いかもしれません。 JavaScript function goToTailEnd(array, val) { var index = array.indexOf(val), target; if (index > -1) { target = array.splice(index, 1); array.push(target[0]); } return array;…

bin/rails s -b 0.0.0.0railsコマンド(rails) | Railsドキュメントで 0.0.0.0:3000 と紐づくことを教えてもらいました。 これで同一WiFi下のAndroidとかiPhoneとかからも確認できますね。

最近Switchでnullをチェックする機会があって、他のfalsyな値もチェックできるかを確かめたのですがNaNだけが失敗しました。 checkFalsyValue(false); checkFalsyValue(null); checkFalsyValue(({}).val); checkFalsyValue("hoge" - 0); // MISS!! checkFals…

つくったことがなかったのでつくりかたを調べてみました。 https://www.facebook.com/pages/create/ にアクセス 項目を選択したり記述したり 完成！ www.facebook.comとても簡単につくれました。 どんなことができるのかはこれから調査していこうと思います…

😆

ワンライナーだとこんな感じでしょうか。（Chromeでしか動作を確認していません） JavaScript ([].slice.call(document.querySelectorAll("img"))).forEach(function(elm) {elm.style.display = "none"});

developer.mozilla.orgJavaScriptで継承を行う際に、 function SubKlass() { SuperKlass.apply(this, arguments); } SubKlass.prototype = Object.create(SuperKlass.prototype); SubKlass.prototype.constructor = SubKlass; を、 function SubKlass() { th…

明日親知らずを抜歯してきます。人生で3本目です。 右上・左上ときて初の下側（左下）の抜歯です。13階段 (講談社文庫)作者:高野 和明講談社Amazonなぜか昔読んだ13階段を思い出しました。 きっと親知らず視点になると明日が死刑執行の日だからでしょう。僕…

iTunes上では問題なく再生できるにも関わらず、「サポートされていないビデオ形式のため」とエラーメッセージが表示されて動画が実機に同期できなかったときの対策です。 iTunes上で動画を選択 ファイル > 新規バージョンを作成 > iPod/iPhone バージョンを…

Evercat http://uchu.boy.jp/evercat/uchu.boy.jp無限にねこを愛でたい人のためのWebサービス。 Cat Shake http://www.catshakeapp.com/iPhoneを振るたびに猫の動画が流れるアプリ。 placekitten placekitten.com サイズを指定すると猫のダミー画像を返して…