モバイルサイト構築前に知っておきたいユーザビリティ10のポイント（第1回） | モバイルサイト構築のユーザビリティいろは
端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト（以降“モバイルサイト”）の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で
コンテンツ業界の底辺でイマをぼやく：第15回 「このケータイサイト、長っ！」についての一考察 - ITmedia D モバイル
「このページ、ちょっと縦に長すぎるでしょー」 「いやいや、ケータイサイトのトップページなんてどこも長いですよ」 「でも、3～4スクロールくらいが限界じゃない？ それくらいに押さえてよ」 「は、はぁ。ただ、機種によっては表示範囲が違いますから、必ずとはいえませんが……」 「そもそもさ、みんなは長いページいやじゃないの？」 「う、うーん……」 こんな感じで、新規クライアントさん（もしくは新担当さん）の元でケータイサイトを作ると、毎回のように「ページの長さ許容範囲問題」というのが話に登ります。先に言ってしまうと、個人的には「トップは長くて中は短い」が好みなのですが、考え方は人それぞれですし、答えも“状況”によって違うと思います。 ユーザビリティ、回遊性、更新感、情報量、表示可能容量の問題、メモリの問題などなど……と、この議論を進めるにはいろいろな検証が必要で、サイトのコンセプトやターゲットによっ
WEB色見本 原色大辞典 - HTMLカラーコード
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
携帯サイト作成の便利なタグ〜入力モード、アクセスキー、キャッシュ、ブックマーク [ドコモ(iモード),au(EZweb),ボーダフォン(Vodafone)]
入力フォームの入力モードの指定 携帯サイトの入力フォームで文字を入力するときの入力モード（英字、数字、漢字、カタカナなど）を指定できます。 数字を入力させたい場所で文字を入力するときに、最初に漢字モードが表示されると、わざわざ携帯のボタンで数字モードに直してから入力しますが、予めページ側で数字モードにしてあげると、入力する人の手を煩わせることがありません。 ドコモ istyle：「1」全角かな、「2」半角カナ、「3」英字、「4」数字。 例 <input type="text" name="test" istyle="3"> au format： 「A」英大文字のみ（句読点も可）、 「a」英小文字のみ（句読点も可）、 「N」数字のみ、 「X」大文字と数字記号（句読点・記号も可）、 「x」英小文字と数字記号 (句読点・記号も可）、 「M」全角漢字 (携帯のボタンですべての文字も可）、 「m」英
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
絵文字変換機能 | サービス・機能 | NTTドコモ
au、ソフトバンク、ディズニー・モバイル、イー・モバイル、ウィルコム、Yahoo!メール、Gmail、au oneメールに絵文字入りのiモードメールを送ると、自動的に他社の類似した絵文字に変換されます。ウィルコム、Yahoo!メール、Gmail、au oneメールへは、ドコモの絵文字がそのまま表示されます。 お申込みや設定は不要です。 受信する携帯電話・PHSの機能、機種やブラウザの種類により、正しく表示されない場合やイメージが異なる場合があります。 送信先に該当する絵文字がない場合は、文字または「〓」に変換されます。 Yahoo!メール宛のメールの件名に含まれる絵文字は「・」などに変換されます。 送信先の絵文字はイメージです。
3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ～ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま
CodeRepos::Share – Trac
モバイルのウェブ開発の際に PC のブラウザで見れるように HTML をレンダリングしてくれる Web アプリケーションです。 つかいかた とりあえずつかうだけなら svn co http://svn.coderepos.org/share/lang/ruby/ssb/trunk/ ssb cd ssb/ rake setup ruby ssb-webrick.rb でいけます。 末永く使いたい場合は mod_ruby を使うのもよいかもしれません。 scrapi, lha, ghostscript, imagemagick がないと絵文字の scraping に失敗して絵文字が表示できません。 携帯端末情報 機種変更時に利用される携帯端末情報は、ke-tai.orgの携帯電話スペック一覧を利用しています。 端末情報を最新のものに更新するときはシェル上で以下のコマンドを入力してください。
memokami :: 約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました
NetFarmさんが携帯端末500機種以上を網羅した「P1エミュレーター」のベータ版が無料で公開されました。 いままで携帯でテストするときに、まともに利用できるエミュレーターといえば、i-modeシミュレータしかなく、結局実機でのテストに頼っていました。 この「P1 Emulator」はケータイサイトのテストの救世主となるのでしょうか。 早速試してみました。 ■まずはダウンロード http://p1.netfarm.ne.jp/ ※ダウンロードには会員登録/ログインが必要です。 ■エミュレーターインストール インストールがめちゃくちゃ重かったです。 うちの環境だけかな。固まったかと思うほど。 気長に待ちましょう ■インストール完了 かなり時間かかりました。 ■ライセンス登録画面 最初に起動するとベータ版のライセンスキーを取得するように言われます。サイトに行って取得しましょう。登録したメール
Understanding HTML, XML and XHTML - 灯台下暗し -カッターナイフで恐竜を腑分けした記録-
XHTML と HTML がどんな関係にあるのか、それは誤解ばかりが広まっています。WebKit (Safari や S60 Browser のレンダリングエンジン)開発者の Blog で、この誤解を正そうと、下記の記事が書かれました。 Surfin Safari - Blog Archive >> Understanding HTML, XML and XHTML 要約します。Web から HTTP で取得したテキストで HTML と XHTML を区別するのは HTTP レスポンスヘッダの MIME タイプです。text/html なら HTML 、application/xhtml+xml か text/xml なら XHTML として扱われます。逆に、次に列挙することを行っても XHTML としては扱われません。 XHTML の DOCTYPE 宣言を入れる XML 宣言を入れる
2008年 2月の DeNA テクノロジーセミナースライド公開 - DeNA 技師のメモ
先月開催したテクノロジーセミナーのスライド (PowerPoint ファイル) を公開します:モバゲータウンのインフラ構築、運用 (有澤 高介)モバゲータウンの HTML テンプレート、絵文字の扱い＋α (松内 良介) DeNA テクノロジーセミナーについて先月の「お誘い」には「第 1 回」と書いてしまったのですが、実際の初開催は 2006年の 10月, 2007年 2 月で、その時はモバオクのシステム開発・運用全般について説明しました。この時の内容はほぼ DB マガジン 2007年 1月号に掲載していただいた記事と同じものです。たしか 1 時間くらい僕がプレゼンテーションをし、30 分くらい質疑応答 (こちらは川崎も担当) するというような感じでした。質疑応答では「ここはどうなっているのか?」「ここの部分の性能はけっこういいですね」「この部分は公開してくれるとうれしい」というような質問や
iPhone Dev Center
Widgets and Live Activities Widgets are becoming even more powerful in even more places. Now you can use WidgetKit to build support for interactivity and animated transitions, so people can take action right in your widget. Once you rebuild for iOS 17, with just a few simple changes your existing widgets will look great in StandBy on iPhone, on the Lock Screen on iPad, and on the desktop on Mac. W
文字背景色について（携帯サイト どうしてモバゲーは表示できるの？）
携帯サイトにおいて、 「色帯の上に白抜き文字」 のバーを作成したいと思っています。 検索や質問サイトなどで自分なりに情報を集め、 ・＜Table＞＜Marquee＞ タグを利用すれば作成できることがわかりました。 しかし、上記のタグ（＜table＞）は、iモードの場合、 【iモード対応HTMLバージョン6.0】 以上の機種にしか対応していないそうです。 http://www.nttdocomo.co.jp/service/imode/make/co … ne/s1.html#1_8 私が利用している機種はSA800iでありまして、 このHTMLバージョンを調べてみたところ、 【iモード対応HTMLバージョン5.0】 でした。 http://www.nttdocomo.co.jp/service/imode/make/co … だめなのかな・・・と半ばあきらめかけていたところ、 ふと携帯サイ
Persistence is Power:ケータイサイトで機種情報を取得する Rails プラグイン mbterm_db - livedoor Blog（ブログ）
実は前から公開してたんだけど、最近の機種情報を追加ついで、あと Rails のプラグインを書く勘を取り戻しついでに、ちょっと手を入れたので、改めて紹介しときます。 mbterm_db は Ruby on Rails でケータイサイトをつくる際に、ブラウザのバージョンや画面サイズを取得する Rails プラグインです。 このプラグインは、以前モバイル勉強会で紹介した機種情報 DB の出力の一形式です。機種情報 DB には、基本的に僕が必要なものしか入れてないのですが、最近は FlashLite に傾倒気味なので、そのうち FlashLite のバージョンくらいは入れるかもしれません。 こんなデータベースを持たずとも、ドコモ以外は HTTP リクエストヘッダにそこそこの情報が含まれているのですが、リクエストヘッダの情報は微妙に足りなかったり(一行の文字数とか)、SSL したら取れない事が
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。
PHPで携帯の各キャリアとPCの判別、振り分けをする (OPQR.jp : WebサービスとWebデザインについて考えてみる;)
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。
シリウステクノロジーズ、携帯電話から位置情報を取得できるAPIを公開
シリウステクノロジーズは12月25日、自社が運営するサイト「 Cirius Lab.（シリウスラボ）」にて、位置情報を活用したモバイルサイト開発をする際に利用できるプラットフォーム、「GeoPlatform API」の提供を開始したと発表した。 GeoPlatform APIシリーズの第1段となる「GeoForm API」は、GPSやiエリアなど、位置情報を活用したモバイルサイトを作成する際に、ドコモやau、ソフトバンクなどのキャリアの違いや、機種間の違いを意識せずに、指定したフォーマットで位置情報を取得することが可能となる。APIを利用するための、ユーザ登録を行なうことで、1日5000アクセスまで無料で利用することができる。 なお、GeoForm APIは、シリウスラボのウェブサイトよりユーザ登録を行い、APIキーを取得することで利用できる。 シリウステクノロジーズでは、今後、GeoPl
dara日記 - jpmobile - A Rails plugin for Japanese mobile-phones
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FOMAでの背景色指定 - Going Faster
ブログ . retrospectiva