スマホやタブレットなど、人気の高いモバイルデバイスでWebページがどのように見えるか簡単に確認できるChromeの機能拡張を紹介します。 レスポンシブの確認ツールでよくあるのが、iframeで単にサイズを変更して見るだけのやつ。当ツールはサイズだけでなく、各モバイルデバイスと同じ方法でレンダリングして表示、外部ネットワークだけでなくローカルにも対応しています。
スマホやタブレットなど、人気の高いモバイルデバイスでWebページがどのように見えるか簡単に確認できるChromeの機能拡張を紹介します。 レスポンシブの確認ツールでよくあるのが、iframeで単にサイズを変更して見るだけのやつ。当ツールはサイズだけでなく、各モバイルデバイスと同じ方法でレンダリングして表示、外部ネットワークだけでなくローカルにも対応しています。
「終電を逃した時、家までタクシーで帰るのと近くのホテルに泊まるのとではどちらが安いのか?」終電に乗り遅れたことのある人なら、一度は疑問に思ったことがあるでしょう。 この疑問に答えてくれそうなサイトがオープンしました。自宅までの深夜料金を含めたタクシー料金を算出し、それよりも安く泊まれる付近のホテルを検索してくれます。このサービスは、スマートフォン版「yoyaQ」のページで利用できます(もちろんPCからも閲覧可能)。 まずは乗車地と降車地を入力します。フォーム右側の緑のマークをタップすると、地図上の任意の場所を指定できます。地名を入力する画面で「(タクシーの)深夜料金を適用する」のチェックを外せば、通常料金での検索も可能です。 検索をタップすると、現在地から降車地までのタクシー料金が表示され、その金額以下で泊まれるホテルが一覧表示されます。「(現在地から)近い順」、「安い順」でのソートが可能
最近スマートフォン用サイトの引き合いが増えてきていますが、そこで培ったノウハウもこのブログで紹介していこうと思います。今回は、スマートフォン(およびタブレット)用サイトでの動画の取り扱いについて。 スマートフォンで動画というと、真っ先に思いつくのはYoutubeにアップしてリンクを張り付ける方法ですが、企業の内規や動画の性質によっては、Youtube上に動画をアップすることができない場合もあります。先日担当したキャンペーンサイトもまさにそうでした。というわけで、ここではYoutube貼り付けじゃない方法での、スマートフォン/タブレット端末用サイトで動画を掲載する際のポイントをご紹介します。違ってるところがあればコメントでご指摘いただけると幸いです。 ちなみに、プラットフォームやOS毎の実装状況をひとまずまとめると以下の通り。なお、スマートフォン/タブレット版はデフォルトブラウザでの利用が前
NFC・Wi-Fiなど端末間共有機能 【1】NFCでデータを共有する「Androidビーム」 「Androidビーム」は、NFC対応デバイス間で共有を行うための機能です。ユーザー同士が2つのNFC対応のデバイスを接触することで簡単に、お気に入りアプリ、コンタクト、音楽、動画など、ほとんどのコンテンツを交換可能にします。デバイス同士が数センチ範囲内にあると、システムはNFCの接続を設定して共有のためのUIを表示し、ユーザーは画面をタッチすることで共有が行えます。 例えば、ユーザーは連絡先を交換したり、マルチプレイゲームを開始したり、チャットやビデオ通話に参加したり、写真や動画などを共有したりできます。アプリを共有する場合、Androidマーケットのアプリ詳細ページへのリンクを送ります。リンクが送られた端末上のマーケットアプリは詳細ページを起動し、ユーザーはアプリを簡単にダウンロードできます。
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。 特にスマートフォンのUIは細かい部分のこだわりが見られてとても参考になりますので見ておいて損は無いかと思います。 シンプルな作りです。パーツはカテゴリで分けられていて探しやすいです。ちょっと重いかな・・ 例えばこちらはグリッドのカテゴリ。同じ幅、同じ高さという限られた空間の中で、様々な工夫が見られます。 クリックするとその場でLightbox風にポップアップします。iTuneへのリンクもあるので確認しやすいですね。 同じようなギャラリーサイト 似たようなサイトは沢山あるので合わせてチェックしてみてはいかがでしょう。 Mobile UI Patterns pttr
docomoやauがAndroid OSを搭載したスマートフォンを続々と投入しはじめたことで、このところ急速にシェアを伸ばしつつあるスマートフォン。 将来的に全キャリアでiPhoneの投入も考えられる今、しっかりと考えておかなければならないのが、ウェブサイトのスマートフォン最適化というやつです。 スマートフォンに搭載されているブラウザは、そもそもPC向けウェブサイトを閲覧できるものです。 そのため、「わざわざケータイサイトみたいに対応する必要なんかない」と言う声を多く聞きますが、これってモバイルサイトを主軸としてやってきた自分にとっては、そりゃ違うよーと思うわけです。 単著で出させていただいた「ケータイサイト解体新書」でも、チラッと言及したのですが、やっぱりスマートフォンはスマートフォンで、きちっと最適化させたサイトを提供すべきだと考えています。 というわけで、その理由を以下にまとめてみま
携帯販売ランキングによれば、最近の人気携帯はスマートフォン一色。メーカーから様々な機種が発売され、iPhoneだけでなく、Androidもすっかり一般化してきました。 そこで気になるのが、Webサイトのスマートフォン対応。PC版のままでも見られなくはないですが、やっぱり画面サイズが合わずに文字が小さすぎたり、画像がはみ出したりするのは親切ではありません。 とはいえ、スマートフォンにはOSやバージョンがたくさんあって、検証も大変そうだし、対応するには結構お金もかかるだろうし...と、二の足を踏んでいる方も多いと思います。そういった方々へオススメなのが、「DudaMobile」です。 DudaMobileを使えば、URLを入力するだけで、あっという間にiPhone/Android/BlackBerry/Windows Phoneに対応したスマートフォンサイトが完成します! DudaMobile
2011年08月26日 【Android】 最強のホームアプリ Tweet 0コメント |2011年08月26日 00:00|スマートフォン・ガジェット|Editタグ :androidホームアプリ http://hatsukari.2ch.net/test/read.cgi/news/1313728547/l50/ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 4 :(長屋):2011/08/19(金) 13:38:58.07 ID:Vq86KdL/0 go launcher アプリの特徴 * 機能が充実した期待のホームアプリ * アイコンの長押しでアプリのアンインストール/アイコンの変更などの操作が可能 * ドロワー(アプリ一覧)内にフォルダの設置が可能 GO ランチャー EX (GO Launcher EX) : 機能が充実!期待の新ホームアプリ!Androidアプ
Android搭載 腕時計型モバイルデバイス「i’m Watch」、Android iPhone スマートフォンと通信して情報を表示 Anroid を搭載した腕時計型モバイルデバイスがイタリアから発売予定。Bluetooth 経由で Android & iPhone スマートフォンとの通信が可能。電話、メールの受信着信、ツイッター、Facebook 等のSNSにも対応。 世界初スマートウォッチとしてリリースされるようです。ソニー・エリクソンから発売されている「liveview」と似たようなものですがこちらは本体に Android が搭載されておりカスタマイズ性が高そうです。 腕時計型のコンパクトなデザインで、ディスプレイにはあらゆる情報を表示可能!Google サービスや、電話、メールの受信、ツイッター、facebook 等とも連動できます。 2011年9月以降に発売予定としており、プレオ
昨日の音楽編に続いて、今日はカメラアプリ編です。 スマートフォンの普及とともに、写真加工アプリやカメラアプリがどんどんリリースされてますよね。色々とアプリはあるんだけど、特に気に入っている3つのアプリを紹介します。 ■無数のフィルタが魅力のMagic Hour(161円) まずはじめに紹介する「Magic Hour」は、写真を多数のフィルタを使って加工できるアプリです。 この手の写真加工アプリだと、フィルタは決まったものからしか選択できなかったりするんですが、このアプリならではの特徴として、フィルターを自作することができます。 さらに、自作したフィルターは世界中の同アプリ利用者の人たちとシェアすることも可能! アプリに内蔵されているフィルターマーケットへ作ったフィルターをアップロードできるし、もちろん、無数にあるフィルターの中からお気に入りのものをダウンロードもできます。 これらの写真をソ
最近、ある理由があって、Androidアプリについて色々と調べ直す必要が出てきたので、以下の記事を「利用シーン別」で整理し直しつつ、大幅に内容を見直してみました。 Androidの神アプリスレまとめ記事の内容を整理しつつ最新化しました 注意事項 以下の前提でまとめてみました。・2011/7/4時点でAndroidマーケットに存在する無料アプリが対象。・「利用シーン」は私の独断です。ご了承ください。・チェックはしてますが、間違い等ありましたらコメント頂けると助かります。QRコードを羅列すると2つが同時にファインダーに入ることがありますが、他のウインドウで目的以外のコードを隠す、等の方法で取り込みやすくなります。 なお、アプリの価格は常に変動しています。以下の情報をご利用の際はくれぐれもAndroidマーケットの最新の価格を十分ご確認の上「自己責任」でご購入ください。よろしくお願いします。 そ
前回の更新日が見たくない程に時が流れている今日この頃・・・。 ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。 こんだけ更新が滞ってても、Twitterとかで時々ブログ読んでますって言ってもらえたり、最近なら「今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。」で、【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 を紹介してもらったりしてうれしい半面、更新して無いなーと、何とも言えない気持ちになったり。 なので、これからはちょろっとでもネタが有れば更新していきたいなーと。 何をモチベーションに更新するかはまだ見つかってないけど>< さて、そんな訳で、今回はスマートフォン向けの新規でサイトを作るのに使えそうな感じの一式です。 【スマートフォン向け】新規でサイトを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く