タグ

mobileと*web制作に関するuniuni-saruのブックマーク (52)

  • 間違いだらけの「かんたんログイン」実装法

    今回は、そのかんたんログインの問題点について説明します。 「契約者固有ID」を用いるかんたんログイン かんたんログインとは、携帯電話の「契約者固有ID」を用いたログイン手法です。 第1回で説明したように、携帯電話のブラウザのリクエストヘッダには契約者固有IDと呼ばれるIDを付けることができます。契約者固有IDは、携帯電話事業者によって詳細は異なりますが、すべての携帯電話事業者が対応しています。 図1は、NTTドコモの携帯電話がサポートしている契約者固有IDである「iモードID」がサーバに送信される様子です。この情報は、ユーザーがそれと意識することなく送信されます。携帯電話のかんたんログインとは、契約者固有IDのみを用いて認証を行い、ログイン機能を実現することです。 かんたんログインは、ベーシック認証のようにIDとパスワードを管理する必要もなく、Cookieのように対応する端末を考慮する手間

    間違いだらけの「かんたんログイン」実装法
    uniuni-saru
    uniuni-saru 2011/03/03
    かんたんログインの見直し
  • ケータイキャリア・クローラIPアドレス - ke-tai.org

    お知らせ † 2008/06/12 ケータイキャリア・クローラIPアドレスのページを作成しました。 リストの保守のご協力をお願いします。 3キャリアのPCサイトビューワーやフルブラウザのIPアドレスは除外しています。 2010/04/20 ページのSSL版アドレスはこちらです。 ↑ このページについて † このページは、ケータイキャリアや、クローラのIPアドレス情報を共有するためのものです。 携帯端末のみからのアクセス(PCをはじく)を行うための設定に利用します。 WillcomやMVNOなど、ケータイに関係ありそうなものは全て入れてあります。 必要に応じてコピペしたり、コメントアウトしてお使いください。 ※ご注意※ こちらのページにあるIPアドレス情報は、不正なアクセスを防ぐ目的、特にかんたんログインのセキュリティを保持するためのものではありません。 内容を良く理解した上でお使いくださ

    uniuni-saru
    uniuni-saru 2010/11/19
    携帯サイト製作に便利
  • midoff.com

    This domain may be for sale!

  • 高木浩光@自宅の日記 - ここまで破綻しているケータイID認証(簡単ログイン)

    ■ ここまで破綻しているケータイID認証(簡単ログイン) 2009年夏、はてなブックマーク界隈では「かんたんログイン」が危ういという話題で持ち切りだった。IPアドレス制限をしていても突破できてしまうのではないかという話だった。 実際に動いてすぐ使える「PHPによるかんたんログインサンプル」を作ってみました, ke-tai.org, 2009年7月31日 SoftBank Mobileの携帯用GatewayPCで通る方法のメモ, Perlとかmemoとか日記とか。, 2009年8月1日 ソフトバンクの携帯用GatewayPCで通る方法があるようです, ke-tai.org, 2009年8月4日 これは要するに次のような話だった。 まず、SoftBankの携帯電話で特定のAPN mailwebservice.softbank.ne.jp でネット接続して、所定のProxyサーバ sbwap

  • case:MobileDesign! モバイルサイトのデザイン紹介ブログ

    case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-02-15 >

  • 手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo

    最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。 携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。 とりあえず携帯サイト作りたい時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co

    手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo
  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • 「これから携帯サイト作成」お役立ちサイト集 2010年version - Feel Like A Fallinstar

    このブログは引用メインのまとめブログではないんですが、たまたま携帯サイトを個人的に1個作ることになったので、こんなエントリーを。 何だかんだ言っても、日の携帯電話ってしばらくは生き延びる(+普通に利用目的によってはスマートフォンより上)わけで、一度まとめておくと便利かな、ということで。 モバイルの利用状況とか、マーケ系 さすがに2010年のものばっかりはムリなので、ここ数年以内のもの中心で。 あんまり沢山見ても訳分からないので、絞りました。 携帯電話におけるインターネットおよび検索エンジンの利用状況(インデックス) 個人的にはもう少しGoogleが多いのかと思っていましたが、携帯でもYahooの方が多いんですね。 モバイルユーザー傾向DATABOX 2010年5月版 アクセス解析ソフトMyRTのデータが元になっていて、若干偏がありそう。 画像対応とか、ディスプレイサイズとか、最低限見てお

  • ke-tai.org > Blog Archive > 年代/男女別の人気サイトTop10がわかる「ケータイサイト番付」が更新されているようです

    年代/男女別の人気サイトTop10がわかる「ケータイサイト番付」が更新されているようです Tweet 2010/7/14 水曜日 matsui Posted in 記事紹介・リンク | 2 Comments » 以前にもご紹介したことのある、年代/男女別の人気サイトTop10がわかる「ケータイサイト番付」が更新されているようです。 以前は、なんだかよくわからないサイトがランクインしていたのですが、今回は集計方法を変えたのか、そこそこ納得のいくランキングになっており面白いです。 → ケータイWatch ケータイサイト番付・15歳~19歳(2010年5月) [k-tai.impress.co.jp] → ケータイWatch ケータイサイト番付・20代(2010年5月) [k-tai.impress.co.jp] → ケータイWatch ケータイサイト番付・30代(2010年4月) [k-tai

    uniuni-saru
    uniuni-saru 2010/07/15
    携帯サイト制作の参考にひととおり目を通しておこう。
  • Googleの検索データから読み解くモバイル市場の可能性

    「モバイル市場は着実に成長している」――そういう話はよく聞くが、なかなかピンとこないという人も多いのではないだろうか。この連載では、モバイル市場がどのように成長しているのか、そしてどのような可能性を秘めているのかをGoogleの検索データを元に紹介する。 PC対モバイルの検索トレンド 23%と95%――この数字は、GoogleにおけるPCとモバイルそれぞれの検索ボリュームの平均成長率(2007〜2009年)である。PCから情報を探すニーズが2、3割増なのに対して、モバイルから情報を探すニーズは、ほぼ倍のペースで増えているということになる。 PCとモバイルにおける検索ボリュームの平均成長率。PC/モバイルの検索数をそれぞれ異なる軸で示している。モバイルについてはAndroidiPhoneなどのスマートフォンを含んでいない ※クリックすると拡大します では、なぜモバイルの検索ボリュームは急成

    Googleの検索データから読み解くモバイル市場の可能性
  • モバイル版とデスクトップ版の両方のサイトを運営しているウェブマスターの皆様へ

    +1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

    モバイル版とデスクトップ版の両方のサイトを運営しているウェブマスターの皆様へ
  • モバイルSEOの重要性は理解、しかし社内スキルに不安あり【モバイル検索/SEOリサーチ】

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

    モバイルSEOの重要性は理解、しかし社内スキルに不安あり【モバイル検索/SEOリサーチ】
  • 携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net

    ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneAndroidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随

  • はてなブログ | 無料ブログを作成しよう

    2024夏休み旅行 神戸・2日目【前編】 zfinchyan.hatenablog.com ↑1日目はこちら 6:50 わたしと夫だけ先に起床 前日に買っておいたお芋のパンで朝ごはん 昨日の疲れからか、なかなか息子たちが起きてこなかったので、ゆっくり寝かせてから10:00にホテルの下にあるプレイゾーンに行って、パターゴルフやバス…

    はてなブログ | 無料ブログを作成しよう
  • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

  • case:MobileDesign! モバイルサイトのデザイン紹介ブログ

    case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-03-08 >

  • ke-tai.org > Blog Archive > ケータイでのメール受信設定についてまとめてみました

    ケータイでのメール受信設定についてまとめてみました Tweet 2008/9/22 月曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 6 Comments » 少しついでがあったので、ケータイでのメール受信設定の現状についてまとめてみました。 ケータイにはPCとは違い、迷惑メール防止のためのメール受信設定というものがあります。 受信設定を行っているユーザには、これらをしっかり通知しドメインやメールアドレスを登録して貰わないと、ケータイサイトからのメールは届きません。 指定受信案内の例 サイト上でのメール受信設定の対応については、こちらの記事が参考になります。 → beBit ユーザビリティ実践メモ 携帯サイトではメール受信設定への対応が重要 [bebit.co.jp] 気をつけるポイントとして、次の2点が紹介されています。 ドメイン/メールアドレスを追加する

  • PHPを使って3分で作る3キャリア対応ケータイサイト | ke-tai.org

    PHPを使って3分で作る3キャリア対応ケータイサイト Tweet 2009/11/17 火曜日 matsui Posted in ソフト紹介, 全キャリア対応 | 28 Comments » 日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター(仮名)」を作成してみましたので、そのご紹介をさせていただきます。 先日のPHP勉強会で発表させていただきました。 ご参加いただいた皆様、当にありがとうございました。 発表資料をアップしてありますので、まずはこちらをご覧ください。 PHPを使って3分で作る3キャリア対応ケータイサイト View more documents from ketaiorg. ということで、「3分で作る」とは謳っているものの、ドコモ用に作られたHTMLを他キャリア用にコンバートするだけの、実に簡素な作りです。

  • ke-tai.org > Blog Archive > auのIPアドレス帯域が2010年2月に追加されるようです

    auのIPアドレス帯域が2010年2月に追加されるようです Tweet 2009/10/5 月曜日 matsui Posted in au | No Comments » 日2009年10月5日付けで、auのIPアドレスリストが更新となっています。 新しいIPアドレス帯域が2010年2月に追加されるようです。 → KDDI au 技術情報 IPアドレス帯域 [au.kddi.com] 追加予定となっているのは次の帯域です。 118.159.133.192/26 auは今までは、帯域追加の直前まで上記ページのリストを更新していなかったのですが、今回はかなり早めの告知となっています。 今後もこのように早めの告知をしてくれると嬉しいですね。 実際に帯域が追加されるのは、来年の2月とかなり先なので忘れそうですね。 今のうちにスケジューラーに予定を追加しておきましょう。 (当サイトでも近くなってき

  • 【携帯サイト】もう1ページ先に進んでもらうための6つのテクニック (ユーザビリティ実践メモ)

    せっかくコンテンツを作っても、リンクがユーザにクリックされず、内容を見てもらえない、という悩みをお持ちのWEBマスターの方は多いのではないでしょうか。 今回は、携帯サイトでユーザを次ページに導くためのテクニックをご紹介します。 筆者がユーザビリティテスト(ユーザ行動観察調査)を通して得た実感として、携帯サイトの方がパソコンサイトよりも次ページへの誘導が難しいという印象があります。ある携帯の有料会員制サイトでは、「ユーザはいつも利用しているリンク以外はほとんどクリックしない」というユーザ行動が見られました。 理由として、携帯サイトは 読み込みが遅い隙間時間に利用される場合が多く、利用時間が短いパケット代がかかる などが考えられます。 そのため、携帯サイトでユーザを次ページに誘導するためには、パソコンサイト以上に誘導方法を意識する必要があります。以下、ユーザビリティテスト(ユーザ行動観察調査)