ローディングにgifアニメをつかっていたのですが、リロードした際に最後のフレームしか表示されなくなるという現象にでくわしました。 var loading = doc.getElementById("loading"); loading.style["background-image"] = "url(./img/bg_loading.gif?" + (n…

前回つかったモック にキャプチャー機能をつけてみました。 挙動としてはキャプチャボタンを押した際にcanvasにコピーしているだけです。 JavaScript (function(win, doc, $) { "use strict"; win.app = {}; })(this, document, $); (function(win, doc, $, …

以前つくった イエローカード にさらに改良を加え、画面をタップした際にホイッスルっぽい音を出すことにしてみました。 ソース HTML <style> html, body { margin: 0; padding: 0; height: 100%; } #card { width: 100%; height: 100%; background: -webkit-gradie</style>…

Chrome、Firefox限定です。 JavaScript (function(win, doc, $) { "use strict"; init(); function init() { $(".start").on("click", useCamera).trigger("click"); } function useCamera() { navigator.getUserMedia = (navigator.getUserMedia || navigat…

今月はめっきり梅雨でしたね。そんなこんなで（？）今月のアマゾンでの買い物履歴です。 BALMUDA GreenFan mini 家が暑すぎて扇風機の購入を決意。 どの扇風機を買おうか迷ったのですが記憶の片隅に、ベンチャー企業がどえらい扇風機をつくったという記憶が…

これまではウェブページをFacebookにシェアしてもらう際に、 フィードダイアログ - シェア機能 - ドキュメンテーション - Facebook for Developers を使っていましたが、Deprecated（廃止予定）になってしまったので、シェアダイアログ - シェア機能 - ドキ…

ひょんなことからlocalhostもはてブされていることに気づきました。 そこで今回はlocalhostのはてブ数を調査することによって人気のポート番号を推測してみようと思います。※ http://127.0.0.1/ は別カウントになるようです。 ※ 値はすべて2014年6月24日調査…

すこし早いですが、今月試してみたアプリをまとめます。 Google スプレッドシート, Google ドキュメント とにかく便利です。Google スプレッドシートGoogle LLC仕事効率化無料Google ドキュメント: 同期、編集、共有Google LLC仕事効率化無料 生きろ！マンボ…

Google URL Shortener Google Developers Blog: Transitioning Google URL Shortener to Firebase Dynamic Links手軽に短縮URLを作成できるウェブサービスです。 つくった短縮URLの最後に + を追加すると、短縮URLのクリック数もわかるという便利機能もつい…

先日つくって一部でそれなりに好評いただいた、 jsrun.it と jsrun.it ですが、1つ大きな問題点を抱えていました。そう。それはオンライン環境でないとカードを切れないということです。これは由々しき自体ですね。 オフライン環境でカードを切りたくなるこ…

これまで、いつか調べなければと思いながら、申請が必要という噂を聞いて避け続けてきた Twitter Cards。本日ついに調査を開始してみたところ、 こちらのサイト から簡単に作成できることがわかりました。 ざっくりとした設定手順 カードの種類を選んで、フ…

今までは結合と圧縮ぐらいしか使っていませんでしたが、モダンな開発環境を整えるべく、Gruntファイルを書き換えてみました。buildディレクトリ以下で開発を行い、開発が終了したらdistディテクトリ以下に必要なファイルを書き出すという想定です。 Grunt.js…

千葉ロッテマリーンズのスコアがバッジで確認できるアプリことchibadge（チバッジ） 。 われながらできばえには非常に満足しておりますが、1点だけ不便に思っていることがあります。それはDockに他のアプリを置くスペースがなくなってしまったこと。 そこで…

手順 CLIENT ID を作成する Instagram Developer Documentation でCLIENT IDを作成 下記APIにアクセスする https://api.instagram.com/v1/tags/{TAG_NAME}/media/recent?access_token=&client_id={CLIENT_ID}&count=10※ {TAG_NAME} を検索したいハッシュタグ…

console.log コンソール界におけるスーパースター（？）。定番中の定番です。 こいつがいないとデバッグが始まらないです。いつもお世話になっております。 console.error 基本的にはconsole.logと一緒です。 出力にエラーっぽいアイコンがつきます。 consol…

ワールドカップがもりあがっていますね。以前、 iPhoneを振ってイエローカードを出すページ をつくりましたが、今回はシンプルにアクセスした時点でiPhoneをイエローカードみたいにするページをつくりました。 イエローカード jsrun.it ついでにレッドカード…

swfmill をつかって挑戦してみました。 インストール方法 MacにHomebrewがはいっていれば、ターミナルに、 brew install swfmillと入力すればOKです。 swf → xml 変換 swfmill swf2xml hoge.swf hoge.xmlこれで hoge.swf をもとにした hoge.xml が生成できま…

iPhoneを振っているときと振ってないとき用の関数を渡すと一定時間毎に実行するクラスをつくりました。 現状はインスタンスを返しませんが、のちのちメソッドを実装したいと思っているので new で実行しています。 ソースコード /** * opt_moveFunc // iPhon…

chibadge shiro 以上に申請に手こずった chibadge kuro ですが、本日ついにリリースできました。https://itunes.apple.com/jp/app/chibadge-kuro-marinzuno-shi/id687708321?mt=8&uo=4&at=10l16903これで先日公開した、chibadge shirohttps://itunes.apple.c…

最近、ウィンドウズストアアプリをつくっていて、Windowsタブレットをつかう機会に恵まれまくっているのですが。Windowsタブレットにはタッチした箇所にタッチした感を演出する機種が結構あります。その演出とおんなじような体験の再現を目指してコードを書…

https://itunes.apple.com/jp/app/chibadge-shiro-marinzuno-diangabajjide/id687676749?mt=8&uo=4&at=10l16903昨日リリースした、chibadge shiro - マリーンズの得点がバッジで確認できるアプリ。 本番環境でPUSH通知が来るかどきどきしていましたが、無事…

chibadge（チバッジ）とは chibadge（チバッジ）は千葉ロッテマリーンズのスコアをバッジで伝えてくれる世界一ミニマルな野球速報アプリです。 ※ chibadgeはマリーンズファンが勝手につくった千葉ロッテマリーンズ非公式アプリです。 chibadge (チバッジ) - …

天才バカボンにでてくるレレレのおじさん。常に掃除をしています。「レレレさん、いつもお掃除ご苦労様。」とか、 「レレレさん、いつもありがとうございます。」とか、きっとご近所さんの評判もすこぶる高いことでしょう。 しかし、レレレのおじさんはなぜ…

Googleアナリティクス の、 集客 > キーワード > オーガニック検索 を確認した際に表示される (not provided) これまではなんとなく流してきましたが、改めて調べてみました。 (not provided) とは 直訳直訳すると「提供されていない」。 検索エンジンから検…

はやくIEでもtext-strokeがつかえる時代がくればいいのにな。（このテキストはIEではうっすらとしか見えません）

iPhoneのSafariで開くとChromeのバナーと、Chromeへ招待するボタンが表示されます。 動作原理 URLスキーム mobile Safari の URLバーに、 googlechrome:// と入力すると（Chromeをインストール済みであれば）Chromeを開くことができます。 また、その際に、 …

試しにつくってみました。こちらのサイト をFacebookでシェアし、 iPhoneのFacebookアプリで見てみると、本文が途中までしか表示されず、Safariで開くようにサジェストされます。Safariで開くと、隠れていた部分が徐々に表示されていきます。原理としてはユ…

先日付で公開しようとしていたアプリをうっかりストアにだしてしまう。 こんなことってありますよね。そんなときは落ち着いて、下記の手順でストアから取り下げましょう。 落ち着いて進めるべき手順 落ち着いて iTunes Connect にアクセス 落ち着いて Manage…

ひとことで言えばトリムしたいということです。 IE9以降であれば String.prototype.trim をつかえます。 まあこの程度ならば正規表現でもいいんですが、せっかくの機会なので。ECMAScript 5 compatibility table doc.querySelector('p').innerHTML = doc.que…

text-overflow: ellipsis をつかえばいい感じに省略してくれます。 p { width: 150px; /* 最大幅を設定する */ font-size: 22px; text-overflow: ellipsis; white-space: nowrap; /* これがないと最大幅を超えた部分が折り返される */ overflow: hidden; /* …