しるてく

技術的な話をします

Google Maps JavaScript API V3のfitBounds()が全然フィットしてくれない件

やりたいこと google mapでマーカーを複数置いたときに、良い感じにマーカーが全部表示されるようにしたい。こんな感じ。 ためしたこと fitBounds()でできるかなーと思ってやってみると、どうもズームアウトしすぎてしまうらしい。 var position = [ new goo…

imgとかinputなどの置換要素にはbefore, afterは使えないよ

css

inputにbefore使おうとしてはまったのでメモ。 仕様読めばすぐ解決(できないという意味で)だったんだけど色々試して時間無駄にしてしまった。 12. Replaced contentIf the computed value of the part of the 'content' property that ends up being used …

font-familyを設定しないとiOS6で明朝になってしまう

css

iOS6のSafariのデフォルトフォントが明朝になってるっぽくて、font-family設定していないサイトがアレな感じになってしまったので直してみた。 スマホ専用のサイトです。 font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W…

perlでCSS Spriteしてくれる君書いた

あるディレクトリ以下にある画像を縦に連結して、cssも書いてくれます。 あと、特定のページで使っている画像だけくっつけるとかやりたかったので、画像名を配列で渡してあげると、その画像だけで連結してくれます。 テンプレートの中身をgrepするとか、find…

aタグを子に持つdivとかをリンカブルにしたい

スマートフォンでリンクがクリックしづらい問題がある。 <div><a href="#">hoge</a></div> とかなら a { display: block; } と書くだけでお気軽にクリック領域を広げられるのですが、 <div>ほげほげー。詳しくは<a href="#">こちら</a>でみてね。ほげほげー</div> みたいなのだと上のやり方は通用しないので、divを…

スマホで擬似的にhoverを実装する

スマホで :hover を使うと、タップを話した後も色が変わったままだったりしてしまうので、class名をあてて擬似的にhoverを実装する必要があるようだ。 jQueryを使う場合 $( 'a' ).bind('touchstart', function(){ $(this).addClass( 'hover' ); }).bind('tou…

group byしてcountした結果でgroup byしたいとき

たとえばガチャとかで、10種類のアイテムがあって、一番コンプしている人は誰だろう、みたいなことを調べる時は、 SELECT user_id, count(*) AS item_count FROM user_gacha GROUP BY user_id ORDER BY item_count LIMIT 1; とかしてあげればいいのですが、…

primary key以外のデータをdumpして他のサーバに突っ込んだりしたい

かなり特殊な事例だと思いますが、 月ごとのログデータは膨大なので本番環境には過去数ヶ月しか残さない 削除したデータは念のためmysqldumpしておく 月ごとのデータのサマリテーブルが欲しくなったので作った 過去のデータのサマリもサマリテーブルに突っ込…

firefoxのバージョンアップで互換性がないと言われたアドオンをむりやり動かす方法

自己責任で。 ロケーションバーに「about:config」と入力 「extensions.checkCompatibility.」でフィルタをかける 「extensions.checkCompatibility.ver*1」があれば、値を「false」にする なければ、右クリックから「新規作成」→「真偽値」で、設定名「exte…

iPhoneでリンクをクリックしたときに灰色ハイライトがつくのをやめたい

css

あれはクリックしたことが分かって嬉しいことも多いんだけど、ださいときもあるのでハイライトさせたくないときはこんなのを書くと良い。 a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

thread_concurrencyはもう気にしなくて良いらしい

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.1http://bugs.mysql.com/bug.php?id=550012- It only works on old Solaris …

list-styleで括弧付の数字を振りたいとき

css

ちょっと前に友人と話していたのですが、 list-styleで()付きの数字をつける方法。 動作確認はあまりしていないですが、最近のは大体大丈夫なはずです。IE7はダメです。 <html> <head> <style> ol li{ list-style-type:none; list-style-position:inside; counter-increment:</style></head></html>…

パーティションごとにmysqldumpする

ログテーブルのようなすごい巨大なテーブルがあって、古いログはいらないから削除したい、でも万が一のときにデータはどこかに取っておきたいというときは、 --complete-insert カラム名を含んだ、完全なINSERTステートメントを使用 --no-create-info ダンプ…