2014-05-01から1ヶ月間の記事一覧
今月インストールしてみたアプリをまとめてみます。 キャンディークラッシュ めちゃくちゃ有名なアプリですね。 やたら広告がでてたんで試しにインストールしてみました。 大味なアイコンとは裏腹にアプリのデザインは非常に綺麗でしたし、演出も良いですね…
ちょいと気が早いですが今月のアマゾンでの買い物履歴です。 アラビックヤマト 会社の同僚のやまとくんへのプレゼントとして購入しました。でかいです。詰替え用です。 涙がちょちょぎれるぐらい喜んでくれたようなので、良い買い物だったということにしてお…
みんなの「ありがとう」をたくさん集めて世界をちょっとだけ幸せにするサービス、THANKS 。そんなTHANKSが提供するありがとうボタンを設置してみます。 基本的にはhtmlに、 <script type="text/javascript" src="http://thanks.kayac.com/api.php/button/builder.js"></script> と書くだけで設置できます。色々設定したい人は こちらのページ にオプションが載…
背景画像の読み込みに失敗した際のデフォルト画像を設定したくて背景画像を複数設定してみました。 読み込みに成功した際も、裏に表示されてしまうので透過画像とかにはつかえません。 また、ブラウザを選びます。(背景画像を複数指定できないブラウザでは…
比較演算子で評価すると、自動的にNumber型にキャストしてから評価してくれます。 // "10" を 10 にキャストするので10回ループがまわる for (var i = 0; i < "10"; i++) { document.write(i); } // true を 1 にキャストするので1回ループがまわる for (var…
ちょいと違和感があるような気もしますが、ぼよーんぼよーんとバウンドさせてみました。 easeOutSineとeaseInSineをつないで放物線的な動きをつくり、 ボールの変形とmarginの調整を同時に行うことでぼよーん感を演出しようとしています。 (function(win, do…
どうやらmetaタグではなく、CSSで設定するようです。 @-ms-viewport { width: device-width; } 詳しくは http://msdn.microsoft.com/ja-jp/library/ie/hh708740(v=vs.85).aspx に書いてあります。
Google Search Console をつかうのが良いですが、URLを送信するだけで手っ取り早く登録したい場合は、 https://www.google.com/webmasters/tools/submit-url をつかっても良いかもしれません。※ 要Googleアカウント
こちらの記事 で紹介した過去につくっていたプロダクトですが、過去のSNSアカウントを整理していたらアーカイブ映像がわんさかでてきました。 車の中のイメージ すごくよく映ってます。 名刺の組み立て方 映りがいまいちです。無音なのも寂しいですね。 ダン…
jQueryで動的につくったテキストをティッカーのようにスクロールさせたくて事前にテキストノードの幅を知りたいと思ったので、一旦こんな感じでつくってみました。ダミーの要素をつくって、一瞬bodyに貼り付け幅をはかっています。 function getWidth($txt) …
タッチデバイスがはびこる昨今。SafariやChomeは、 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> や <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 等のmetaメタタグでピンチによるズームをOFFにすることが多いと思います。しかし、WindowsタブレットのIE10, IE11ではこれではOFFになりません。 IEで拡大をOFF…</meta></meta>
以前、 metaタグをつかって検索結果に表示されなくなる方法 について記事を書きましたが、今回はルートディレクトリにファイルをアップすることでクローラにお帰り頂く技を紹介します。 アップするファイル User-Agent: * Disallow: /こちらのファイルを rob…
例えば、こんな連想配列の配列があったときの話です。 var marines = [ {no:61, name: "角中", ave: 0.274, game:43}, {no:7, name: "鈴木", ave: 0.262, game:43}, {no:6, name: "井口", ave: 0.243, game:39}, {no:47, name: "クルーズ", ave: 0.248, game…
( )
アップル公式 News - Apple Developerこちらのサイト の右カラムにおおよその目安が記載されております。 外部サービス App Store Review Times for iOS - Approval Time for Appsこちらのサイト ではユーザー投稿の平均値が確認できます。 僕の7日前に申請…
寿司屋で急にインディアンポーカーがやりたくなったのでつくってみました。 iPhoneだけで簡単なWEBアプリがつくれてしまう jsdo.it 。ごいすーですね。 ※ スマフォからだとえらいことコードが打ちにくいですが。 つかいかた スマフォで http://jsrun.it/kimm…
今更ながらmarqueeタグの便利さに気づきました。タグで囲むだけでテキストをスクロールさせることができるなんてごいすーですね。スマートフォンでも動作するし、お手軽です。※ marqueeタグはHTML5で廃止される予定です。
軽量MVVMライブラリとして名高いVue.js。 試しにつかってみました。 <div id="demo" class="balloon" v-on="click: say">{{msg}}</div> (function(win, doc, Vue) { "use strict"; var vm = new Vue({ el: "#demo", data: { msg: "じぇ!" }, methods: { say: function() { alert(this.msg); } } }); // 1秒後にテキ…
https://itunes.apple.com/jp/app/purikon-kawaiipuri-fengdeko/id668502800?mt=8&uo=4&at=10l16903プリコンを使うと、好きな写真を簡単にアイコンにしてホーム画面に置いておくことができます。 アイコンをジョジョみたいにしてみたり。 ラピュタみたいにし…
かれこれ6年前ぐらいのできごとですが、当時の僕は車の中で鑑賞するコンテンツの制作を目指していました。 kimizuka.fmその名もサプライズ・ウィンドウ。 子供の頃、車の中で考えていたことの具現化を試みた一品です。 車窓から見える景色をステージとしたア…
よく このサイト をつかわせていただいております。 画像をつくる <img src="http://fakeimg.pl/250/" /> URLに1辺の長さを渡すと正方形がつくれます。 <img src="http://fakeimg.pl/300x250/" /> URLに横幅x縦幅と渡すと長方形がつくれます。 色を指定する <img src="http://fakeimg.pl/250/2c7aca/" /> URLにカラーコードをつけると色を指定できます。 <img src="http://fakeimg.pl/250/2c7aca/0a2f54/" /> もう一個カラーコードをつける…
2010年にDeveloper登録してから、はや4年。 先日、ようやく1本目のアプリをリリースすることができました。https://itunes.apple.com/jp/app/zushihokkinorifutingu/id853099497?mt=8&at=10l16903このアプリをリリースするまでに、 実に5本のアプリがリジェ…
例えば、マリーンズのオフィシャルサイトを普通にシェアすると、OGP画像はマリーンズのロゴになります。しかし、下記の福浦シェアボタンをつかえば、、、てってれー。OGP画像を福浦の画像にしてオフィシャルサイトをシェアすることができます。 個人的にはミ…
HTML5とJavaScriptでもアプリがつくれるということで取り組んでみました。 用意したもの Windows8.1のはいったPC Microsoft アカウント Visual Studio Express 2013 for Windows 作業メモ アカウント編 Microsoftアカウントは http://msdn.microsoft.com/ja-…
canvasの習作として画像の二階調化に挑戦してみました。 元画像 加工後 (function(win, doc) { "use strict"; var $body = doc.body, $img = new Image, $canvas = doc.createElement("canvas"), ctx = $canvas.getContext("2d"), imgData, data; var WIDTH …
英単語だったら、 word-break: break-all; をつかいましょう。
3年前にリジェクトされたアプリをWEBアプリでリメイクしてみました。 画面をタップする iPhoneを下向きに構える 素早く上向きにする の3ステップでイエローカードがだせます。 http://jsrun.it/kimmy/yellow/
<meta name="viewport" content="minimal-ui" /> と記述するだけで、ツールバーが非表示となり、UIが最小限になります。 ただし、初期表示が非表示になっているだけなのでステータスバーをタップするとツールバーが表示されます。</meta>
今更ですが、アジアンカンフージェネレーションがローリングストーンという曲をYouTubeにアップしていたことに気づいたのでつくってみました。ローディング・ストーンズ とか ライク・ア・ローディング・ストーン の横展開というか手抜き記事です。
Amazonでの買い物履歴に続いて、先月試してみたアプリも公開してみようと思います。 HummingWay - GPS連動ミュージックプレイヤー 発想が良いと思いました。 僕は決まったジョギングコースを走っているので、ラスト1kmのところでラストスパート感のあるBGM(…