タグ

mobileと携帯に関するnantanのブックマーク (3)

  • 1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

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

    1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
  • 「これから携帯サイト作成」お役立ちサイト集 2010年version - Feel Like A Fallinstar

    このブログは引用メインのまとめブログではないんですが、たまたま携帯サイトを個人的に1個作ることになったので、こんなエントリーを。 何だかんだ言っても、日の携帯電話ってしばらくは生き延びる(+普通に利用目的によってはスマートフォンより上)わけで、一度まとめておくと便利かな、ということで。 モバイルの利用状況とか、マーケ系 さすがに2010年のものばっかりはムリなので、ここ数年以内のもの中心で。 あんまり沢山見ても訳分からないので、絞りました。 携帯電話におけるインターネットおよび検索エンジンの利用状況(インデックス) 個人的にはもう少しGoogleが多いのかと思っていましたが、携帯でもYahooの方が多いんですね。 モバイルユーザー傾向DATABOX 2010年5月版 アクセス解析ソフトMyRTのデータが元になっていて、若干偏がありそう。 画像対応とか、ディスプレイサイズとか、最低限見てお

  • 【PHPで作る】初めての携帯サイト構築:第2回 携帯キャリアと端末を判別する|gihyo.jp … 技術評論社

    携帯サイトはキャリア・端末ごとに仕様が異なることを説明してきました。そのため多くの場合、プログラムにより各キャリア・端末にあわせた方法で、出し分けを行っていく必要があります。携帯サイトを作る上でまず大切になるのが、アクセスしてきている携帯の、キャリアと端末を判別するところと言えるでしょう。その判別方法について見ていきたいと思います。 キャリアを判別する方法 まずキャリアの判別について見ていくことにしましょう。キャリアの判別には大きく2つの方法があります。 ユーザーエージェントでキャリアを判別する方法 IPアドレスでキャリアを判別する方法 このどちらかを使って判別をすることになります。 ユーザーエージェントで判別する方法 ユーザーエージェントの情報からアクセスしてきている携帯キャリアを判別する方法です。携帯端末はHTTPリクエストのユーザーエージェントにアクセス端末の情報を記述してきます。こ

    【PHPで作る】初めての携帯サイト構築:第2回 携帯キャリアと端末を判別する|gihyo.jp … 技術評論社
  • 1