タグ

mobileに関するarrow0626のブックマーク (13)

  • ke-tai.org > Blog Archive > ケータイサイトでGoogle Analyticsを利用するためのライブラリ

    ケータイサイトでGoogle Analyticsを利用するためのライブラリ Tweet 2009/1/16 金曜日 matsui Posted in 記事紹介・リンク | 1 Comment » ケータイサイトでGoogle Analyticsを利用するためのライブラリ「SELENE.GA4K」というものがあるらしいです。 → EOS Project GA4K [exbridge.jp] → ITMedia +D Mobile Googleのアクセス解析を携帯サイトで – エクスブリッジがライブラリ公開 [itmedia.co.jp] Google Analyticsは、JavaScriptで動作するため、来ケータイサイトでは動作しません。 こちらのPHPで作られたライブラリ「SELENE.GA4K」では、PHP経由でGoogleが提供しているAPIを利用し、ケータイサイトでもGoogl

  • 第11回 PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド

    その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能

    第11回 PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
  • アフターピルsosすぐ届く安心ナビ

    <PR> 「今すぐアフターピルが必要💦!」そんな緊急時でも、エミシアクリニックなら最短1時間で薬を自宅に届けてくれます😌 🏥エミシアクリニックなら🏥 エミシアクリニックでピルを処方する流れ ↓最短1時間で届く!簡単3ステップ↓ STEP1 LINEで友だち追加 公式サイトからエミシアクリニックを友だち追加し、1分ほどで終わる問診票の記入をします。 問診票の確認後に返信があり、医師によるオンライン診療に進みます。 STEP2 オンライン診療 オンライン診療とは言っても電話はビデオ通話は不要。やりとりはLINEだけなので気楽です。 医師から送られたLINEの必要事項に回答すればOK!5分程度で終わりますよ。 STEP3 ピルを受け取る 処方されたピルが最短1時間でポスト投函されます。プライバシーにも配慮されているのであなた以外の人に中身バレすることはありません。 \ アフターピルがすぐ

    アフターピルsosすぐ届く安心ナビ
  • Binbo-Special−技術資料らしきもの−HTML−携帯サイトのテキストフィールドの入力モード指定

    少しでも入力補助してあげようという親切設計を目指したい、と言う訳ですね。 でも、携帯業界は大雑把に言うと3大勢力があり、入力モードを指定する方法は3つとも固有で持っている為に方法違います。いい加減にしてくださいよ、と。WEBってそんなの多すぎ、と。 でもまぁ、inputタグの中に3種類とも書いてあげればOKOKなので、面倒ですけど何とかなるからまぁ良いか、ということで。 いきなり方法 全角(ひらがな)モードにしたい場合。 <input type="text" name="hoge" istyle="1" format="M" mode="hiragana" /> 電話番号など、半角数字だけを入力させたい場合。 <input type="text" name="hoge" istyle="4" format="N" mode="numeric" /> メールアドレスなど、半角英数だけを入力さ

  • 3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ

    という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ~ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま

    3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
  • ke-tai.org » Blog Archive » PHPでソフトバンク絵文字(ウェブコード)を取り除く方法

    PHPでソフトバンク絵文字(ウェブコード)を取り除く方法 Tweet 2007/11/30 金曜日 matsui Posted in SoftBank | 1 Comment » 先日ご紹介した「PHPを使ってたった2行で絵文字を取り除く方法」の補足です。 「mb_substitute_character」を使った絵文字除去方法では、ソフトバンクの絵文字を除去しきれない場合があります。 SJIS形式以外にも、ウェブコードでフォーム値を送ってくる端末もあるためです。 それらを除去するためのサンプルコードはこちらです。 ソフトバンク絵文字(ウェブコード)除去サンプル $in_string = '絵文字$G!削除'; $pattern = '/[\\x1B][\\x24][G|E|F|O|P|Q][\\x21-\\x7E]+([\\x0F]|$)/'; preg_match_all($patte

  • ke-tai.org » Blog Archive » PHPを使ってたった2行で絵文字を取り除く方法

    PHPを使ってたった2行で絵文字を取り除く方法 Tweet 2007/11/28 水曜日 matsui Posted in PHP | 2 Comments » 今回は、PHPで一番簡単と思われる、絵文字を取り除く方法をご紹介します。 iモードとau、およびソフトバンクのSJIS形式の絵文字を取り除くことができます。 サンプルコード $str = '絵文字[晴れ]'; mb_substitute_character('none'); $str = mb_convert_encoding($str, 'SJIS', 'SJIS'); // 出力 echo $str; ※ソースはSJISで記述してください これだけでOKです。 「mb_substitute_character」は、存在しない文字コードがある場合(いわゆるゲタになる場合)の処理を設定をするためのものです。 ここで”none”と設

  • ウノウラボ Unoh Labs: 携帯サイトとクローラ

    harukiです。 ケータイユーザも検索エンジンから来るユーザも増えています。 そのため、携帯サイトも検索エンジンのクローラへ対応する必要があります。 ・Mobile Link Discoveryの記述を追加する PC用のページのheadタグ内に <link rel="alternate" media="handheld" href="(ケータイURL)" /> の記述を追加するだけです。 Mobile Link Discoveryに対応しているサイトでは、ケータイからのアクセス時に直接アクセスしてもらえるようになります。 Mobile Link Discovery 仕様 http://www.sixapart.jp/docs/tech/mobile_link_discovery_ja.html 検索エンジンでは、Googleモバイルのgoogle mobile proxy http

  • 携帯サイトの作り方

    ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための

  • memokami :: 第2回モバイル勉強会で「キャリア判別と絵文字の扱い」を発表してきました

    第2回モバイル勉強会を開催しました。 今回はモバイルに情熱を持ったスピーカー12名の方々にご賛同いただき、 密度の濃いモバイルの勉強会を開催することが出来ました。 当に皆様のおかげで、このような素晴らしい会を開催することが出来ました。 ありがとうございました。 また祝日の上、大人数にも関わらず、快く会場を貸してくださった上に 朝早くから会場設置までしてくださったECナビさん、当にありがとうございました。 私も1スピーカーとして発表してまいりましたので、 その資料をあげておきます。 「キャリア判別と絵文字の扱い」 さてそんな第2回モバイル勉強会のご報告です。 ■スピーカーセッション ★モバイル前世紀 小飼 弾 さん 資料:モバイル前世紀 動画:モバイル前世紀 プレゼンテーションは携帯のみ! 参加者各自で携帯を触りながらのプレゼンは斬新でした。 某ライブ○アの頃の携帯サイトを作ったときに話

    memokami :: 第2回モバイル勉強会で「キャリア判別と絵文字の扱い」を発表してきました
  • PCサイトを携帯に対応させるまとめ

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • 携帯によって表示を変える-TIPS/CakePHP/携帯対応-プログラミングチップス

    携帯によって表示を変える まず、cakeのライブラリの中にある app_controller.phpを appフォルダにコピーします。 次にrender関数をオーバーライドするため 以下の内容を書き込みます。 function render( $action = null, $layout = null, $file = null ) { if( !empty( $_SERVER["HTTP_USER_AGENT"] ) ) { $ua = $_SERVER["HTTP_USER_AGENT"]; if( strpos( $ua, "DoCoMo" ) !== FALSE ){ $action = "i_" . ( $action ? $action : $this->action ); $layout = "i_" . $this->layout; }else if( strpos(

  • cakePHPでPCと携帯で出力文字コードを変更する方法 - インストールメモ

    携帯用のサイト用のビューをShin x blogさんのサイトを参考にして、設定しPC用と携帯用のサイトをビューだけを切り替える方法で運用しています。 そこで問題になるのが文字コードです。 私の場合、PC用のサイトはスクリプトの文字コードも出力文字コードもUTF-8で統一させる場合が多いのですが、携帯用のサイトの場合に出力文字コードをUTF-8にしてしまっては、最近の機種でしか見る事が出来ません。 そこでPC用と携帯用で文字コードを切り替えて利用しています。 PC用の場合には、上の通りUTF-8で統一して、携帯用の場合には、スクリプトの文字コードは全てUTF-8にして、出力時にShift_JISに変換しています。 詳しくは、/app/app_controller.phpのafterFilterで、文字コードをUTF-8からShift_JISに変換して出力して、beforeFilter

  • 1