ke-tai.org > Blog Archive > 既存のケータイサイトをスマートフォン向けサイトに変更するテクニックをまとめた記事「1時間で携帯サイトをスマートフォン対応にする方法」
既存のケータイサイトをスマートフォン向けサイトに変更するテクニックをまとめた記事「1時間で携帯サイトをスマートフォン対応にする方法」 Tweet 2011/4/26 火曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | No Comments » GREEのエンジニアブログに興味深い記事がありましたのでご紹介します。 既存のケータイサイトを、スマートフォン向けサイトに変更するテクニックをまとめた「1時間で携帯サイトをスマートフォン対応にする方法」という記事です。 → GREE Engineers’ Blog 1時間で携帯サイトをスマートフォン対応にする方法 [labs.gree.jp] その題名の通り、ケータイ向けサイトをスマートフォン向けサイトに対応させるためのポイントが、チュートリアル形式でまとめられています。 ステップとしては8つに分かれる
device:gpsoneの気持ち悪いところ : Re:
auでGPSを取得するとき device:gpsone?url=[戻り先URL]&ver=1&datum=0&unit=0 たとえば device:gpsone?url=http://****/%3fsession%3dc59548c3c576228486a1f0037eb16a1b&ver=1&datum=0&unit=0 って書くじゃないですか。 そうすると、戻り先URLにGPS情報が_GETで返される訳だけど、ver=1を付けても付けなくても、必ずver=1が先頭パラメータとして扱われる。 例のように、サイトで引き渡しているパラメータがある場合、パラメータをURLエンコードして戻り先URLを生成すると引き渡せるものの、ver=1が先頭パラメータな扱いは変わらないから http://****/?session=c59548c3c576228486a1f0037eb16a1b?ver=1
auはContent-Typeのヘッダの間違いに厳しい？ - F.Ko-Jiの「一秒後は未来」
先ほどの「携帯サイトをUTF-8で出力するかShift_JISで出力するか」の続きというかそれ以前の話。 auで「文字化け」の問題が発生する以前に、「『リクエストされたページは表示できません』と出て表示できないよ」と言われました。 ドコモやソフトバンク端末では表示できていて、さらにauのエミュレータ(現在は公開が停止されているOpenwave SDK6.2K)で見ても特に問題がないので、何が原因なのかさっぱり。 ネットで色々調べてみると、どうもContent-Typeヘッダあたりに間違いがあるときに、「リクエストされたページは表示できません」と出ることがわかりました。アクセスログを見ると確かにアクセスはきています。そこでソースコードをよく調べてみると、 header('Content-Type: application/xhtml+xml charset=' . MOBILE_ENCODI
TinyMCEで「emoddy」を (絵文字プラグインの製作) | kyms
CSS HappyLifeさんで配布されている「emoddy（絵文字プラグイン）」をTinyMCEで使えるようにプラグイン実装中。 TinyMCEのプラグインとしての実装なので、Nucleus・MODx・WordPress・Xoops・ZenCart…その他諸々で使えると思います。まだ完成してないですが、CSS HappyLifeさんに製作報告をお届けしたいのでとりあえずエントリー立てておきます。 追記 TinyMCE3の日本語ファイルを作成したエニセンス社からも、絵文字プラグインがリリースされています。偶然、同じタイミングです。 もうひとつ追記。できたので公開します。でもエニセンスさんのプラグインを少し改造して汎用的に使えるようにしたほうがよさそうな気がしないでもないですが。エニセンスさんのはダイアログ開いたまま連続入力できたりするので使いやすいです。
au携帯端末でselect内の文字が改行されてしまう件 - 気ままなDevLog
モバイルサイトを作って、 自分のau端末（W52SA）で確認したところ、select内の文字が改行されてしまい非常に残念なカタチになってしまう現象に遭遇。 styleでwidth指定しても意味なし。 涙目になりそうなので、早々にググッてみると結構出てくるｗ モバイルサイトform、select欄の文字を改行させない方法比較カスタマイズブログ AUの携帯端末でselect 内が改行される - bushimichiの日記 これらによるとフォントサイズを小さくしていると、selectボックスの大きさもそれに影響されてしまうとのこと。 なのでselectの部分だけ、フォントサイズを指定しない（または”medium”に設定する）ことで解決。
ke-tai.org < Blog Archive > ケータイの端末ID・ユーザIDの取得についてまとめてみました
ケータイの端末ID・ユーザIDの取得についてまとめてみました Tweet 2008/9/8 月曜日 matsui Posted in au, DoCoMo, PHP, SoftBank | 12 Comments » ケータイサイトでは、端末ID・ユーザIDを取得する、という処理をよく行うことがあります。 ログインの度に、ユーザ名とパスワードを入力するというのは、ケータイの操作性の面からも現実的ではないためです。 今回はそんな各種IDの取得方法について、PHPを使った場合を例にとりまとめてみました。 ※ここでは端末IDを「ケータイに振られた個体識別情報（製造番号など）」、ユーザIDを「契約に紐付くID」として解説しています。 ドコモ端末での取得方法 1. utnを使う ドコモ端末ではutn属性を使うことによって、フォームやリンクから個体識別情報を取得することができます。 対応機種は、iモー
オンライフモバイルの開発で役立った情報源やライブラリのまとめ : akiyan.com
オンライフモバイルの開発で役立った情報源やライブラリのまとめ 2009-03-23 本日、株式会社ヨセミテにて提供中のみんなの闘病サイト オンライフのモバイル版がオープンしました。 日本初、携帯電話から闘病情報の共有ができる『オンライフ モバイル』を提供開始 (プレスリリース) 僕自身、ログインやフォーム送信などの機能を備えたモバイルサイトの本格的な開発は初めてだったので、多くの情報源やライブラリに助けられました。その中でも特に役立ったものを紹介します。 目次 モダンなモバイル開発のススメ (PHP編) ゆどうふ氏による最近のモバイル開発事情と利用ライブラリのまとめ。ライブラリはPHPですが事情説明は共通ですので、PHPな人もそうでない人もぜひ。 モダンなモバイル開発のススメ :: handsOut.jp PHP×携帯サイト デベロッパーズバイブル PHP×携帯サイト デベロッパーズバイブ
ＰＨＰで携帯サイト - phpspot
ＰＣサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します！ 基本 ・３キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト＆ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはＰＣ版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様
第5回 携帯サイトでセッションを取り扱う | gihyo.jp
携帯サイトでのセッション管理 今回は携帯で会員サイトを作る時のベースとなるログイン状態の管理方法を見ていきたいと思います。セッションとはユーザーがサーバーに接続し、サイトを巡回している間アクセスしてきているのが同一利用者であることを認識するための仕組みです。この仕組みを利用することで、一度会員ログインが完了した利用者がサイトにアクセス中、継続的に自分だけの情報を見るといったことが実現可能になります。 図1 セッションの仕組み セッションを維持するためには、セッションIDを利用します。通常セッション管理はアクセスしてきた端末に対してセッションIDを割り振り、ブラウザに対して割り振られたセッションIDを渡します。サイト側はそのセッションIDに紐付いた情報を保持しておき、アクセスしてきたブラウザのセッションIDを元に情報を引き出すといった仕組みになっています。 ブラウザがセッション管理を行う方法
ＱＲコード CGI & PHP scripts - QRcode generator for perl & php
内容 GDを使用してQR codeのpngまたはjpegイメージを出力する、または いくつかの画像を配置してホームページ上でQR codeを表示する perl CGIプログラム qr_img.cgi およびGDを使用してpngまたはjpegイメージを出力するPHPスクリプト qr_img.php があります。 qr_img.cgi はコマンドライン上からも実行できます。 動作確認環境 Linux2.4.18(x86) Apache 1.3.27 Perl 5.6.1 GD 1.8.4 GD.pm 1.33 PHP-4.3.0 qr_img.cgiの実行にはperl5,GDおよびGD.pmが必要です。 qr_img.phpの実行にはPHPおよびGDが必要です。 表示できるＱＲコードは model2 の version 1～40 でいくつかの機能は実装されていません。 詳しくは添付ドキュメント
ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか？ 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の
XHTMLとCSSによる携帯サイト制作
ソフトバンク携帯電話向けのXHTML（eXtedable Hypertext Markup Language）を利用した携帯サイトの作り方をご紹介します。HTMLに関する基礎知識を理解している方に、ソフトバンク携帯電話向けのXHTMLやCSSの具体的な使い方をご説明します。 ※仕様書のダウンロードには無料会員登録が必要です。 詳しい仕様については、Mobile Creationで配布されているソフトバンク携帯電話向けXHTMLの仕様書「ウェブコンテンツ開発ガイド［XHTML編］」を参考にしてください。なお、仕様書は技術資料・開発ツールより入手できます。 ※仕様書のダウンロードには無料会員登録が必要です。 「ソフトバンク携帯電話向けXHTML」は、3GC型端末向けの携帯サイトを作成するためのページ記述言語です。従来のソフトバンク携帯電話向けHTMLも利用できますが、XHTMLを利用することで
【携帯サイト制作】第一回 そろそろ携帯サイトも真面目(XHTML＆CSS)に作ってみましょうか。 | muneto.murakami.biz Weblog
現在の携帯サイト、3G限定で制作するとしても、DOCOMOとau、SoftBankでXHTMLとCSSの解釈が違うので、それぞれにファイルを用意したりと、かなり工数が膨らんでしまってキツイ感じです。 そんなこんなで、ソースグチャグチャでもとりあえず、「各キャリアでほぼ同じような表示してくれればいいやー」って作っている方も多いと思います。私ももちろんそうでした。 でも、そろそろ真面目(XHTML＆CSS)に作っていく頃かなぁと。漠然と思ってみました。 PCサイトも有識者が、志の高いクリエイターがW3Cに準拠したステキなソースを書き上げていって、それにしっかりと解釈をしてくれる素晴らしいブラウザーが登場して今がある。・・・という時代の流れがありました。 携帯サイトもそうなっていかないとねってことで、色々と情報を集めてみます。 以下のサイトあたりが面白いです。もっといっぱいあるのですがと
Google Wireless Transcoder 【グーグルの携帯電話用ページ変換】
読みは「グーグル・ワイヤレス・トランスコーダ」。携帯電話、PDAなどのモバイル端末から、検索エンジンGoogleのモバイル検索を利用した場合に、検索結果で「PCサイト」として表示されたページ、あるいは「パソコン」の絵文字が付いたページに対して、この「Google Wireless Transcoder」がオリジナルのHTMLデータを取得してきて、携帯用に変換したものを表示するシロモノです。 » 携帯電話での表示用にウェブ ページが調整される仕組みを教えてください。 （Google ウェブマスター向けヘルプセンター） オリジナルの HTML コードを解析しモバイル対応形式に変換する Google のトランスコーダを 使用してウェブ検索の結果が表示されます。 ご利用の携帯電話や携帯デバイスで快適に ウェブページをご覧いただくため、Google ではイメージのサイズを変更したり、イメージや テキ
携帯GPSの仕様 - 位置情報（緯度・経度）、地図・座標、Google Static Maps APIの利用
携帯GPSの仕様 - 位置情報（緯度・経度）、地図・座標、Google Static Maps APIの利用 携帯電話のGPSの仕様、位置情報（緯度・経度）の取得方法 携帯電話というのはフィーチャーフォン、いわゆるガラケーのことで、古い携帯電話の話です。 スマートフォンのGPS（位置情報）の話は JavaScript でスマホの位置情報（GPS）、緯度・経度を取得する に書いたので、そちらをご覧ください。 以下、3G以降のGPS対応機種での位置情報の取得方法について記します。 位置情報は、値を取得するたびに微妙に異なります。 また位置情報は正確なものではなく、あくまで参考値です。 ドコモ ドコモは、iエリア、GPS（mova）、GPS（FOMA以降）など、いくつか位置情報を取得する方法があります。 ここではFOMAの位置情報の取得について書きます。 サイトの制作手順としては規定のリンク方法
Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー
★重要★2008/11/15追加：公式サイトFireMobileSimulator.org開設にともない、この記事の更新はストップします。今後のアップデート情報は公式サイトで行いますのでよろしくお願いします。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリアの提供するシミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法は、それぞれに不足している機能があったり、またITに詳しくない人とかだと導入段階でつまづいてしまったりします。 そこで、もっと簡単にモバイルサイトをPCで見るために便利なツールを作成しました。 Firefoxを簡単に携帯シミュレータにできるアドオンです。モバイル端末のHTTPリクエストや絵文字表示をシミュレートすることができます。３ヶ月
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
xhtmlで携帯3キャリア共通の初期入力モードを指定 - hex6.net
ソフトバンクとＡｕの指定受信解除のURLを知りませんか？
DMM FX 口座開設キャンペーンPR
http://cgi.wap2.jp/emoji/softbank/?act=list