タグ

Web制作と携帯に関するpmakinoのブックマーク (99)

  • 移動中より自宅がメイン? モバイルサイトの本当の利用スタイルを知る

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    移動中より自宅がメイン? モバイルサイトの本当の利用スタイルを知る
  • 携帯各キャリアの固有IDについて (全キャリア対応)

    百式の人のまとめがえらい中途半端だったのに360ブクマも集めてて悔しかったので気でまとめてみた。 ケータイのユーザーIDを取得する方法まとめ (IDEA*IDEA ~ 百式管理人のライフハックブログ ~) 携帯各キャリアの固有IDについて (全キャリア対応) 2009.03.25 コメントで指摘を頂いてEZ番号の書式について訂正いたしました。(10桁→14桁) 2010.05.20 EZ番号の再発行のポリシーに変更があったそうです 現在携帯関連の仕事を離れたため詳細を追いかけていません。 高木浩光@自宅の日記などを参照してください。 PDFはこちら: mobileid.pdf:携帯各キャリアの固有IDについて (全キャリア対応) 携帯4キャリア(DoCoMo, au, SoftBank, emobile)と、PHS(willcom)まで書いています。*1) このとおり、各キャリアは複数の

    携帯各キャリアの固有IDについて (全キャリア対応)
  • accesskeyの使い方を比較(Google,Yahoo!,MySpace,mixi,モバゲー,ニコ動,etc)

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

  • 成果を上げる携帯サイトのフォーム設計 (ユーザビリティ実践メモ)

    離脱されない携帯サイトのフォーム作成術 携帯サイトのフォーム設計のコツ 個人プロフィールからの引用を考慮した携帯サイトフォーム設計 さて、携帯サイトのフォームの入力効率を上げる(完遂率を上げる)には、まず項目数を少なくして入力負荷を減らすことが第一です。 しかしビジネス上の要件から、項目数を減らすことにも限界があります。そこで、入力時のボタン操作など、「ユーザの操作面の負担を少なくする」ことを考えましょう。 1. 入力文字種を指定する テキストエリアの属性としてistyleを指定することで、入力文字種の「全角かな」「半角カナ」「英文字」「数字」をページ側で指定することができます。 携帯電話では文字入力モードを変更するために、2-3回(十字キーを使う場合はもっと多くなります)ボタンを押さなければなりませんので、この指定だけでもユーザの負担は大きく減ります。 ※タグや属性の詳細な仕様に関しては

  • Perl でモバイルウェブ開発 - モダンなPerl入門

    Perl でのモバイルウェブ開発。CPAN モジュールつかいまくって簡単に開発がすすめられます。 端末情報を制する(HTTP::MobileAttribute) HTTP::MobileAttribute をつかうと、HTTP ヘッダから情報をぬきだし、ケータイ端末の情報をあつかいやすくすることができます。 use HTTP::MobileAttribute plugins => [ qw/ IS / ]; my $ma = HTTP::MobileAttribute->new(); $ma->is_docomo(); 絵文字をふくむ文字列をUTF8にまとめつつ相互変換(Encode::JP::Mobile) Encode::JP::Mobile をつかえば、絵文字の相互変換は容易におこなえます。ユーザがポストした発言などにふくまれる絵文字を、各キャリア用に相互変換することができます。 E

  • 離脱されない携帯サイトのフォーム作成術 (ユーザビリティ実践メモ)

    みなさんは携帯サイトの会員登録を行う際に以下のような経験はありませんか? ・入力エラーが発生した。 ・次ページの読み込み中に接続不良となった。 弊社のユーザ行動観察調査では、会員登録時に上のような状況に直面すると、多くの人が会員登録をあきらめてしまう様子が観察されています。 今回はこのようなトラブル発生を防ぎ、「離脱されないフォーム」を実現する上で重要となるポイントを2つご紹介します。 フォーム入力例を適切な位置に配置する フォーム内の各項目に入力例を明示することでエラー発生を防ぎます。ごくごく当たり前のことですが、PCサイトに比べてコンテンツスペースが少ないことを理由に、携帯サイトでは「入力例が省略されたフォーム」が多く見受けられます。 また、入力例の配置にも注意が必要です。たとえ入力例が配置されているフォームであっても、下図の左側のように入力欄の下に配置しているものは十分と言えません。

  • Perlで作るモバイルサイトのコツ:目次

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    Perlで作るモバイルサイトのコツ:目次
  • ケータイサイトのデザイン--Flashは見やすいが操作性や通信費に不安あり

    アイ・エム・ジェイのグループ会社、IMJモバイルは8月27日、「FLASHの携帯サ イトに関する調査」を実施、結果を発表した。 調査によると、HTMLサイトの印象は「見やすい(62%)」が最も高く、次いで 「サイトの内容がわかりやすい(61%)」、「操作しやすい(57%)」となり、全般 的に操作性に関して良いイメージを持っていることが分かった。 一方、FLASHのサイトの印象は「見やすい(74%)」が最も高く、次いで「好感 が持てる(72%)」、「サイトの内容が分かりやすい(59%)」となり、全般的にデ ザインに関して良いイメージを持っていることが分かった。 また、HTMLサイトとFLASHサイトのどちらが良いかを比較したところ、「情報を 見つけやすい」や「スムーズ・スピーディ」の項目についてはHTMLサイトの評価が高 く、それ以外の「印象に残る」や「洗練されている」、「先進性を感じる」、

    ケータイサイトのデザイン--Flashは見やすいが操作性や通信費に不安あり
  • 携帯端末以外のIPを制限するhtaccessを簡単生成 『Mobile IP htaccess Maker』 - HTMLタグボード

    携帯端末以外のIPを制限するhtaccessを簡単生成(Mobile IP htaccess Maker) 2020年4月25日 2020年4月27日 Web便利ツール 携帯端末以外のIPを制限するhtaccessを簡単生成(Mobile IP htaccess Maker) 携帯サイトを運営する上で、携帯端末のみをアクセス可能にしたい場合にサーバーに設置が必要なサーバー定義ファイル「.htaccess」を簡単に生成します。 キャリアや検索エンジンのクローラーごとに設定可能なため、例えば「auは許可し、docomoは拒否」といった設定も可能です。 使いかた アクセスを許可したいキャリアやクローラーを選択し、最後に「htaccess生成」ボタンを押すと、htaccess用に書かれたIP情報(自IP含む)が表示れます。 表示内容をコピーし、「.htaccess」という名前で保存した後、自分のサ

    携帯端末以外のIPを制限するhtaccessを簡単生成 『Mobile IP htaccess Maker』 - HTMLタグボード
  • 狭山市 公式モバイルサイトの紹介

    【防災メニューから】 [iMenu] → [メニューリスト] → [防災・防犯・医療] → [防災] → [地域の防災情報] → [関東甲信越] → [埼玉県] → 狭山市 (モバイル安心安全ガイド) 【防犯メニューから】 [iMenu] → [メニューリスト] → [防災・防犯・医療] → [防犯] → [地域の防犯情報] → [関東甲信越] → [埼玉県] → 狭山市 (モバイル安心安全ガイド) 【医療メニューから】 [iMenu] → [メニューリスト] → [防災・防犯・医療] → [医療] → [医療機関検索] → [関東甲信越] → [埼玉県] → 狭山市 (医療機関緊急連絡先)

    pmakino
    pmakino 2008/11/04
    PC版よりもアクセス数が多いらしい
  • 狭山市 「平成18年度地域づくり総務大臣表彰」を受賞

  • 携帯サイトのユーザビリティ向上策

    リンクには細心の注意を 前回(http://www.thinkit.co.jp/article/143/3/)は3キャリア対応の携帯サイトを作るポイントを解説しました。今回は、画面の小さいケータイならではのユーザビリティを、使いやすさや視認性といった点について具体例をだしながら、実践的に解説します。 携帯サイトでは、PCサイトのように1ページ全体を見渡すことができません。PCサイトであれば、一瞬で目的のリンクを探すことができても、携帯サイトの場合、上から順番にリンクをたどりながら画面をスクロールしていくので、それがページのコンテンツの一部なのか、単なる広告なのか、区別する必要があります。 例えば、携帯サイト向けの広告では「[PR]~」のようにアンカーテキストの前に広告であることを示す文言を追加したり、画面遷移を促すリンクの場合、単に「次はこちら」など分かりにくいテキストは避け、「→オススメ

  • 自治体の携帯サイトに高齢者が続々とアクセスする日

    携帯電話向けサイトを作っている自治体は年々増えてきている。「e都市ランキング 2008」の調査によると、6割以上の自治体が携帯電話向けのサイトを作っていることが分かった。「せっかく広く普及している端末を利用しない手はない」ということで、携帯電話に注目する電子自治体関係者は少なくない。 ただし残念ながら、今のところ自治体の携帯サイトはあまり見られていない。同じく「e都市ランキング 2008」の調査結果によると、自治体の携帯サイトの77.2%が月間1万ページビューにも達していない(携帯サイトを持つ自治体のうち、ページビューが「不明」と回答した自治体を除いて集計)。 さらに高齢者となると、自治体サイトはほとんど見られていないようだ。 高齢者、障害者の立場でマルチメディア、情報通信サービスを考えるボランティア研究会「老テク(老人を助けるテクノロジー)研究会」は、6月にある調査結果を発表した。「電子

    自治体の携帯サイトに高齢者が続々とアクセスする日
  • 10代と20代で好まれるモバイルコンテンツの違い

    博報堂と博報堂DYメディアパートナーズが10代・20代のモバイルコンテンツの利用状況に関する調査結果を発表しました。https://markezine.jp/article/detail/4534そこから、年代ごとに好まれるモバイルコンテンツの違いが浮き彫りになったのでご紹介します。 20代と10代では下位ジャンルほど好まれるコンテンツが異なる コンテンツのジャンルごとに日ごろよく利用する携帯サイトを調査した結果ですが、これまで頭の中で「仮説」として思っていた年代ごとの好みの違いが明確に現れているよいデータだと思います。 10代で好むコンテンツは「着メロ・うた」「天気予報」「SNS」「交通」「ゲーム」「小説」「ニュース」「動画」「プロフ」の順になりますが、20代では「交通」「天気予報」「SNS」「着メロ・うた」「ニュース」 「グルメ」「オークション」となります。要は、上位4ジャンルまでは順

  • MobileCat

    MobileCat とは さいきんすっかり放置です、すみません。このページとソース逆引きのページだけ静的に残してあります。参考程度にお願いします。2009/8 冨田 Perl で、CPAN モジュールをさまざま組み合わせてモバイルサイトを作る方法を紹介してみるプロジェクトです。(紹介記事) このサイト http://mobilecat.koneta.org/ 自体がサンプルとなっています。UA を変えたり携帯からアクセスしてみてください。 Links ソース一式 // thanks coderepos ソース逆引き - 簡単な解説のページ TODO founder: Naoki Tomita (モバイル系ブログ) 携帯開発系チャンネル: #mobilejp @ irc.freenode.net おことわり スケールのサンプルになる必要もないだろうと、個人サーバーで軽く動かしているため、修正

  • "COLORS"ケータイWebの新しい形:ケータイWebをもっとリッチに使いやすく――RIAプラットフォーム「Colors」の挑戦(前編) - ITmedia +D モバイル

    ケータイWebをもっとリッチに使いやすく――RIAプラットフォーム「Colors」の挑戦(前編):ケータイWebの新しい形 携帯電話の高機能化に伴い、ディスプレイの表現力が増している。ハイエンドモデルの解像度はワイドVGA(480×800ピクセル)以上が標準になりつつあり、画面サイズも3.5インチクラスの端末が登場するなど、進化し続けている。また、通信速度の高速化や定額プランの導入も進んでおり、リッチなコンテンツを楽しめる素地が整ってきたといえるだろう。 しかし、サービス面では、この高解像度なディスプレイや通信速度を生かし切ったものが登場していないのが現状だ。例えばワンセグはそもそもの解像度がQVGA(320×240ピクセル)であるため、大画面はメリットになるものの、解像度の面ではさほど効果があるとはいえず、大画面や高解像度が生きてくるWeb系のサービスにしても、表現力の豊かな携帯サイトは

    "COLORS"ケータイWebの新しい形:ケータイWebをもっとリッチに使いやすく――RIAプラットフォーム「Colors」の挑戦(前編) - ITmedia +D モバイル
  • 携帯サイトでのユーザナビゲーションのコツ (ユーザビリティ実践メモ)

    携帯サイトのユーザビリティはPCサイトと異なる部分が多く、携帯サイト特有のtipsが存在します。今回は、携帯サイトでのページ分割と、ページ内リンクの活用についてご紹介します。 従って、同じ量の情報を伝えるにあたって、 ページを複数に分割し、ページ遷移させる(ロードが必要) 1ページに情報をまとめ、ページ内リンクでコンテンツ間を移動させる(ロードが不要) という2種類の方法では、後者の方が「携帯電話=PCの代替」ユーザに好まれ、より多くの情報に接してもらうことができます。 実際、ページを複数に分割した場合、弊社のユーザビリティテスト(ユーザ行動観察調査)では図1のような行動が観察されています。 インデックスページへ戻ることを繰り返し、「面倒だ」と感じた時点でそのサイトへの興味を失い、閲覧を止めてしまうのです。 一方、1ページに情報をまとめ、ページ内リンクで誘導した場合の行動は図2のようになり

  • ドコモのCSSをインラインに埋め込んでくれるPHPライブラリ「toInlineCSSDoCoMo」:phpspot開発日誌

    ドコモのCSSをインラインに埋め込んでくれるPHPライブラリ「toInlineCSSDoCoMo」 2008年07月11日- ke-tai.org > Blog Archive > ドコモのCSSをインラインに埋め込んでくれるPHPライブラリ「toInlineCSSDoCoMo」 DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ「toInlineCSSDoCoMo」作りました : アシアルブログ ケータイ向けサイトを作っていく上で一番問題となるのが、ドコモ端末が外部CSSファイル読み込みや、styleタグでの内部参照に対応していないことです。ドコモのCSSをインラインに埋め込んでくれるPHPライブラリ「toInlineCSSDoCoMo」がke-tai.org で紹介されています。 以下のようにメソッドを呼び出すとCSSを組み込んだ形に自動でHTMLを変換してくれるみたい

  • 富士通SSL、自治体向けにPCサイトを携帯電話で閲覧できるサービスを提供

    富士通ソーシアルサイエンスラボラトリ(富士通SSL)は、PCサイトを携帯電話で閲覧できる仕組み「携帯電話ブラウジングサービス」と、災害情報や緊急情報をWebサイト上の任意の場所に指定時間表示する仕組み「Push型緊急情報表示サービス」を、地方自治体向けに7月7日より販売する。ASP(ソフトウェアの期間貸し)形式で提供する。 携帯電話ブラウジングサービスは、自治体が運営するWebサイトを、Flash形式に自動変換する。携帯電話でもPCで見る画面と同じようにWebサイトを閲覧することができる。 Push型緊急情報表示サービスは、地震や大雨などの災害時にWebサイトを運営する自治体が、緊急情報を表示したい位置に、表示したい時間だけ表示できるようにするもの。形式はバナー形式や、ポップアップ形式などが選択できる。携帯電話からの閲覧も可能だ。登録されたメールアドレスに緊急情報を送信するサービスも含む。

    富士通SSL、自治体向けにPCサイトを携帯電話で閲覧できるサービスを提供
  • 携帯サイトのフォーム設計のコツ (ユーザビリティ実践メモ)

    PC向けサイトの資料請求ページなどでは、入力フォームに近接して入力例を置くことで入力形式の違いによるエラーを防ぐことができます。 しかし携帯サイトの場合、入力フォームの周りに入力例を表示したとしても、パソコンとは違い実際にユーザが入力する際には入力画面に切り替わってしまうため、ユーザが例を見ながら入力することができません。 入力フォームについてもう1点注意することがあります。 例えば上記にて、年月日の入力フォームを縦に並べてしまうと、スクロールのしかたによっては携帯サイトの画面に月日の入力フォームが表示領域外に隠れて見えなくなるケースが発生し、ユーザが誤って年のフォームに月日も同時に入力してしまう可能性があります。 入力フォームは横並びにする、入力フォームに文字数制限を設けることが有効です。 同じ役割を持つ画面でも、PCと携帯という物理的な環境やユーザの使用環境の違いを考慮すると違った設計