永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
ユーザビリティを考慮した文字サイズ指定&ナビゲーション設計のポイント（第2回） | モバイルサイト構築のユーザビリティいろは
サイト全体のナビゲーションコーナー間での移動ナビゲーションアクセスキーの使い方はじめに――モバイルサイト構築前のルール作り1. 対応端末とマークアップ言語について3キャリア共通のモバイルサイトを構築する場合、サイトのマークアップ言語を大きく分けると、第二世代端末はHTML（CHTMLなど）、第三世代端末はXHTMLに分けられます。 モバイルサイトを構築するときには、世代別のマークアップ言語を把握したうえで、サイトの目的やターゲットとするユーザーによって、HTMLかXHTMLのどちらかを採用します。また、第二世代、第三世代の両方に対応する場合は、HTMLとXHTMLそれぞれで記述したサイトを用意し、アクセスしてきた携帯端末（ユーザーエージェント）に応じて振り分けるシステムを利用することが一般的です。では、具体的にどういった場合にHTMLとXHTMLを選択すればいいのか、いくつか紹介しましょう
モバイルサイト構築前に知っておきたいユーザビリティ10のポイント（第1回） | モバイルサイト構築のユーザビリティいろは
端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト（以降“モバイルサイト”）の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で
ケータイマーケティングソリューション 利用動向調査報告書ハイライト - 携帯マーケ入門#11 | 今からでも遅くない！ これから始めるケータイマーケティング入門
2008年全国ケータイ利用動向調査 「ケータイマーケティングソリューション 利用動向調査報告書」ハイライト 「2次元コードとメール配信」をコンボで活用 予算規模と今後の取り組みは2極化傾向に 現在のケータイサイト隆盛を支えるバックボーンとして、「着メロ・着うた・動画などの着信系コンテンツ」「既存コンテンツの変換・ウェブ開発」「メール配信」「QRコード」「キャンペーンソリューション」「電子クーポン」など、さまざまなケータイマーケティングソリューションが活用されている。ケータイサイトの制作や運用の現場ではこれらソリューションが欠かせない存在となる一方で、予算確保や投資対効果検証などで課題を抱えているのも現状だ。今後の自社のケータイサイト戦略を検討するにあたり、Web担当者が知っておくべきケータイマーケティングソリューションの最新利用動向をまとめてみた。 協力：インプレスR&Dインターネットメデ
2割弱がケータイサイトを併設、内容はPC向けと同様／あなたの会社は平均以上? Web担大調査2008 | 企業のWeb担当者大調査2008――あなたの会社は平均以上?
TEXT：編集部 協力：インプレスR&D インターネットメディア総合研究所 2007年に引き続き、インプレスR&D インターネットメディア総合研究所は日本企業のWeb担当者2000サンプルを対象とした全国調査を行った（詳しい調査概要はこちら）。調査結果をもとに、企業のウェブサイトの活用実態を明らかにしていく。その中であなたの会社の位置が見えてくるはずだ。 すでにWebサイトの活用は一般的となっているが各社は何を掲載しているのだろうか？ また、ケータイサイトの活用状況は？ 当たり前だけれど押えておきたいWebサイトの利用状況についてみていこう。 PC向けのWebサイトの基本要素は会社概要や製品・サービスの掲載と告知企業のPC向けWebサイトの利用用途は「製品・サービス情報の掲載・告知」や「会社概要の掲載・告知（地図含む）」が7割と、企業の基本情報となる項目を掲載している比率が高い（図1）。ま
モバイルSEOの5つのポイント――PCサイト向けSEOとの違いと対策 - 携帯マーケ入門#6 | 今からでも遅くない！ これから始めるケータイマーケティング入門
前回の記事に続き、モバイルSEOの具体的な対策を解説していこう。 文：中島 淑史（アウンコンサルティング株式会社） 監修：棚橋 繁行（アウンコンサルティング株式会社 取締役 兼 常務執行役員） ケータイもPCも検索エンジンのシステムに大きな違いはない。クローラがウェブを巡回してページを読み込むとインデックスが作成され、キーワードが投げられるたびにアルゴリズムによって順位が決まり、検索結果が返される仕組みだ。だが、サイト側には主に5つの違いがある。それぞれの違いと、SEOでのポイントを解説しよう。ケータイとPCの違いは主に以下の5点だ。 公式サイト・一般サイトの区別キャリア／端末の識別IPアドレスによるアクセス制限ケータイ特有の記述言語と構造の違いケータイ検索エンジンの仕様(1) 公式サイト・一般サイトの区別ポイント PCでは、メーカーやアーティストなどが運営する公式サイトはあっても「キャリ
ケータイサイトの制作と集客、基本を理解しよう - 携帯マーケ入門#2 | 今からでも遅くない！ これから始めるケータイマーケティング入門
はじめてのケータイサイト 制作PCサイトとの違いを把握するケータイマーケティングで最も大きなウェイトを占めるのは、ケータイサイトの構築である。サイトの構築には、PCサイトとは違う、いくつかの注意するべきポイントがある。 1.キャリアによる違い携帯サイトを構築する場合、対応する携帯キャリアによって、仕様が細かく異なっている。キャリア特有の特徴を把握しながら、サイト制作をする必要がある。 2.メーカーや機種の世代による違い同じキャリアの中にも、メーカーごと、機種（の世代）ごとによる違いもある。これらの違いは、たとえば画像の表示の仕方に現れる。キャリアやメーカーによって画面サイズが異なるし、さらにキャリアによって画像フォーマットが異なる。キャリアの違いについては、他にも絵文字形式や動画形式、Flash、アプリなど多岐にわたって考慮することがあるので注意が必要である。 3.情報量の違いケータイとP
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
インプレスR&D、携帯674機種の詳細スペック表を無償提供
インプレスR&Dのインターネットメディア総合研究所とバリューエンジンは、携帯電話の詳細のスペックを掲載した資料「端末プロファイルデータ（無償版）」を4月4日から配信する。 「端末プロファイルデータ（無償版）」は、端末ごとに細かな仕様が異なる携帯電話の詳細なスペックを掲載した資料。2005年より有償で提供してきた「端末プロファイルデータ」の一部を無償で提供するもので、公開時点で674機種の70項目以上に渡る仕様が確認できる。データはCSV形式で配信される。 コンテンツやアプリケーション開発時の参照用、開発ツールやコンテンツ変換エンジンへの組込用、マーケティング調査の基礎データなどに活用できる。提供されるデータは、画像形式の対応状況やカメラの画素数、アプリ対応、アプリ容量、着うたなどのコンテンツ対応状況、Flashのバージョンやキャッシュ容量など多岐にわたる。 なお、無償サービスとなるため、掲
あらゆる携帯端末に最適化ページを簡単作成するDurian4―サムライズ | Web担当者Forum
企業のモバイルサイト作成ニーズが高まるなか、担当者の頭を悩ませるのが、携帯電話の機種ごとに異なるスペックだ。各キャリアから毎年発売される多数の機種のそれぞれに最適化したページを手作業で作るのは困難だが、サムライズが提供するDurian（ドリアン）を利用すれば、ワンソースからマルチキャリア及び全機種に対応したページを簡単作成できる。 端末差に苦労する モバイルサイトの最適化表示PC向けのサイトの伸びをはるかにしのぐ勢いで、携帯向けモバイルサイトの数が急激に増加している。 ノートPCを無線LANスポットで利用するという方法はあるにしても、携帯電話に比べるとPCを利用する際のフットワークはどうしても見劣りする。外出中も手軽にネットを利用できるという点では携帯が一歩進んでいる。また、携帯のカメラで取り込むQRコードによって、サイトへのアクセスも大変手軽なものになった。 こうした状況を受け、多くのP
似ているようで大きく異なる2つの世界--モバイルサイトとPCサイトの違いを知る
ウェブサイトの構築というと、一般的にはPCサイト構築を目的として書かれたものが多いが、モバイルサイトを構築する際には、PCサイトでできることが全てできる訳ではないので注意が必要である。 近年携帯電話の高機能化、高速化により、携帯電話の性能がPCの性能に近づいてきた。しかし、両者の間では、まだまだ解消しなければならない違いが数多く存在する。一口にウェブサイトと言っても、モバイルサイトとPCサイトでは、全く別ものとして考えたほうが現実に即していると言える。そこで今回は、PCサイトと違うモバイルサイトならではの特徴を機能面や利用面から紹介する。 キャリア、メーカーによって異なる世界 モバイルサイトを構築する上でまず頭に入れておかなければならいのは、PCインターネットと違い、モバイルインターネットでは携帯電話会社（キャリア）によって、その世界が違うということである。ではその携帯電話会社による違いと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルサイト構築のユーザビリティいろは コーナーの記事一覧 | Web担当者Forum
モバイルメールマガジン登録&退会画面におけるユーザビリティのポイント（第6回） | モバイルサイト構築のユーザビリティいろは
ケータイ公式サイト&ダウンロードサイトのユーザビリティ6つのポイント（第4回） | モバイルサイト構築のユーザビリティいろは
液晶スペックによるページ作成の留意点 | モバイルサイト構築のユーザビリティいろは | Web担当者Forum
IDEA * IDEA