ユージック http://www.u-ziq.com/blog/ スマートフォンサイト・Facebookを中心としたWEB関連、マーケティング関連の情報を取り上げています。 ja Copyright 2012 Wed, 23 May 2012 11:52:07 +0900 http://www.sixapart.com/movabletype/?v=5.12 http://blogs.law.harvard.edu/tech/rss devicePixelRatioの値によってimgタグのファイル名を書き換えるjQueryスニペット <p> CSSの背景画像はMedia Queryで分岐する事ができますが、HTMLに直接記述するimgタグでもdevicePixelRatioの値によって書き換わるjQueryスニペットです。</p> <p><a href="http://feedads.g.doubleclick.net/~a/5F4pbbgaTc1gpS4qSOWAvt99LzM/0/da"><img src="http://feedads.g.doubleclick.net/~a/5F4pbbgaTc1gpS4qSOWAvt99LzM/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/5F4pbbgaTc1gpS4qSOWAvt99LzM/1/da"><img src="http://feedads.g.doubleclick.net/~a/5F4pbbgaTc1gpS4qSOWAvt99LzM/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2012/05/devicepixelratioimgjquery.html http://www.u-ziq.com/blog/2012/05/devicepixelratioimgjquery.html JavaScript Wed, 23 May 2012 11:52:07 +0900 Facebookアプリの各種設定の覚書 <p> 以前作ったカスタムタブのサンプルのFacebookアプリの設定をのぞいたら色々変わっていたのでブログにも覚書を投稿しておく。</p> <p><a href="http://feedads.g.doubleclick.net/~a/tYkJ1ZbsqZno4LTCL5EvQzWIBJc/0/da"><img src="http://feedads.g.doubleclick.net/~a/tYkJ1ZbsqZno4LTCL5EvQzWIBJc/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/tYkJ1ZbsqZno4LTCL5EvQzWIBJc/1/da"><img src="http://feedads.g.doubleclick.net/~a/tYkJ1ZbsqZno4LTCL5EvQzWIBJc/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2012/04/facebook_3.html http://www.u-ziq.com/blog/2012/04/facebook_3.html Facebook Wed, 18 Apr 2012 20:03:23 +0900 jQuery Mobileの初期値設定オプションの設定 <p> jQuery Mobileでは、jQuery MobileのJSの手前に初期値設定オプション用のJSを読み込むことで初期設定を変更することができます。</p> <p><a href="http://feedads.g.doubleclick.net/~a/pgHCfQ5kYYn6AUd2DIB-x2zYEBE/0/da"><img src="http://feedads.g.doubleclick.net/~a/pgHCfQ5kYYn6AUd2DIB-x2zYEBE/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/pgHCfQ5kYYn6AUd2DIB-x2zYEBE/1/da"><img src="http://feedads.g.doubleclick.net/~a/pgHCfQ5kYYn6AUd2DIB-x2zYEBE/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/09/jquery_mobile_1.html http://www.u-ziq.com/blog/2011/09/jquery_mobile_1.html JavaScript Wed, 07 Sep 2011 11:52:03 +0900 スマートフォンで解像度ごとに最適な画像サイズにするdevicePixelRatioの設定 <p> スマートフォンでは機種によって解像度がことなるのは周知のとおり。<br /> 100px&times;100pxの画像をiphone3で表示すると100px&times;100pxで表示されるが、iPhone4では解像度が2倍なので50px&times;50pxになってしまいます。</p> <p><a href="http://feedads.g.doubleclick.net/~a/1tGbVvt_AToiVFl6fspmIxh705Q/0/da"><img src="http://feedads.g.doubleclick.net/~a/1tGbVvt_AToiVFl6fspmIxh705Q/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/1tGbVvt_AToiVFl6fspmIxh705Q/1/da"><img src="http://feedads.g.doubleclick.net/~a/1tGbVvt_AToiVFl6fspmIxh705Q/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/08/devicepixelratio.html http://www.u-ziq.com/blog/2011/08/devicepixelratio.html CSS Wed, 31 Aug 2011 19:17:46 +0900 jQueryでフォームのinputにfocusを実装するコード <p> jQueryなしではWEB制作をするのが窮屈になってきた今日この頃です。<br /> IE7.6など:focus擬似クラスが使えないブラウザ用にjQueryでフォームのinputにfocusを実装するコードを書いたので覚書として書いておきます。</p> <p><a href="http://feedads.g.doubleclick.net/~a/7_lQMOo2I_SXIwcrwxXedrseMv4/0/da"><img src="http://feedads.g.doubleclick.net/~a/7_lQMOo2I_SXIwcrwxXedrseMv4/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/7_lQMOo2I_SXIwcrwxXedrseMv4/1/da"><img src="http://feedads.g.doubleclick.net/~a/7_lQMOo2I_SXIwcrwxXedrseMv4/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/08/jqueryinputfocus.html http://www.u-ziq.com/blog/2011/08/jqueryinputfocus.html JavaScript Mon, 15 Aug 2011 18:14:59 +0900 国産のFコマース用Facebookアプリ <p> オープンソースやASPタイプのECシステムのデータをFacebookページに読み込むための国産のFコマース用Facebookアプリをご紹介します。</p> <p><a href="http://feedads.g.doubleclick.net/~a/f_9e3Ci961-GQVVNBXpVX-kbjpE/0/da"><img src="http://feedads.g.doubleclick.net/~a/f_9e3Ci961-GQVVNBXpVX-kbjpE/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/f_9e3Ci961-GQVVNBXpVX-kbjpE/1/da"><img src="http://feedads.g.doubleclick.net/~a/f_9e3Ci961-GQVVNBXpVX-kbjpE/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/07/ffacebook.html http://www.u-ziq.com/blog/2011/07/ffacebook.html Facebook Mon, 11 Jul 2011 16:50:03 +0900 Facebookマーケティングのまとめ <p> 自分でリサーチした情報や、セミナーなどを通して得た情報を元にFacebookを活用してのマーケティング手法などをまとめてみたいと思います。</p> <p><a href="http://feedads.g.doubleclick.net/~a/gfJ0BRILK0WcbVhgOL_w2mOWtFA/0/da"><img src="http://feedads.g.doubleclick.net/~a/gfJ0BRILK0WcbVhgOL_w2mOWtFA/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/gfJ0BRILK0WcbVhgOL_w2mOWtFA/1/da"><img src="http://feedads.g.doubleclick.net/~a/gfJ0BRILK0WcbVhgOL_w2mOWtFA/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/05/facebook_2.html http://www.u-ziq.com/blog/2011/05/facebook_2.html Facebook Fri, 27 May 2011 14:12:09 +0900 Facebookページのスクロールバーを消す方法の改良版 <p> <span style="color: rgb(255, 0, 0);">※jQueryのやり方ではなくFB.Canvas.setAutoResize();の方法がよりスマートです。</span></p> <p> 以前書いた記事<a href="http://www.u-ziq.com/blog/2011/05/facebook.html">Facebookページ作成についての覚書</a>にてJavascriptSDKを使ってiframeのページの高さを調整してスクロールバーを消すやり方のページの方法をご紹介しましたが、コンテンツの内容が変わるたびに高さの設定をしないといけないので、ページの高さを自動で取得して代入するやり方を考えてみました。</p> <p><a href="http://feedads.g.doubleclick.net/~a/7Tb9647thh0OM_xe1F6lrSg3aKw/0/da"><img src="http://feedads.g.doubleclick.net/~a/7Tb9647thh0OM_xe1F6lrSg3aKw/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/7Tb9647thh0OM_xe1F6lrSg3aKw/1/da"><img src="http://feedads.g.doubleclick.net/~a/7Tb9647thh0OM_xe1F6lrSg3aKw/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/05/facebookjquery.html http://www.u-ziq.com/blog/2011/05/facebookjquery.html Facebook Tue, 17 May 2011 16:18:35 +0900 Facebookページを代理で作成する場合のアカウントについて <p>Facebookページを作成する場合、個人アカウント、もしくはビジネスアカウント（厳密にはこちらも個人となるようです。）で作成することになります。</p> <p>個人情報保護の問題やビジネスとプライベートの干渉の問題など受託や代行で行う際のアカウントについて色々考えさせられました。</p> <p><a href="http://feedads.g.doubleclick.net/~a/z4ZIuH9J792C4TuO1IbvxSRKxCo/0/da"><img src="http://feedads.g.doubleclick.net/~a/z4ZIuH9J792C4TuO1IbvxSRKxCo/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/z4ZIuH9J792C4TuO1IbvxSRKxCo/1/da"><img src="http://feedads.g.doubleclick.net/~a/z4ZIuH9J792C4TuO1IbvxSRKxCo/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/05/facebook_1.html http://www.u-ziq.com/blog/2011/05/facebook_1.html Facebook Mon, 16 May 2011 18:22:03 +0900 Facebookページ作成についての覚書 <p> マイアプリでiframeを組み込むタイプのFacebookページ作成手順を覚書として書いてみます。</p> <p><a href="http://feedads.g.doubleclick.net/~a/AJZ2cfPXRxdj2bhvMtTvvWFglfY/0/da"><img src="http://feedads.g.doubleclick.net/~a/AJZ2cfPXRxdj2bhvMtTvvWFglfY/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/AJZ2cfPXRxdj2bhvMtTvvWFglfY/1/da"><img src="http://feedads.g.doubleclick.net/~a/AJZ2cfPXRxdj2bhvMtTvvWFglfY/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/05/facebook.html http://www.u-ziq.com/blog/2011/05/facebook.html PHP Fri, 13 May 2011 18:27:56 +0900 静止画より動画のほうが伝わりやすいWEBデザイン <p> 最近、動画をFLASHに組み込んだWEBサイトをちょくちょく見て、デザインとしての伝え方が良いなと思ったのでご紹介します。</p> <p><a href="http://feedads.g.doubleclick.net/~a/QJGuuXkRH06E3zu0kTqLVeLGw5c/0/da"><img src="http://feedads.g.doubleclick.net/~a/QJGuuXkRH06E3zu0kTqLVeLGw5c/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/QJGuuXkRH06E3zu0kTqLVeLGw5c/1/da"><img src="http://feedads.g.doubleclick.net/~a/QJGuuXkRH06E3zu0kTqLVeLGw5c/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/04/web_18.html http://www.u-ziq.com/blog/2011/04/web_18.html WEBデザイン Sat, 30 Apr 2011 16:18:35 +0900 FacebookのOGPをMTに設定する方法 <p> <img alt="mtogp.gif" class="mt-image-none" height="200" src="http://www.u-ziq.com/blog/img/mtogp.gif" style="" width="540" /></p> <p> FacebookのOGPをMTに設定する方法をご紹介します。</p> <p><a href="http://feedads.g.doubleclick.net/~a/ohC4ekcsbFbpL5Lq_5STU0PnbXg/0/da"><img src="http://feedads.g.doubleclick.net/~a/ohC4ekcsbFbpL5Lq_5STU0PnbXg/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/ohC4ekcsbFbpL5Lq_5STU0PnbXg/1/da"><img src="http://feedads.g.doubleclick.net/~a/ohC4ekcsbFbpL5Lq_5STU0PnbXg/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/04/facebookogpmt.html http://www.u-ziq.com/blog/2011/04/facebookogpmt.html Movable Type Thu, 28 Apr 2011 19:11:53 +0900 EC-CUBE2.11.0で商品情報の項目を増やす方法 <p> EC-CUBE2.11.0で商品情報の項目を増やす方法をご紹介します。</p> <p><a href="http://feedads.g.doubleclick.net/~a/zmCvIR4KWGSelBQSr8DHLLPdzvQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/zmCvIR4KWGSelBQSr8DHLLPdzvQ/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/zmCvIR4KWGSelBQSr8DHLLPdzvQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/zmCvIR4KWGSelBQSr8DHLLPdzvQ/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/03/ec-cube2110_1.html http://www.u-ziq.com/blog/2011/03/ec-cube2110_1.html EC-CUBE Sat, 26 Mar 2011 13:42:07 +0900 EC-CUBE2.11.0でサブコメント関連の数を増やす方法 <p> つい先日バージョンアップしたEC-CUBE2.11.0でサブコメント関連の数を増やす方法を紹介します。</p> <p><a href="http://feedads.g.doubleclick.net/~a/ZRDtIYWFbwePOzm5IfmJMmCYIzk/0/da"><img src="http://feedads.g.doubleclick.net/~a/ZRDtIYWFbwePOzm5IfmJMmCYIzk/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/ZRDtIYWFbwePOzm5IfmJMmCYIzk/1/da"><img src="http://feedads.g.doubleclick.net/~a/ZRDtIYWFbwePOzm5IfmJMmCYIzk/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/03/ec-cube2110.html http://www.u-ziq.com/blog/2011/03/ec-cube2110.html EC-CUBE Sat, 26 Mar 2011 13:27:25 +0900 スマートフォン向けサイトの作り方 <p> iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。</p> <p><a href="http://feedads.g.doubleclick.net/~a/AFxv6FXr8NzUqU0n3tXD9u1s7A8/0/da"><img src="http://feedads.g.doubleclick.net/~a/AFxv6FXr8NzUqU0n3tXD9u1s7A8/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/AFxv6FXr8NzUqU0n3tXD9u1s7A8/1/da"><img src="http://feedads.g.doubleclick.net/~a/AFxv6FXr8NzUqU0n3tXD9u1s7A8/1/di" border="0" ismap="true"></img></a></p> http://www.u-ziq.com/blog/2011/01/post_61.html http://www.u-ziq.com/blog/2011/01/post_61.html スマートフォン Sat, 22 Jan 2011 14:18:26 +0900