タグ

スマートフォンに関するk_staticのブックマーク (17)

  • サイトを診断してみましょう - GOMO by Google

    この診断ツールを使用すると、現在のサイトがスマートフォン上でどのように表示されるかを確認できます。また、スマートフォン向けサイトを構築するのに役立つ無料診断レポートが作成されます。レポートにはサイトに合わせた個別のアドバイスも含まれます。まずは、下の欄に URL を入力してください。

  • 今のGoogleには、すでに総合的な技術力は無い...かもしれない。

    厳密に言うと、「今のGoogleには品質管理を含めた総合的な技術力が余り無い」ように思う...世界中の優秀な技術者を結集しているようなイメージ戦略をしているのにも関わらず、だ。gmailやgoogle mapを作ったGoogleは、どこかに行ってしまったんじゃないかと思う。 スマートフォンOSはここ数年で3つか4つ出た。iPhone,Android,WebOS,Windows Phone,MeeGoなどなどだ。正直言おう。Androidが最も出来が悪くて、最も使い勝手が悪いスマートフォンOSだ。たぶん、多くの人が同意すると思う。おそらくこれらのスマホの中で通話アプリが落ちることがあるのは、Androidだけだと思う。まぁ、Android社は元々googleではないと、いわれればそれまでだけど。 クラウド環境もここ数年いくつか出た。GoogleAmazonGMOやNiftyやさくらや、N

    今のGoogleには、すでに総合的な技術力は無い...かもしれない。
  • 15 Useful Code Snippets for Smartphone Website

    2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! ↑私が10年以上利用している会計ソフト! スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください! 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック(タップ)範囲を広げる 画面の幅にあわせてCSSを変える リンクテ

    15 Useful Code Snippets for Smartphone Website
  • スマホ案件の見積もりについて - ku-sukeのブログ

    Android案件の見積り | クラスメソッド開発ブログ を読んで、業界人らしき人のブコメが、「この程度でホッテントリか」という感じで、僕もややそっちよりの意見だったので、ざっくり補足できそうな点について書いて見ました。もう転職して受託の立場ではなくなったので。やや発注側の視点も含まれています。 責任のないリスクについてコスト負担範囲を決める すべてにおいて最重要項目です。変化の激しいスマホ業界においては、互いのリスクテイクについての認識をあわせておく必要があります。例としてはこんなものがあります。 開発期間中に突如OSのメジャーバージョンアップがあった。 顧客「あ、新しいのでましたね。対応できますよね^^」 世論に応じて機能の根幹部分が突然リジェクト対象になる。 りんご「今日から電話番号認証禁止ね^^直さないと削除しちゃうよ^^」 過去を顧みない方針転換がなされる ぐぐる「メニューボタン

    スマホ案件の見積もりについて - ku-sukeのブログ
  • パソコン、スマートフォンそれぞれのデバイスごとに利用実態を分析 | ニュースリリース | ニールセン デジタル株式会社

    ニールセン・ネットレイティングス 「スマートフォンメディア利用実態調査レポート Vol.2」を発売 ネットレイティングス株式会社(社:東京都渋谷区、代表取締役会長兼CEO:福徳 俊弘)は、2011年9月30日、スマートフォンによるメディア接触状況の実態調査「スマートフォンメディア利用実態レポート Vol.2」を発売しました。 「スマートフォンメディア利用実態レポート Vol.2」は2011年6月に発売した調査レポートの第2弾で、日々変化していく消費者のオンラインメディアへの関わり方を、スマートフォンとPCという2つのスクリーン(デバイス)からのメディア接触状況を統合して分析する事により、消費者のオンラインメディア接触行動全体を可視化したレポートです。 スマートフォン市場の急激な拡大により、コミュニケーション戦略の中で、どのようにスマートフォンを活用すれば良いのか悩む企業も増えています。「

    パソコン、スマートフォンそれぞれのデバイスごとに利用実態を分析 | ニュースリリース | ニールセン デジタル株式会社
  • Youtubeの動画を背景に

    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

    Youtubeの動画を背景に
  • 携帯サイトをiPhoneのスクリーンで見やすくする (AdLantis TechNote)

    すでに携帯向け(i-mode / EZweb / Yahoo!ケータイ)のサイトをお持ちでしたら、わずかな改修ですることで携帯サイトをiPhoneに最適化させることができます。 次のステップに沿ってサイトをiPhoneに最適化させることによりAdLantisのiPhone向け広告枠を利用することもできるようになります。

  • 入力フォームナビキャスト フォームアシスト|EFO、入力フォーム改善

    私たちは人が感じる「不」を取り除き 「幸せ」に導くお手伝いをしています。 そして、私たちの喜びは、人の期待を超え、 感動や満足感を提供するしくみ= おもてなしテクノロジーで、 幸せな人を増やしていくことです。

    入力フォームナビキャスト フォームアシスト|EFO、入力フォーム改善
  • スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog

    最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ(chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください) download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT

  • スマートフォンユーザーのウェブ閲覧時間は1日169分、携帯電話の3倍近く

    MM総研は2011年5月19日、ウェブアンケートによる携帯電話とスマートフォンのサービス利用実態、及びスマートフォンの機能やネットワークサービスの不満・改善点に関する調査結果を発表した。それによると調査母体における一日あたりのウェブ閲覧時間は、スマートフォンユーザーは3時間近くに達しており、携帯電話ユーザーの3倍に届きそうなレベルであることが分かった。具体的なサイトジャンルとしては、ソーシャルメディアの利用時間がもっとも長いのは両端末共に変わらないが、スマートフォンでは検索ポータルや動画サイトなどが上位についており、パソコン経由での利用形態に近い傾向が確認できる([発表リリース])。 今調査は2011年2月10日から14日にかけてパソコンのインターネット経由で行われたもので、有効回答数は1万8556人(うちスマートフォンユーザーは1400人、携帯電話ユーザーは17156人)。男女比は49.

    スマートフォンユーザーのウェブ閲覧時間は1日169分、携帯電話の3倍近く
  • 考察:Appleはスマホサイトを作らない。

    今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう

    k_static
    k_static 2011/07/21
    今更ですが、良記事
  • スマートフォン用ページに振り分けるときはrel=”canonical”を設定する

    iPhoneiPadAndroid端末の普及でスマートフォン専用のページを用意するサイトも増えてきています。 スマートフォンからのアクセスに対して「リダイレクトによってスマートフォン専用のURLに振り分けるとき」の注意点を今日はお伝えします。 rel=”canonical”タグで、対応するデスクトップ用ページのURLを指定してください。 重複コンテンツの発生を防止するためです。 現状GoogleデスクトップPCとスマートフォンを区別せず同等に扱います。 スマートフォン用の検索結果も用意していません。 共に、ウェブクローラのGooglebotがクローリングします。 ※従来のモバイル端末はモバイルクローラのGooglebot-Mobileがクローリングします。詳しくはこちらの記事を参照。 スマートフォン用のコンテンツはデスクトップ用のページと、完全ではないにしてもほぼ同じになるはずです。

    スマートフォン用ページに振り分けるときはrel=”canonical”を設定する
  • わずか10分でスマートフォン用サイトが無料で作成できるウェブサービス「smart4me」を使ってみた

    リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス? 以下引用を参考に。 smart4me(スマート フォーミー)とは?iPhoneAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス! ブログ感覚で、ユーザー自身のスマホサイト(スマートフォン向けサイト)を簡単に公開が可能。 TwitterBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール

    わずか10分でスマートフォン用サイトが無料で作成できるウェブサービス「smart4me」を使ってみた
    k_static
    k_static 2011/05/19
    週末に作ってみよーっと。
  • 1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

    初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初

    1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
  • iPhoneはなぜ売れたのか - よそ行きの妄想

    先週iPhone3Gから機種変更して、auのスマートフォンを買った。購入したのは「htc EVO WiMAX ISW11HT」(以下単に「EVO」)で、日初のWiMAX搭載ケータイとして多少注目を浴びている例のアレだ。これによって、私の2年間に及ぶiPhone生活に終止符が打たれたこととなったので、果たしてiPhoneとは何だったのかなどということを少し考えてみたわけである。 WiMAXとテザリングという高機能 iPhoneとは何だったのか、他のスマートフォンとの比較でわかることもあるだろうから、まずは新しく購入したスマートフォンの説明を少しさせていただくが、EVOの目玉は間違いなくWiMAXとテザリングである。 EVOは、日で初めてのWiMAXを搭載した携帯電話である。WiMAXとはなにかについて、コチラのページから適当に引用すると「大容量のモバイルブロードバンド通信の方式のひとつ」

    iPhoneはなぜ売れたのか - よそ行きの妄想
    k_static
    k_static 2011/04/26
    まさにUXの議論だと思う。UXの価値を数値化することは難しい。
  • スマートフォン向けサイトの作り方 | ユージック

    スマートフォン向けサイトの作り方 2011年1月22日 iPhoneAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px~640px、横向きで480px~960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px(縦)を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px(横)で作成すれば問題ないといえますが、iPhone4、4SやAn

    スマートフォン向けサイトの作り方 | ユージック
  • スマートフォン用のサイト作成に役立つテスティングツール7:phpspot開発日誌

    7 Useful Tools for Mobile Website Testing | Tools スマートフォン用のサイト作成に役立つテスティングツールが7つ紹介されており、便利そうなものをピックアップしてみました。 サイトチェッカー W3C mobileOK Checker W3Cのモバイルサイトチェッカー。サイトのURLを入れるだけで、対応状態を〜%として表示してくれます。 何を改善すればポイントを上げられるか?についても詳細にレポートしてくれるところがいいですね。 mobiReady URLを入力するとサイトのモバイル対応状態をレポート結果として表示してくれる。 レポート結果は次のようになります 機種が微妙ですが、JAVAをつかったシュミレーターで動作確認できたりします Gomez Mobile Website Readiness Test URLのほか必要情報を入れるとサイトのモ

  • 1