結論 結論を先に書いておくと、当面は、 ページの拡大を止めないとき <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> ページの拡大を止めるとき <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" /> と書いていこうと思います。 viewportと…</meta></meta>

長い人生において、いいねボタンやツイートボタンの初期化のタイミングを自在に操りたいと思うタイミングが1度や2度位あるかもしれませんし無いかもしれません。 今回はそんな時のために初期化の方法をメモしておきたいと思います。 ツイートボタンの初期化 …

kimizuka.hatenablog.com先日 いいねボタン押下時にコールバックイベントを設定する方法 を知ったので、それを活かして常に切り番のいいねボタンをつくってみました。http://kiri-iine.kimizuka.fmkiri-iine.kimizuka.fm制作自体には時間はかからなかったの…

（のちにキャッチーでポップな気の利いた文章に差し替える）いつまで経ってもキャッチーでポップな気の利いた文章が思いつかなかったので、このまま公開します。Twitterに関する実装あれこれです。 実は 公式ドキュメント に詳しく載っているので気になる方…

kimizuka.hatenablog.com先日iPhoneを出荷時の状態に戻さざるえない状況に追い込まれた わけですが、その後3週間で2回初期化せざる得なくなる事態がたて続けに起こりました。 そこから得たもの・失ったものをまとめようと思います。 失ったもの 昨今クラウド…

CSSアニメーションにて displayにtransitionを設定することができないため、display: none; から display: block; にするようなアニメーションを実現するときに困っていたのですが、visibilityにすれば解決するという画期的（？）な解決策を教えてもらいまし…

プライベートブラウズになっている Safariには履歴を残さないモード（プライベートブラウズ）という機能が備わっており、プライベートブラウズモードの状態でlocalStrageに書き込みを行おうとするとエラーを吐きます。 有名ドコロだと、少年ジャンプ＋にアッ…

Arduinoのrandom関数をつかえば、 random(min, max); // => min から max - 1 の範囲で乱数を生成という感じで、乱数を発生させることができます。 が、乱数列の任意の点から順番に値を取り出すという仕様上、何回スケッチしても同じ値がでてくることがあり…

iOS9.3のiPhone6、Android6.0のNexus 5Xをつかってスマートフォンブラウザのリサイズイベントのタイミングを調べました。 リサイズイベント発火タイミング デバイス回転時 デバイスのオリエンテーションを変化させるとブラウザの理財図イベントが発火します…

初期表示時にがたついたり、initial-scaleがうまく効いてない感じのとき、 <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1" /> を、 <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" /> という感じにすると治ることがあるようです。ページ内に巨大なDOMがあった際、shrink-to-fitを設定していないと、巨大なDOMが入り…</meta></meta>

FileReader の readAsArrayBuffer を引数にとって DataView のインスタンスをつくると、バイナリデータを解析するためのインスタンスをつくれることを知りました。 JPG、PNG、GIFはバイナリデータの先頭の文字列が決まっているようなので、アップされたファ…

ひょんなことから Apple の Safari HTML Reference を読んでみて知りました。developer.apple.comimage要素のシンタックスのところに、 <img src="img.jpg" srcset="img_HD.jpg 2x, img_sm.jpg 100w, img_smHD.jpg 100w 2x"> と書いてあって、srcset属性ってなんだろうと調べ始めたのがきっかけです。 srcset属性とは imageタグに複数のソースを…

kimizuka.hatenablog.comTwitterウィジェットを制作する際に、width、heightを渡せばその大きさになるのですが、限界もある模様です。https://dev.twitter.com/ja/web/embedded-timelines/parametersdev.twitter.com width 180px 〜 520pxiframeのmin-width…

DNSを設定 DNSレコード設定 完了通知 を待つ しばらく待つ（しばらくは独自じゃない方のURLリダイレクトされる模様） 基本的にはこれだけでOKです。順をおって説明していきます。 詳しくは こちら に書いてありますが、お名前.comのDNS設定だけ詳細を記して…

途中若干のブランクはありますが、社会人になってから10年が過ぎました。 はじめは会う人会う人に人見知り、会社に行くのが緊張してたまりませんでした。しかし、人は環境に順応する生き物です。 毎日毎日出勤すると、いつしかその緊張はなくなっていき、い…