携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
いまからでも遅くない！ ケータイデザインの基礎固め
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
ウノウラボ Unoh Labs: ゼロからはじめる携帯サイト構築。
こんにちは、日食を妙に楽しみにしていたわりには見ようともしなかった ryosuke です。曇りで残念でした。曇りでも日食と分かるぐらい暗くなったら嬉しかったのですが、東京ではそんな事は全然ありませんでしたね。 さてさて、そんな私ですが入社後半年が経過したところで、入社当初より携わって来た携帯サイト構築に関して得た知識(失敗談)をまとめてみようと思います。 初ラボブログ記事でも触れた様にそもそも本格的な携帯サイト構築は経験に乏しく、バッドノウハウの塊の様な面倒な思いこみが先行しがちだったわけですが(実際バッドノウハウの塊ですが)、端末の機能や表現力が豊かになるのと同時に開発環境的なツールやライブラリの充実、ノウハウの蓄積と情報公開により随分すんなり入って行けた様に思います。 結局はキャリア感の差異を知り吸収する事がすべて いきなりですが、PCサイトと携帯サイトの違いで最も厄介な所はこれにつき
【携帯サイト】もう1ページ先に進んでもらうための６つのテクニック (ユーザビリティ実践メモ)
せっかくコンテンツを作っても、リンクがユーザにクリックされず、内容を見てもらえない、という悩みをお持ちのWEBマスターの方は多いのではないでしょうか。 今回は、携帯サイトでユーザを次ページに導くためのテクニックをご紹介します。 筆者がユーザビリティテスト（ユーザ行動観察調査）を通して得た実感として、携帯サイトの方がパソコンサイトよりも次ページへの誘導が難しいという印象があります。ある携帯の有料会員制サイトでは、「ユーザはいつも利用しているリンク以外はほとんどクリックしない」というユーザ行動が見られました。 理由として、携帯サイトは 読み込みが遅い隙間時間に利用される場合が多く、利用時間が短いパケット代がかかる などが考えられます。 そのため、携帯サイトでユーザを次ページに誘導するためには、パソコンサイト以上に誘導方法を意識する必要があります。以下、ユーザビリティテスト（ユーザ行動観察調査）
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月時点の調査。
携帯サイトの会員を増やす方法
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
「ホムペ」「プロフ」「リアル」--ケータイ世代が生み出す新コミュニケーション
モバイルサイトの世界では、PCとは異なる独自の文化やスタイルが築かれている。中でも非常に大きな違いを見せているのがネット上のコミュニケーションスタイルで、PC由来のコミュニケーションが独自の発展を遂げたり、全く新しいジャンルのコミュニケーションスタイルが誕生したりしている。 今回はそうした中から、「ホムペ」「プロフ」「リアル」といったモバイルで特徴的な機能、サービスに焦点を当て、モバイルでのコミュニケーションスタイルの特徴や、その背景を探る。 「ホムペ」「プロフ」「リアル」とは何か 携帯電話が元々、通話のためのコミュニケーションツールであったこと、コミュニケーションに対して積極的な女性や若年層が多く利用していることなどから、コミュニケーション系のサービスとは相性が良い。例えば、コミュニケーションサービスの代表的存在であるソーシャルネットワーキングサービス（SNS）は、会員数が最も多いミクシ
ke-tai.org > Blog Archive > 携帯だけで会社のホームページが作れるサービス「モバロケ」
携帯だけで会社のホームページが作れるサービス「モバロケ」 Tweet 2008/10/24 金曜日 matsui Posted in 記事紹介・リンク | 1 Comment » ohtaさんからのタレコミです。情報提供ありがとうございます。 携帯だけで会社やお店のホームページや作れる「モバロケ」というサービスを作成したとのことです。 ちょうど私も他のニュースサイトで興味を持っていましたので、ご紹介したいと思います。 → モバロケ PC向けページ [pc.mloc.jp] → モバロケ ケータイ向けページ [pc.mloc.jp] （PCからも見れます） 以下タレコミ文からの引用です。 モバロケは、3キャリア+iPhoneに対応した企業向けのホームページを携帯電話だけで簡単に作成することができる携帯ホームページ作成サービスです。 モバロケでは、外部のホットペッパーやぐるなびなどのサービスと
携帯電話で作成できる企業向け携帯ウェブ作成サービス「モバロケ」 - ネタフル
3キャリア+iPhoneに対応した企業向け携帯ウェブを携帯電話から作成することができる「モバロケ」というサービスがありました。 携帯電話から携帯向けウェブを作成できるサービスというのは他にもあると思うのですが「モバロケ」の特徴は、外部サービスとマッシュアップして周辺情報まで提供できるところにあります。 例えば「製造業の製品紹介ホームページ」というサンプルがあるのですが、新着情報や会社概要などの基本コンテンツに加え、 ・地図 ・最寄り駅 ・乗り換え ・天気 ・駐車場 ・ガソリン などの情報も表示するようになっています。さらには、周辺の飲食店情報まで表示されていたりして。 「そこまで必要？」と思う人もいるかもしれませんが、コンセプトが「携帯ホームページでお客様に、おもてなしをする」ということなので、その通りのサイトができあがっています。 携帯電話から操作できるCMSなので、ハードルも低そうです
PCユーザーとモバイルユーザーの検索方法の違い｜Sphinn Japan Blog
こんにちは！ モバイルSEOの川口です。 今日はモバイルSEOにおいて、キーワードを選ぶときのちょっとしたコツ、TIPSを紹介します。 検索エンジンを使い、求めている情報を探す際のキーワードにおけるPCユーザーと携帯ユーザーの違いになります。 PCの場合は、多くのユーザーが「○○ □□□ △△△」と検索します。 この意味がわかりますでしょうか？ これだけじゃわからないですね（笑 すみません・・・ 何を伝えたいかと言うと、例えば「明日は彼女と渋谷でデートだ！、何をして遊ぼうか？」と言う時にあなたなら何を検索しますか？ 僕なら 【渋谷 デート 遊び】 と検索すると思います。 しかしこれはPCユーザーだからなのです。 モバイルユーザーの場合は 「○○△△」で検索します。 これもどういう意味かいうと、モバイルユーザーは2つのワードを検索する際に、複合ワードでも「○○ △△」と間にスペースを入れて検
[Think IT] 第2回：携帯サイトの制作から公開まで (1/3)
サイト規模に合わせて作り方を選ぶ 前回（http://www.thinkit.co.jp/article/143/1/）は、携帯サイトとPCサイトがどのように違うかを紹介しました。今回は、汎用的な携帯サイト作りを行うための制作の基本から、実機テストまで含めた公開までの手順を解説します。 携帯サイトでは、キャリアによる仕様の違いがあるため、これをどの程度まで考慮するか、はじめに考えなくてはなりません。携帯サイトの作成法には、下記の5つの方法がありますが、ここでは「3キャリア対応の静的サイト+プログラム」について紹介します。 1.キャリア別に静的なサイト 2.3キャリア対応の静的サイト+プログラム 3.プログラムによる動的生成 4.CMSを使ったジェネレータ型 5.MobaSiF（http://sourceforge.jp/projects/moba）などのフレームワーク型 3キャリア対応の静
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
モバイル業界について勉強する会に行ってきました : akiyan.com
モバイル業界について勉強する会に行ってきました 2008-10-06 モバイル業界について勉強する、カジュアルな勉強会に行ってきました。会場はGMOベンチャーパートナーズさんのご厚意による提供で、澁谷セルリアンタワーの一室で行われました。 この勉強会は月一程度で行われていて、毎回テーマが変わります。今回は以下のような流れで勉強しました。 自己紹介 名前 やっていること ケータイに欲しい機能を一つ モバイル業界について疑問に思っていることを書き出す(10分程度) 一人づつ発表する(書いたまままま読み上げる)。それを百式の田口さんホワイトボードに書き連ねる エフルート佐藤さんが自社サービスや現状のモバイル業界についてプレゼン発表する 答えられそうな疑問に一つづつ答えていく 懇親会へ 以上が90分ぐらいかけて行われました。 僕が疑問に思ったことと、答えて頂けた内容は以下の通りです。 僕の疑問 ケ
毎日新聞の本と雑誌: 瀬戸内寂聴×藤原新也 対談
千年先だって愛してる――。瀬戸内寂聴さんがペンネーム「ぱーぷる」で書いたケータイ小説「あしたの虹」。両親の離婚に心を痛める女子高生ユーリが出合った運命の恋をみずみずしく描く。毎日新聞社から単行本として刊行されたのを記念して、ケータイ小説に詳しい写真家の藤原新也さんを迎え、なぜ「あしたの虹」を書いたのかを明かし、ケータイ小説に寄せる思いなどを語り合った。 ◇「知らなきゃ始まらない」瀬戸内さん ◇「若者の“棚”に飛び込んだ」藤原さん 瀬戸内 ケータイ小説については日本語をだめにする、文学ではないなど、悪口ばかりを聞きました。でも非常に売れている。知らなきゃ何も言えないと思い、読みました。これなら売れるなと小説家として思いました。さらに「これなら書ける」と思ったのが書き始めたきっかけです。何でも私は自分の手で触らないと信じないんです。書く前に藤原さんが今の若い子をよく知ってるからおうかがいをたて
CodeZine：携帯シミュレータ入門（開発ツール, まとめ）
はじめに 携帯サイトは、PCのWebブラウザではテストできません。携帯のWebブラウザにはさまざまな機種依存仕様があるからです。マークアップ言語の違い（HTML/HDML）絵文字表示可能な画像形式（gif/png/jpg、カラー/モノクロ、色数、サイズ）受信サイズアクセスキー これらは携帯の実機でテストする必要がありますが、開発中に携帯の実機でテストをするのは大変です。実機ではソースを見ることもできませんし、経費もかかります。 そこで携帯シミュレータの出番です。すべての機種依存仕様を正確にシミュレートできるわけではありませんが、上記のうち、1. 、2. 、5. をテストすることができます。本稿では、携帯サイトの開発に必須となる携帯シミュレータの紹介と、使用上のポイントを説明します。対象読者 携帯向けWebサイトの開発者必要な環境 Windows 2000/XP携帯シミュレータ一覧 携帯シ
高木浩光＠自宅の日記 - 無責任なキャリア様に群がるIDクレクレ乞食 ―― 退化してゆく日本のWeb開発者
馬鹿じゃないのか。このようなセキュリティに関わる情報公開ページは https:// で提供する（閲覧者が望めば https:// でも閲覧できるようにする）のが当然なのに、携帯電話会社ともあろうものが、そろいもそろってこんな認識なのだ。 （8月2日追記: ソフトバンクモバイルについては「7月27日の日記に追記」参照のこと。） それをまた、ケータイWeb関係者の誰ひとり、疑問の声をあげていないことがまた、信じ難い。何の疑問も抱かずにこれをそのまま設定しているのだろう。 こんな状態では、ケータイWebの運営者は、DNSポイゾニング等で偽ページを閲覧させられても、気付かずに、偽アドレス入りの帯域表を信じてしまうだろう。 つまり、たとえば、example.jp というケータイサイトを運営している会社が example.co.jp であるときに、攻撃者は、example.co.jp のDNSサーバに
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Think IT] 第3回：徹底検証！携帯シミュレーター (3/3)