スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
スマホ対応の参考に。JavaScriptでウェブページがどのくらい拡大されているのかを取得する方法。
こんにちは。開発担当の林です。 iPhone / iPad のウェブブラウザでページを見ているとき、けっこうな割合でピンチイン・ピンチアウトすると思いますが、それがどのくらい拡大されているのかを取得する方法を書きます。 また、応用でピンチイン・ピンチアウトされても、見た目のサイズを維持するにはどのくらい拡大すれば良いかということにも触れたいと思います。 広告バナーなんかでよく使われてるアレの仕組みです。何かのお役に立てれば幸いです。 ウェブページがどのくらい拡大されているのかを取得する // ページの幅 ÷ 表示されている幅（この行だけでいいかな） var zoomer = document.body.clientWidth / window.innerWidth; // 以下で拡大率を目視できるでしょう alert( zoomer ); // 小数点がたくさんつくので、第二位までに丸め込
ものすごく小さくてスマートフォンから使えるプリンター「Little Printer」
持ち運びも苦にならないほどコンパクトで、インク交換も必要なく、ワイヤレスでスマートフォンからも簡単に利用できるプリンター「Little Printer」が2012年に発売予定となっています。 Little Printer | BERG Cloud http://bergcloud.com/littleprinter/ こちらのムービーを見ると使い方とその利便性がわかるようになっています。 Hello Little Printer, available 2012 by BERG - YouTube 「I'm Little Printer」 顔が出てきました。 にゅーんと印刷中。 ぺりぺり、かなり縦長のレシート風。 ぺたぺた。 このように朝食時にthe guardianを印刷したものをさらっと読めます。 ToDoリストを印刷して財布に挟んでおけば、やらなければいけなかったことを忘れていたという
たった一行のJavaScriptでガラケー向けWebサイトをスマートフォンに最適化·sparrow.js MOONGIFT
sparrow.jsは既存のガラケー向けWebサイトをスマートフォン向けサイトに変換してくれるJavaScriptです。 sparrow.jsを使うと既存のガラケー向けWebサイトをスマートフォン向けサイトに変身させてくれます。それもたった一行のJavaScriptタグを追加するのみです。 ガラケー向けサイトをiPhoneで表示したところです。いわゆる普通の携帯電話向けサイトとしての表示です。テンプレートは「携帯専用無料テンプレート配布中 ： フリースタイル 携帯無料レンタルサーバー」よりお借りしました。 sparrow.jsを適用した表示です。デフォルトではフォントサイズや画像の表示が最適化されるのみとなっています。 sparrow.jsではその他、Viewportの自動挿入、スマートフォン向けのCSS定義、半角仮名を全角に変換、ページ内リンクをアニメーションに、絵文字を絵文字画像に変換
スマートフォン、いつ買いました？ 購入時期・機種でユーザー層に特徴
iPhone 3G/3GSが最初に購入したスマートフォンという「第1世代」は、男性が8割近くで平均年齢は約40歳、スマートフォンの機能を幅広く使いこなす一方、ファッションや外見はあまり重視しない──博報堂DYグループのスマートフォンユーザー調査で、こんな結果が出た。スマートフォンの購入時期で「世代」を3つに分け、それぞれの特徴を分析している。 ネットによるアンケート調査で2月中旬、全国の10～60代 515人に聞いた結果をまとめた。東日本大震災後の4月上旬にも、309人に震災後の利用状況を聞いた。 調査結果では、最初に購入したのがiPhone 3G/3GS（2008年7月～2010年6月ごろ）というユーザーを「第1世代」、iPhone 4（2010年6月ごろ～現在）は「第2世代」、Android端末（2010年10月ごろ～現在）は「第3世代」と分類。それぞれの特徴をまとめた。 第1世代にと
【2ch】ニュー速クオリティ:【神アプリまとめ】Androidのスマホ買ったけど、とりあえずどのアプリ入れべき？
1 名無しさん＠涙目です。(長屋) 2011/04/05(火) 22:07:55.50 ID:FQCHKF1I0 ?PLT(12073) ポイント特典 Android版「EncountMe」が登場――日英韓仏露の5言語に対応 カヤックは4月5日、街中ですれ違った相手のプロフィールが分かるアプリ100+ 件「EncountMe」のAndroid版を配信開始した。価格は無料。 EncountMeは、Twitterアカウントを使ってログインすると、ほかのEncountMeユーザーとすれ違った場所や通知が地図上に表示されるアプリ。ユーザーは好きな食べ物や場所などの情報を登録でき、どんな人といつすれ違ったのかを確認できる。iPhone版は先行配信されており、これまでの“すれ違い”回数は28万回に上るという。 今回配信されるAndroid版では、英語、韓国語、フランス語、ロシア語と日本語以外の言語にも
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 | 株式会社インフィニットループ技術ブログ
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 どうもこんにちは、フレッシュさに定評のない新入社員のtek_kocです。 初めてのお仕事として「Titanium Mobileでアプリを試しにつくってみる」というのを担当していました。 JavaScriptはあまり使ったことがないですし、そもそもMacもほとんど触ったことがなかったので苦戦するかと思いましたが、２週間ほどでとりあえず形になるところまでできました。Titanium Mobileすごいです。 ということで、Titanium Mobileで試しにアプリ開発をしてみた感想を書いてみました。 そもそもTitanium Mobileとは？ Titanium Mobileとは、Appcelerator社によるスマートフォン対応アプリケーションの開発環境です。 iPhoneやiPad、Androidを
iPhoneユーザがGALAXY Sと過ごした７日間をまとめてみました - もとまか日記
去年の年末に、私もAndroidユーザになりました。 GALAXY S購入記念！GALAXY S関連情報をまとめてみました あれから７日間ほど使ってみての感想を、iPhoneユーザ的な視点で書いてみようと思います。単純な比較ではなく、iPhoneユーザがAndroidを使った時にどう感じるのか、的な意味の内容になったと思います。 GALAXY S使用時の前提条件 まず、多くの方とは使用環境が異なるかも？なので、前提条件を明記しておきます。・3Gは使わない。・電話使わない。・iモード使わない。・spモード未契約。 Wi-Fiのみで運用するという、いわゆるiPod touch的な使い方になります。 初日（購入日）は設定と不明点の洗い出し（結果的に） 購入初日。まずはFOMAカードを抜いた。完全Wi-Fi運用とするため、これ大事です。元々こういう、iPod touch的な端末が欲しかったんですが
KDDI、Skypeと提携。「禁断のアプリ」はSkype。IS03などのスマートフォンで利用可能へ
KDDI、Skypeと提携。「禁断のアプリ」はSkype。IS03などのスマートフォンで利用可能へ KDDIがSkypeと提携を結んだことが明らかになっている。日本経済新聞が15日に報じた。今回の提携により、今後発売されるauスマートフォンで専用のSkypeアプリが利用できるようになる。同社がIS03の発表会で予告した「禁断のアプリ」とは、Skypeのことだったようだ。IS03を始め、IS04、IS05、IS06などのAndroidスマートフォンでもSkypeを活用することができるようになる見込み。 両社の提携により、KDDIの携帯電話回線網を利用してSkype通話ができるようになり、au携帯電話端末同士に関しては、通常の電話並みの高品質で行えるようになるという。Skypeユーザー同士の通話になるので、もちろん通話料金は無料。 データ通信料は掛かるものの、日頃からパケット定額サービスの上限
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホアプリの作り方【超まとめ】UI編：スマホアプリのデザイン／グラフィック描画に役立つ記事39選 - ＠IT
jQuery Mobileを使ったフリーのスマートフォン向けWordPressテーマ・Generic jQuery Mobile
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！