はてなブックマーク

carton install --deployment 打ってくださいみたいな発言で、半角ダッシュが全角になってて、「なんかおかしいんですけど…」みたいになることが社内で頻発してて、なぜかslackのせいにされてるけど、それmacの設定だよ！！ システム環境設定 > キーボード > ユーザ辞書 から、「スマート引用符とスマートダッシュを使用」をOFFにしましょう！

MapBoxっていうOpenStreetMapのデザインをカスタムできるみたいなサービスがあるのでiOS SDKを触ってみた。 触ってて、なんか転がっている情報となんか違うなと思っていたら、ちょうど6日程前に2.0.0がリリースされたっぽい。 www.mapbox.com 使い方 MapBoxに登録する なんかデザインいじいじする pod 'Mapbox-iOS-SDK' して importしてあげてあとはよしなに ドキュメントそこそこまとまっているのでちゃんと読めば、サンプル作る程度なら迷わなそう。 https://www.mapbox.com/ios-sdk/examples/ 地図表示とピン立てるとこまでならこれ読めばできる https://www.mapbox.com/mapbox-studio/#darwin このツール使うとデザイン超カスタマイズできる https://www.

assets catalogにpdf突っ込むとビルド時に@1x, @2x, @3xのpng画像に変換してくれる。 Android用にpng書き出すのが面倒だったので、png取得できないかなーと思ったらAssets.carってやつにまとめられているらしい。 展開するには以下のツールをビルドして ./cartool [展開したいcar] [展開先のdir] ってやるといい。 github.com

swiftのArrayでインデックスの範囲外を指定すると実行時にエラーになってしまう。 let data = [ 1, 2, 3, 4 ] return index < data.count ? data[index] : nil 毎度毎度こんな感じで書くのだるいので、 let data = [ 1, 2, 3, 4 ] return data[safe: index] でアクセスできるようにする gist.github.com

pull-reqとか見てるとstoryboardがすごい行数のdiff出してきて他のファイルのdiffが見づらい。 そんなときは .gitattributes に *.storyboard -diff って追加してあげるとdiffがでなくてステキだ。 しかし、自分が作業しているときはうっかり変な変更入れていないかとか確認したいこともある。 そんなときは .git/info/attributes に *.storyboard diff=word って追加してあげると自分の環境だけdiffがみれてステキだ。

UIButtonをautolayoutで配置して、画面サイズにあわせて拡縮するようにすると、UIButton自体は拡大するんだけど、そこに設定しているimage画像（UIButtonと同じサイズ、同じアスペクト比）が拡大してくれなくて困ったマン。 Alignmentをこうやればちゃんと拡大してくれるぽい。

「チーム開発に役立つstubcell」ってタイトルでCodeGrid 2周年パーティでLTしてきた。 - from scratch 今までAPIのモック作るのにCyberAgent/node-easymock · GitHubを使っていたんだけど、最近メンテされていないっぽいし、 easymock is so simple, but it depends on sqlite3, and could not write comment in JSON file and could not validate json. ってやつに感動してstubcellに移行した。 移行手順 installしてentry.yaml書いて終わり。簡単！ $ npm install --save-dev grunt-stubcell $ vi Gruntfile.coffee # edit gruntfile $

bashだと{0..9}とか{a..z}とか出来るんだけど、zshだと{a..z}ができない。 setopt bracecclしてやるとできるようになる。 ~$ echo {a..z} {a..z} ~$ echo {a-z} {a-z} ~$ setopt braceccl ~$ echo {a-z} a b c d e f g h i j k l m n o p q r s t u v w x y z

ヘッダーとかフッターとか固定するのにposition: fixedを使用すると、Android2.3ではもろもろ問題が起こるんだけど、その一例としてAQUOS PHONEでキーボードが開かなくなるようだ。 どう解決したもんかなと思ったけど、ヘッダー/フッターみたいな感じで位置固定しているならbodyのいちばん後ろに書いても表示位置変わらないじゃんと思って、いちばん下に持って行ったら解決した。 Android2系滅びろ。

Galaxy Nexus(Android 4.2.2)とか他のAndroid4.1.2の端末で、e.preventDefault()しているにも関わらずclickイベントが呼ばれてしまうバグ？ 背景 iScrollを使用しているサービスを一部のAndroid 4.2.2, 4.1.2端末で見ると、clickイベントが2回呼ばれてしまう。 どうも、iScroll内では、touchstartでe.preventDefault()して、touchendでclickイベントを発火しているのだが、デフォルトのclickと、iScrollのclickの二回呼ばれるらしい。 問題の端末 Galaxy Nexus(android4.2.2) SO-01E(android4.1.2) Nexus S(android 4.1.2) 対象のブラウザ WebView, 標準ブラウザ (Chromeは問題なし) 使

いろんなブランチさわっていると、どれをmasterにマージしたか忘れてしまって、マージしてないのに終わった気になってgit branch -dとかしちゃいそうなので、まるっと確認するコマンド考えた。 % git co master % git branch | grep -v '*' | xargs -t -I% git --no-pager log --oneline master..% 手元のブランチ名全部取ってきて、トピックブランチにはあるけどmasterにはないcommitがあるかどうかを一覧してくれる。 xargsの-tは実行前にコマンドラインを標準エラー出力に表示してくれるやつ。 マージされたやつだけを探すなら次のコマンドで十分ですね。 % git co master % git log --oneline --merges と思ったら ふつーーーーーにこんなのがあった！！！

概要 Sprite layouts | Compass Documentation compassでのcssスプライトを試してみたのでメモ。 sprite-backgroundっていうmixinは結構色々な人がブログに書いてるんだけど、retina対応していなかったり、無駄な処理が入っていたりしてなんかしっくりこなかったので自分で実装してみた。 完成品 以下のファイルは使い回せるので、mixins/_sprite.scssみたいにプロジェクトに依存しないファイルとして置いておく。 @mixin sprite-background-size($name, $sprites, $device-pixel-ratio: 2) { $_width: image-width(sprite-file($sprites, $name)) / $device-pixel-ratio; $_height:

あまり検証していないのでメモ書き程度で。 余裕があれば、ちゃんとDEMO用意したいところ。 問題 iframe内でJSを使って動的にiframeの内容物の高さを変更したときに、Galaxy S2（以外もあるかも）で画面をタップすると、高さが変わる前にその位置にあった要素をタップした扱いになってしまう。 確認 とりあえずタップした位置をJSで取得してその位置にマークつけて確認。 こんな感じ。 javascript // debug用 $(document).on('click', '#wrapper', function(e) { $('#tap-point').css({ top: e.pageY, left: e.pageX }); }); html <div id="tap-point" style="position: absolute; z-index: 999; width: 3

一度ページを公開して、誰かにシェアされたとする。 そのあと、og:imageとかog:titleなどを変更してシェアし直そうとしても、古いデータが表示されてしまうという問題がある。 そんなときは、デバッガー( https://developers.facebook.com/tools/debug )からURLを入力するとキャッシュを削除してくれるようだ。 デバッガー ここになんか入力する。 URLを入力したところ キャッシュを削除するだけじゃなく、もちろん登録情報とかも確認できるので便利。 こんな感じで近況アップデートで確認するのは筋が悪い まとめ ちゃんと提供されているデバッグツールをつかいましょう！

ゆるふわなかんじで perl の話題をするためのチャットルームをつくってみた - tokuhirom's blog. で、初心者歓迎のゆるふわチャットルームができたので、Lingrはいってみたけどブラウザで見るのめんどいなーと思って探したら、IRCクライアントからつなげるの発見した。 psychs/lingr-irc · GitHub READMEに全部書いてあって何も説明することないんだけど、 ruby lig.rb ってやって、 Host: localhost Port: 26667 Username: Your Lingr account name Password: Your Lingr password ってクライアント側からつないでやれば見れる。

背景 CSSだけでスクロールアップダウンしたいなーと思って、特に何も考えず、次のような実装をしてみた。 #open-infoをクリックすると、#infoが内容量に合わせて良い感じにスクロールして閉じたり開いたりしてくれる予定。 実装 #info { overflow: hidden; height: 0; -webkit-transition: height 1000ms; } #info.open { heigt: auto; } $('#open-info').on('click', function() { $('#info').toggleClass('open'); }); 動かない で、実際に動かしてみると、アニメーションしない……。 おかしいなと思って、試しに次のように変えてみると、 15px -> 0pxでアニメーション 一気にheight: auto;になる という動作を

背景 ブログのRSSで概要しか出していなかったところを全文出そうとしたら Input is not proper UTF-8, indicate encoding ! みたいに言われた。 おそらくどこかの記事で制御文字が含まれているのでなんとか見つけ出して撲滅したい。 やりかた 検索 git grep -IP '[[:cntrl:]](?<![\n\r\t])' 置換 find . -type f -name '*' | xargs perl -i -pe 's/[[:cntrl:]](?<![\\n\\r\\t])//g' 概要 在宅勤務となり、ほぼすべての会議が zoom となったが、Google Calendar から zoom を開くまでが色々とだるいので楽したい。 これまで Google Calendar を開き 予定の詳細を表示して zoomのURLをクリックすると 新しいタブ

git log --follow -p filename 今までしらなかったのが恥ずかしいんだけど、--followというのをつけると、rename前の履歴も追えるらしい。 renameしやがって！！とか思っててごめんなさい。

やりたいこと google mapでマーカーを複数置いたときに、良い感じにマーカーが全部表示されるようにしたい。こんな感じ。 ためしたこと fitBounds()でできるかなーと思ってやってみると、どうもズームアウトしすぎてしまうらしい。 var position = [ new google.maps.LatLng(35.681391, 139.766103), new google.maps.LatLng(35.000000, 140.000000) ]; var map = new google.maps.Map(document.getElementById("map"), { mapTypeId: google.maps.MapTypeId.ROADMAP }); var bounds = new google.maps.LatLngBounds(); for (var i =

inputにbefore使おうとしてはまったのでメモ。 仕様読めばすぐ解決（できないという意味で）だったんだけど色々試して時間無駄にしてしまった。 12. Replaced content If the computed value of the part of the 'content' property that ends up being used is a single URI, then the element or pseudo-element is a replaced element. The box model defines different rules for the layout of replaced elements than normal elements. Replaced elements do not have '::before' and '::af

かなり特殊な事例だと思いますが、 月ごとのログデータは膨大なので本番環境には過去数ヶ月しか残さない 削除したデータは念のためmysqldumpしておく 月ごとのデータのサマリテーブルが欲しくなったので作った 過去のデータのサマリもサマリテーブルに突っ込みたい というようなときの話。 サマリテーブルが何も作られていない場合 はすごい単純で、別の環境にdumpしたファイルを突っ込んでそこでサマリテーブルを作ったあと、 mysqldump -uroot -p database summary_table > summary_table.sql して、本番環境で cat summary_table.sql | mysql -uroot -p database とかすれば良いわけですが、 既にサマリテーブルが作られている場合 は、上のやり方だと、テーブルがdrop&createされてしまうので、困り

ちょっと前に友人と話していたのですが、 list-styleで（）付きの数字をつける方法。 動作確認はあまりしていないですが、最近のは大体大丈夫なはずです。IE7はダメです。 <!DOCTYPE html> <html> <head> <style> ol li{ list-style-type:none; list-style-position:inside; counter-increment: cnt; } ol li:before{ display: marker; content: "(" counter(cnt) ")"; } </style> </head> <body> <ol> <li>test</li> <li>test</li> <li>test</li> </ol> </body> </html> li以外でもこんな感じに使えます。 h2 { counter-inc

ログテーブルのようなすごい巨大なテーブルがあって、古いログはいらないから削除したい、でも万が一のときにデータはどこかに取っておきたいというときは、 --complete-insert カラム名を含んだ、完全なINSERTステートメントを使用 --no-create-info ダンプされたテーブルを再作成するCREATE TABLEステートメントを書かない --where WHERE状態に選択された行のみダンプ このあたりをオプションに含めて置くとよいのかなーと思った。 # mysqldump -u$user -p \ > --default-character-set=utf8 \ > --complete-insert \ > --no-create-info \ > --where="created_at>='2012-04-01 00:00:00' and created_at<'2

スマホで :hover を使うと、タップを話した後も色が変わったままだったりしてしまうので、class名をあてて擬似的にhoverを実装する必要があるようだ。 jQueryを使う場合 $( 'a' ).bind('touchstart', function(){ $(this).addClass( 'hover' ); }).bind('touchend', function(){ $(this).removeClass( 'hover' ); }); jQueryを使わない場合 var pseudoHover = function() { var elm = document.getElementsByTagName('a'); for(var i = 0, l = elm.length; i < l; i++) { elm[i].addEventListener('touchstart

thread_concurrency doesn’t do what you expect - MySQL Performance Blog Don’t try it. The problems with thread_concurrency are two: 1- It’s deprecated and removed on 5.6.1 http://bugs.mysql.com/bug.php?id=55001 2- It only works on old Solaris versions < 9 thread_concurrencyは同時スレッド数を設定するオプションで、たとえばOS waitsなんかが多いときに調整してやると良い感じになるんだけど、Solaris特有のもので、しかも5.6.1から廃止されるのでチューニングする必要ないよという内容らしい。 ちなみに、innoDBには

iOS6のSafariのデフォルトフォントが明朝になってるっぽくて、font-family設定していないサイトがアレな感じになってしまったので直してみた。 スマホ専用のサイトです。 font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif'; 特に難しいことはしてないですがこんな意味。 安定のHelveticaに代替のArialを指定してあげて iPhone用の設定 NつけなくてもN付きに変換してくれますが一応 Android用の設定 モリサワ 新ゴ Mは悩んだけどちょっと太すぎな気が 検証のwindows用の設定 それっぽく見えるようにメイリオ指定してあげる chromeとかでサクッと確認するときに文字