ちょうど去年の年末から「PC Web終焉の始まり」ってタイトルのネタで書こうと思っていたら、タイミングよくこんなエントリーが(笑) モバイルファーストは間違いだったのか « うめのんブログ. これに呼応して@fshin2000さんも F’s Garage @fshin2000 :モバイルファーストが失敗なハズはないが、今はまだ時期尚早. 僕はどちらかというと、今年がまさに転換期でPCでのサービスをやるとしてもプロトタイプとして位置づけ、スマホを中心とするモバイルデバイスでユーザー体験が解決するようにサービス開発をすべき、もう一つのポイントとしてandroid版から開発すべきと考えています。 僕らみたいにネットのサービスに日々触れていて、昼間PCに向かっている時でもインターネットを使っている人っていうのは、実はごくごく一部であって、業界ではない人と会話するとやはり皆スマホから色んなサービスを
PHP Mobile Detect - lightweight PHP class for detecting mobile devices スマホ・タブレットの判別ができるPHPクラスライブラリ「PHP Mobile Detect」。 判別ならば文字列マッチングでもよいという人もいると思いますが、グローバル変数や無駄なマッチングを省くためにこうしたクラスライブラリを活用するのもよいかもしれません。 次のようにコードがシンプルですっきりと読みやすくなります。iPhoneやiPod touch、Android等をマッチングさせるコードは美しくないですね。 どのぐらいメンテナンスされるのかという点がきになったりしますが、そこまでルールが極端に変わることもなさそうですね。 関連エントリ スマホを判別するのに便利なJSスニペット Retinaディスプレイ判別で自動で高解像度画像を出しわけ可能な単独
Designing for a mobile website can be tricky and exciting. Tricky because you have a small window to work with. Exciting because its a challenging to making something creative within a small space. 21 Creative Mobile Websites I’m showcasing here did a great job on design. If you would like to get mobile design ideas visit mobileawesomeness.com they do a great job picking some of the best designed
※『AirDroid 2』正式版がリリースされました。最新レビュー記事はこちら! 皆さんは、Android端末とパソコン間のデータのやり取りはどんな方法で行なっていますか? オンラインストレージ、USBケーブル接続、SDカード抜き差し…どれも手間や速度、容量などの面で一長一短ありました。そんな中、端末・パソコン連携の決定版ともいえるアプリがついに登場しました! 『AirDroid』はパソコンのWebブラウザ使って、端末内のファイルを操作したり、パソコンに保存したり、逆にパソコン内ファイルを送信できるようになるアプリです。 さらに端末情報や連絡先、SMSなどもパソコンで確認できるようになります。 本アプリ単体でもファイラーやタスク管理機能があり、純粋なシステム管理系ツールとしてもかなり優秀です! アプリの特徴 Wi-Fi接続で端末内ファイルの操作や送受信ができるアプリ Webブラウザを使用す
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
最近話題の「NFC」。Felicaとの違い、今後の発展、日本勢に出来ることなど、NFCに関する解説が網羅されています。 著者は、電子マネーEdyの立ち上げから日本のNFCに関わってきた鵜飼伸光さん。ボリュームはありますが、必見の記事です。(本田) 「NFC」という言葉を耳にしたことがあるだろうか。むしろ、本サイトをご覧になる方で、全く聞いたことがないという方は無いかもしれない。Near Field Communicationの略語であるが、最近ではO2O(Online to Offline)やIoT(Internet of Things)という用語と絡めて語られることも多い。どうやら、「ネット」と「リアル」をつなぐキーテクノロジーの一つとみなされているようだ。 ガートナーが発表している先進テクノロジのハイプ・サイクル:2011年でも、今まさに「Peak」。しかし、じゃあ正確にそれって何?と
公衆無線LANの対応エリアは以下から検索が可能です。店頭にMZoneのステッカーなどが貼ってあったりするのですぐにわかると思いますよ。 サービスエリア | サービス・機能 | NTTドコモ 詳細な店舗については以下から確認できます。タリーズやプロント、ラクーア、ケンタッキーといった所で利用できるようです。以下のサイトには記載がありませんが、スタバなどでも提供しているところがありました。 ご利用可能な施設・店舗 | サービス・機能 | NTTドコモ NTTドコモの公衆無線LANを利用するには以下のいずれかのプランを契約する必要があります。 ・spモード+spモード公衆無線LANサービス ・moperaU + U「公衆無線LAN」コース ・ブラックベリーインターネットサービス + ブラックベリー『公衆無線LAN』オプション ・MZone 10月2日 23:48 追記 一部条件の記載漏れがありま
レビューサイト「アンドロイダー」サービス終了のお知らせ 2010年より運営してまいりました「アンドロイダー」は、 2017年6月30日(金)をもって、サービスを終了いたしました。 長きにわたりご愛顧いただき、心よりお礼を申し上げます。 アンドロイダーのビジネスについて アグリゲーション事業 端末メーカーや通信キャリア、各種メディアのご要望にあわせ。当社がアプリ開発者との窓口を担い、コンテンツやアプリのスピーディーなアグリゲーションを実現いたします。 事例: KDDI株式会社「auスマートパス」 株式会社NTTドコモ「スゴ得コンテンツ」 プライバシーポリシー
jQuery Mobileを利用すると、簡単なHTMLを用意するだけでスマートフォンサイトを作成できます。今回はシンプルな会社案内サイトを実際に作りながら、jQuery Mobileの基本的な使い方を学習しましょう。 以下のような会社案内サイトを作成します。 トップページのメニューをタップすると各ページへスライドして移動するシンプルなスマートフォンサイトです。まずはトップページ部分から作ってみましょう。 jQuery MobileとHTML5 jQuery MobileはHTML5のカスタムデータ属性でさまざまな設定を定義するので、jQuery Mobileを利用するWebページはHTML5で記述します。HTML5と聞くとハードルが高そうですが、最低限の約束ごとさえ守れば決して難しくありません。 次のようなHTMLを雛形として用意します。 <!DOCTYPE html> <html> <h
「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」(Web Professional Books)の著者・西畑一馬さんが解説します。(編集部) 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対
居酒屋「和民」などを展開するワタミフードサービスは、「iPhone」のGPS(全地球測位システム)機能を活用して顧客を店舗に誘導。利益率を下げることなく、1カ月に2000組の集客増を実現した。良品計画は、優良顧客のスマートフォンと携帯電話にクーポンを配り、「無印良品」西武池袋店の売り上げを5日間で200万円以上伸ばした。日本マクドナルドは、2000万人超のモバイル会員組織を活用。嗜好に見合ったクーポンで会員をマクドナルド店舗に吸い寄せ、増収につなげている。 これら先進3社の最新の取り組みを通じて、モバイルマーケティングの威力を見ていこう。 【ワタミフードサービス】 iPhoneアプリで、近くの顧客を勧誘 iPhoneで専用アプリケーションを起動すると地図が現れ、周囲2キロメートル以内にある和民系列店舗の位置が表示される。最寄り店のアイコンをタップすると、「19時までに入店の方は全品10%オ
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px~640px、横向きで480px~960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px(縦)を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px(横)で作成すれば問題ないといえますが、iPhone4、4SやAn
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
iPhoneに対応させるWPプラグインは 結構あります。例えばよく見かけるのは WPtouchです。しかし、ちゃんと探せば 更に高機能且つ、手軽なプラグインも あります。WPtap もその一つ。日本で 紹介している記事は皆無ですが、非常に 機能の充実したプラグインです。 僕も昨日知ったばかりで、iPhoneとiPadでしか確認をしていないので、タイトルで「多数デバイスに対応」と言い切ってしまうのは微妙な気がしたのですが、釣ってでも知ってほしいプラグインだったのでご了承頂ければと思います。じゃあ日曜に記事公開するなよって話ですがw iPhoneだけでなく、iPad、Android、BlackBerry、Nokia S60+などに対応しており、対応デバイスを追加することも出来ます。 [note]【2011・01・10 追記】 このブログに導入しました。iPhone等でアクセスすれば表示チェック
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Health Insurance Parental Control Healthy Weight Loss Cheap Air Tickets Online classifieds Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy
7 Useful Tools for Mobile Website Testing | Tools スマートフォン用のサイト作成に役立つテスティングツールが7つ紹介されており、便利そうなものをピックアップしてみました。 サイトチェッカー W3C mobileOK Checker W3Cのモバイルサイトチェッカー。サイトのURLを入れるだけで、対応状態を〜%として表示してくれます。 何を改善すればポイントを上げられるか?についても詳細にレポートしてくれるところがいいですね。 mobiReady URLを入力するとサイトのモバイル対応状態をレポート結果として表示してくれる。 レポート結果は次のようになります 機種が微妙ですが、JAVAをつかったシュミレーターで動作確認できたりします Gomez Mobile Website Readiness Test URLのほか必要情報を入れるとサイトのモ
こんにちは! 今日も携帯をクリックしすぎて手が筋肉痛のユリっぺです✿ 今回は、携帯の「クリックしてもらえるボタン」を作ってみたいと思います。 携帯で遊んでいると、画像でつくられたボタンが選択されてるかわからない、認識しづらい、といった経験をしたことはないでしょうか。 また、携帯サイトを運営しているかたの中には「こんなに目立つボタンなのに全然クリックされない!」といった悩みをもった人もいるかもしれません。 そこで文字の部分はテキストを使ったボタンを作ってみました。 まずはじめに、tableの左右の隙間をすこし多めにとってみます。 (au) <div align="center" style="text-align: center;"> <table align="center"> <tr><td bgcolor="#ffd70b"> <a href="#"><span style="colo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く