みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

2016-03-01から1ヶ月間の記事一覧

FirefoxのObject.prototype.watch()にはまりました。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/watchdeveloper.mozilla.org本日はまりました。 ものすごく端的に書くと、 var obj = {}; if (!obj.watch) { // FF以外はfalseになる obj.watch = []; } else { obj.…

text-strokeをアニメーションさせる

DEMO See the Pen TOMATO #1 by kimmy (@kimmy) on CodePen. HTML <p id="txt">冷やしトマト</p> CSS @charset "UTF-8"; #txt { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 800px; height: 80px; color: #000; font: 80px helvetica, …

IE10ではmain要素がblock要素にならない

CSS

あんまりmain要素をつかうことがなかったので知りませんでしたが、先日教えてもらいました。 IE10ではmain要素がblock要素として扱われないため、 main { display: block; } という感じで書いておく必要があるとのことです。困りますね。 DEMO main要素 disp…

Tumblrに独自ドメインを設定する(お名前.com 編)

https://www.tumblr.com/docs/ja/blog_managementwww.tumblr.comこちらを読めばすべてがまとまっています。 やるべきこと 2つのレベルがある場合 (mywebsite.comなど) ドメインのAレコード(IPアドレス)を66.6.44.4に指定してください。 3つ以上のレベルが…

個人的イヤホン・ヘッドホンおすすめランキング

普段良く音楽を聴くといってもiPhoneでJ-POPを聴くぐらいなんですが、いままでつかってきたイヤホンをおすすめ順に紹介します。 個人の主観がかなり入ってます。 1位 ATH-CKM99EP audio-technica インナーイヤーヘッドホン(簡易梱包版) ATH-CKM99EPAudio Tec…

IE10のselect要素のfocusにbackground-colorを設定するとが2回クリックしないと開かなくなる

CSS

マークアップをしていると、Android、IEの不思議な挙動を見つけることが多々あります。 こういったバグを見つけることを昆虫採集と呼んで日々ポジティブにデバッグをしているのですが、ひさしぶりにレアな昆虫(バグ)を見つけたのでテンション高くまとめて…

和菓子の値段を考える

例えば、今巷で売られている高級な和菓子が低価格になったとしても、ポテトチップスみたいに毎日売れるお菓子にはならないと思うんですよね。 高級な和菓子を欲する機会といえば、お土産とか、謝罪の時とか、賄賂を渡す時とか、来客時とか、普段よりもちょっ…

iPhoneを起動しても繰り返しアップルマークが表示されるだけで一向に起動しなくなったから泣く泣く出荷時の状態に戻しました。

iOS

iPhoneを起動しても繰り返しアップルマークが表示されるだけで一向に起動しなくなってしまいました。スリープボタン + ホームボタン 同時押しも効かず、どうしたもんかと思ったのですが。 ライトニングケーブルでiTunesの入ったPCに接続した状態でスリープボ…

いいねボタンにコールバックを設定して、いいねした時・取り消したときの処理をハンドリングする

Facebookのいいねボタンに対してコールバックを設定したかったので調査してみると、意外と簡単にコールバックを設定できることがわかったので試してみます。 HTML <script> window.fbAsyncInit = function() { FB.init({ appId : "#{アプリID}", xfbml : true, versi…

JavaScriptでカンマ区切りの文字列を配列に変換したり、配列をカンマ区切りの文字列に変換したりする

文字列 => 配列 "0,1,2,3,4".split(","); //=> ["0", "1", "2", "3", "4"] 配列 => 文字列 [0, 1, 2, 3, 4].toString(); // => "0,1,2,3,4" ただしオブジェクトが入っていると、 [{key: 0}, {key: 1}].toString(); // => "[object Object],[object Object]" …

CSSで円のセンターにテキストを配置する

CSS

昔一度投稿した気がしなくもないんですが、見つからなかったので投稿しておきます。 テキストをDOMに対し上下左右中央寄せしたい場合はわりと頻繁に出てきますが、そのDOMが円だった際の対策です。円の外接四角形に対しテキストを上下左右中央寄せすると行数…

テキスト入力可能なアラート、それがプロンプト

developer.mozilla.orgテキスト入力可能な alert 。それが prompt です。 JavaScript var txt = prompt("へへへい。", ""); // promptを表示、ユーザーの入力した文字が変数に入る、第2引数はデフォルトの値 if (txt) { alert(txt); } DEMO

最近カラスは真っ白の曲にはまってます

最近、カラスは真っ白の曲をよく聴いてます。 音楽も良いんですけど、PVがすごく良くて、映像と音が同期することの大切さを感じました。 音楽のことはよくわかりませんがベースライン好きな曲が多いですね。あとタイトル、歌詞のリズムが好きです。 基本的に…

IoT(Internet of Things)ではないけどインターネットとモノをつかったおすすめサービスまとめ

世間ではIoT(Internet of Things)が大流行ですね。 いくつもIoT的なプロダクトをみてきましたが、IoTにはマネタイズモデル的な側面もあるように感じます。モノ(Things)自体は売り切りですが、ウェブサービス(Internet)側で課金していくようなイメージ…

JavaScriptのオブジェクトをJSONに変換する

とにかく将棋に例える森さん に教えていただきました。twitter.comJavaScriptのオブジェクトをJSONに変換したいときは JSON.stringify で実現できるようです。 JSON.stringify({key : 0}); // => "{"key":0}" JSON.stringify([0, 1, 2]); // => "[0,1,2]" 逆…

Upload to App Store... でアプリをアップした際に The resulting API analysis file is too large. というワーニングが表示される

iOS

Xcode7からアプリをアップロードした際に The resulting API analysis file is too large. というワーニングが表示されました。 The resulting API analysis file is too large. 翻訳すると、 得られたAPI解析ファイルが大きすぎます よくわかりませんが、審…

CSSでページの背景をほんのりおしゃれにする方法まとめ(コピペでつかえるよ)

CSS

HTMLで高速でモックをつくってみせるとき、背景が単色だとちょっと見栄えが良くない時ってありますよね。 そんなときにほんのりおしゃれに見える背景のつくりかたをいくつかご紹介しましょう。※ Chromeでしか動作確認してませんこちらのDEMOの背景をCSSだけ…

This application is modifying the autolayout engine from a background thread, which can lead to engine corruption and weird crashes. This will cause an exception in a future release. に負けずにSwiftでHTTPリクエストしてUITextViewのテキストを差し替える

iOS

HTTPリクエストでスコアをゲットしようとした場合です。 Swift let URL = NSURL(string: "{URL}") let request = NSMutableURLRequest(URL: URL!) request.HTTPMethod = "GET" let task = NSURLSession.sharedSession().dataTaskWithRequest(request, comple…