[B! 携帯サイト] yuxuのブックマーク

モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ

こんにちは、「livedoor Blog」を担当している吉沢です。スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。アクセスシェア〜ライブドアの場合まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.

yuxu 2011/09/14

リンク

モバイルサイトデザイン集のモバイルデザインアーカイブ　公式サイト

モバイルデザインアーカイブとは？携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインのケータイサイトを集めました。デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。

yuxu 2010/02/16

リンク

XHTML Mobile Profile Tags List

All of TAGs<A> <ABBR> <ACRONYM> <ADDRESS> <B> <BASE> <BIG> <BLOCKQUOTE> <BODY> <BR> <CAPTION> <CITE> <CODE> <DD> <DFN> <DIV> <DL> <DT> <EM> <FIELDSET> <FORM> <H1> <H2> <H3> <H4> <H5> <H6> <HEAD> <HR> <HTML> <I> <IMG> <INPUT> <KBD> <LABEL> <LI> <LINK> <META> <OBJECT> <OL> <OPTGROUP> <OPTION> <P> <PARAM> <PRE> <Q> <SAMP> <SELECT> <SMALL> <SPAN> <STRONG> <STYLE> <TABLE> <TD> <TEXTAREA> <TH> <TITLE> <

yuxu 2010/02/15

リンク

3キャリア共通携帯サイト作り方 | グーグルアドセンスの使い方(GoogleAdSense広告収入がわかる)

3キャリア共通携帯サイト作り方 3キャリア共通携帯サイトの作り方携帯サイトを作るときに頭を悩ますのが、キャリアごとの表示の違いです。日本の３大携帯キャリアはau、ドコモ、ソフトバンクですが、このキャリアの違いにより携帯サイトの表示のされ方が全く違うのです。３キャリア共通のルールがありませんし、これからも統一される見込みはありません。よって、企業が携帯サイトを作る場合は、キャリアごとに別々の携帯サイトを作り、プログラムで振り分けていることが多いです。しかし、個人で携帯サイトを作る場合、キャリア別に携帯サイトを用意するのはむずかしく管理も大変。できれば３キャリア共通の携帯サイトを作りたいのが本音でしょう。そこでここでは、３キャリア共通の携帯サイトの作り方を紹介します。実は携帯サイトの場合、キャリアの違いだけでなく携帯電話の機種によっても表示のされ方が違うので、大昔の機種までカバーし

yuxu 2010/02/15

携帯サイト

リンク

携帯サイトの作り方

ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。まず、携帯版のファイルはPC版と完全に分けましょう。共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違いいくつかあるので順に説明します。ファイルサイズの制限これが一番大きなところでしょう。後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが試しに5Kbytesの文章を書いて携帯で表示させてみましょう。携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。スタイルシート関連携帯向けサイトでは、一切のスタイルシートが使えません。もともと、スタイルシートとは細かな装飾方法をアレンジするための

yuxu 2010/02/15

携帯サイト

リンク

モバイルサイト構築前に知っておきたいユーザビリティ10のポイント（第1回） | モバイルサイト構築のユーザビリティいろは

端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト（以降“モバイルサイト”）の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で

yuxu 2010/02/15

リンク

Top - FireMobileSimulator.org

FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragent switcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ

yuxu 2010/01/19

リンク

単なる携帯検索サイトのリンク集 (モバイル魂－携帯業界のニュース・マーケティング研究ブログ)

モバイル魂－携帯業界のニュース・マーケティング研究ブログ携帯電話業界のニュースやマーケティング手法を調査したり研究したり考察したりするブログです。単なる携帯検索サイトのリンク集です。ドコモの一般サイト検索に掲載されている検索サイトとそれ以外を分けてます。ディレクトリ型の検索サイトは、96年前後のPCインターネット並みに中小のサイトが入り乱れていますが、ここではある程度内容のしっかりしたサイトのみ掲載しています。【ドコモで採用されている携帯検索サイト】 ■Yahoo!モバイル・携帯サイトURL：　http://mobile.yahoo.co.jp/ ・サイト検索タイプ：ロボット型、ディレクトリ型・検索メニュー：携帯サイト、PCサイト、着メロ、待ち受け画像、ショッピング、オークション、地図情報、地域情報、掲示板、翻訳、知恵袋 ■Google ・携帯サイトURL：　

yuxu 2009/12/28

リンク

無料の携帯アクセス解析「うごくひと2」: 商用利用可

無料の携帯アクセス解析の決定版。ページビューのほか直帰率やキーワード分析などの豊富な機能・見やすい管理画面が特徴。携帯サイトのアクセスアップに貢献するランキング機能付き。個人・法人でご利用いただけます。

yuxu 2009/12/28

リンク

アクセス解析＆検索キーワード解析の無料レンタル - ナスカ

●アクセス解析サービス機能一覧地域別の情報や検索キーワードの取得、閲覧画面サイズなど、ネット上でショップを運営されている方などに特にお奨め出来る機能が満載！個人のホームページでも、強力な解析機能を有します。ナスカアクセス解析は、特に検索エンジンからのキーワード解析機能が強力で、大半の検索キーワード文字を取得することが可能です。SEO対策に力を入れている方に、特にお奨めします。検索件数は1項目につき100万件、1登録につき100万日分がご利用頂けますので、データ保存量・保存期間ともに実質無制限にお使い頂くことが可能となっております。時間ごと、日ごと、月ごとをまとめたアクセス解析が可能！リンク元情報の解析が可能！どこのURLから来たのかがわかります。国別・都道府県別の地域アクセス元情報がわかります。プロバイダ別、OS別、ブラウザ機種判定機能つき！ PCや携帯以外のゲーム機などを経由

yuxu 2009/12/28

リンク

携帯サイトのページコーディングでよく使うHTMLタグ携帯サイトを作ろう！　-ちょっと詳しいモバイルサイトの作り方-

携帯サイトのページを作成する場合と、パソコン向けのページではよく使用するHTMLタグがまったくといっていいほど異なります。今回は携帯サイトを作成する際によく使うHTMLタグのご紹介です。まずは、携帯ページとPC向けページについて、使用頻度の高いタグを比較してみます。 □PC向け <A>リンクタグ <IMG>画像挿入タグ <P>段落タグ <DIV>汎用ブロックレベル <STRONG>論理強調タグ <Hx>見出しタグ <UL><LI>リストタグ <TABLE>テーブルタグ ■携帯サイト向け <A>リンクタグ <IMG>画像挿入タグ <DIV>汎用ブロックレベル <BR>改行タグ <FONT>フォントタグ <HR>区切り/水平線タグ <CENTER>中央揃え <MARQUEE>マーキータグどうでしょう。だいぶ違っていますね。 AタグやIMGタグといった基本的なタグはPC向けもモバイル向

yuxu 2009/12/09

リンク

DoCoMo・au・SoftBank　携帯サイト動作確認用シミュレーターのダウンロード

※株式会社マイスタンダードでは、実在性の証明とプライバシー保護のため、グローバルサインのSSLサーバ証明書を使用し、SSL暗号化通信を実現しています。株式会社マイスタンダードをご覧いただくには、最新のFlashPlayerが必要です。・株式会社マイスタンダードをご覧いただくには、最新のAcrobat Readerが必要です。・JavaScriptを利用しています。JavaScriptの設定を有効にする必要があります。 [サービス対応地域] 北海道,青森,岩手,宮城,秋田,山形,福島東京,神奈川,埼玉,千葉,茨城,栃木,群馬,山梨新潟,長野,富山,石川,福井愛知,岐阜,静岡,三重大阪,兵庫,京都,滋賀,奈良,和歌山鳥取,島根,岡山,広島,山口徳島,香川,愛媛,高知福岡,佐賀,長崎,熊本,大分,宮崎,鹿児島,沖縄システム開

yuxu 2009/12/08

リンク

2/10 携帯サイトの作り方第1回作成方法の基礎 [ホームページ作成] All About

携帯サイトの作り方第1回作成方法の基礎(2ページ目)携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 2. XHTMLでベースを作る PC向けのウェブサイトであれば、記述には HTML4.01 や XHTML1.1 など、いくつかの言語が使えます。文字コードも SHIFT-JIS や EUC-JP、UTF-8など、様々な規格が使えます。しかし、携帯端末向けのウェブサイトだと、使える言語や文字コードには制限があります。記述に使う言語は「 XHTML Mobile Profile 1.0 」携帯サイトを作るための言語としては、以前は「CompactHTML」や「HDML」などいくつかの規格がありました。これらは、3大キャリア各社で

yuxu 2009/12/08

携帯サイト

リンク

imodeのタグ

携帯サイトのタグを活用してサイト作成携帯サイトとパソコン用ホームページはだいたい同じですが、imode独自のタグや、携帯サイトでは使用できないタグがあります。ここでは、imodeタグについて、パソコン用ホームページとの違いを中心に解説します。 imodeで利用できるタグ imodeで利用できるタグは、 A, BASE, BLOCKQUOTE, BODY, BR, CENTER, DIV, DL(DT, DD), FONT, FORM(INPUT, SELECT, OPTION, TEXTAREA), H1〜H6, HEAD, HR, HTML, IMG, MARQUEE, META, OL(LI), P, PRE, TITLE, UL(LI) です。使い方はパソコン用ホームページを作るときとほぼ同じです。ここでは、携帯サイトにおいて使い方が大きく異なるタグについて説明します。 im