初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
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を他キャリア用にコンバートするだけの、実に簡素な作りです。
ぼちぼち 11 月も終わりですね。焼き芋たべたい！nakamura です。 ここ最近、なぜか立て続けに携帯サイトの案件が舞い込んできたため、絵文字の自動変換ライブラリを探していくつか見つけました。ただ、どれが一番優れている、というよりはサイトの規模や特性に応じてうまく使い分けるのが良いように感じました。というわけで、今回見つけたライブラリを簡単な解説を交えながらご紹介していきます。 らくらくケータイ3キャリアコンバーター（仮名） PHPを使って3分で作る3キャリア対応ケータイサイト ke-tai.org の matsui さんが自作した絵文字変換ライブラリで、ソフト名も今現在募集中というできたてホヤホヤのものです。特徴はなんと言ってもそのシンプルさと、導入がヒジョーーーーに簡単な事です。 ライブラリとは呼べないかな、とも思ってしまうシンプルさで必要なファイルは viewer.php と .
フリーランスでwebの仕事をしながらwebサービスとかを作ったり作らなかったり、成長と挫折の記録・・・かもしれないゼロから携帯サイトを作ることになったので、cakephpを使って携帯サイトを素早く構築してみる。 携帯サイトを作るとなるとネックになるのが携帯独自の機能の実装。 すごくおおざっぱに分けると以下の３つかな キャリア依存絵文字 端末毎の動作の違い セッション管理 んで、これを実現させるとなるとなにが必要かということですが、それぞれこんな感じ キャリア依存絵文字 端末のキャリア判別→絵文字を対応するキャリアのものに変換してやる 端末毎の動作の違い これは細かくやるときりがないけど、動きとしては端末の種類を判別→独自処理に振り分ける といった感じ セッション管理 すべてのリンクにセッションIDを付与する or 端末IDを取得しDBに格納する とこう書くとすごくめんどくさい感じだけど
ドコモ、au、ソフトバンクの各携帯電話のブラウザのユーザーエージェントは、パソコンのブラウザと同様にプログラムで取得することができる。 ユーザーエージェントを利用してキャリアの判別や機種判別を行うことができる。 ユーザーエージェントには、ドコモなら「DoCoMo」、au・TU-KAなら「UP.Browser」、ソフトバンクなら「J-PHONE」、「Vodafone」、「SoftBank」という文字列が含まれている。 これらの文字列を調べることで携帯電話のキャリアを判別することができる。 ただし、Vodafoneの一部の機種は、「UP.Browser」という文字列がユーザーエージェントの途中に含まれている。 キャリアを判別する場合は、「ユーザーエージェントの先頭の文字が何で始まるか」で判別した方が良いと思われる。 また、ユーザーエージェントには機種名の文字列が含まれているので、機種の判別を行
携帯サイトを構築する場合の、各キャリア対応をサポートするライブラリと、それをCakePHPで利用するためのヘルパー・コンポーネントを公開いたします。ライブラリ本体はCakePHPだけでなく他の環境でも使用することが出来ます。 【お知らせ】 ktailibrary.orgは諸事情ありまして閉鎖しました。 はじめに 携帯サイトを作成する場合、一般的には各キャリア向けにHTMLを作成し、それを振り分けして表示する仕組みを採用していたと思いますが、最近の携帯では、いくつかの仕様を除いてほぼ同じHTMLを閲覧することが可能になってきています。そこで、その「いくつかの仕様」についてを解決できるような仕組みができないものか…という経緯から、本ライブラリが生まれました。 また、本ライブラリは個人的に作成していたPHPライブラリがベースになっているのですが、CakePHPで使えるようにすることで「携帯サイト
2008年11月19日12:18 カテゴリCakePHP技術-PHP 【CakePHP】携帯でsessionを使うためのメモ 携帯サイトでセッションを使いたい場合は、Cookieを使えないdocomo端末のためにセッションIDをurlに含めて処理する必要がある。 その処理をCakePHPで行うためのメモ。 使ったのは CakePHP 1.2.0.7692-rc3 で。 あと今回は「携帯専用サイト」の例ですので、PC・携帯両対応サイトの場合はもうちょっと考慮する必要があると思います（Cookieとの使い分けとか）。 app/config/core.php の変更Configure::write('Session.save', 'cake'); Configure::write('Security.level', 'medium'); 今回はCakeのセッションコンポーネントを使うようにする。
New CakePHP 5.0 Chiffon. Faster. Simple. Delicious. What's new in version The migration guide has a complete list of what's new in. We recommend you give that page a read when upgrading. A few highlights from 5.0 are: PHP 8.1 required. Improved typehints across the framework. CakePHP now leverages union types to formalize the types of many parameters across the framework. Upgraded to PHPUnit 10.x
CakePHP で携帯用のページを作成する際に CakePHP 携帯用ビューを表示する | Shin x blog のページが大変参考になります。 しかし、/m/ のような URL ではなく携帯専用サイトにしたかったので下記のような方法で実装しました。なお、PC でアクセスしたときには /pc.html という静的なページを表示するようにしてあります。 また、PC、携帯の振り分けはユーザエージェントで行っています。 携帯用コンポーネント app/controller/component/mobile.php を作成し、PEAR の Net_UserAgent_Mobile を使用しています。このコンポーネントでユーザエージェントを判定して PC だったら pc.html へリダイレクトします。 PEAR の Net_UserAgent_Mobile はサーバにインストールしてもいいのですが
CakePHPガイドブックを参考により実践的な携帯版の構築方法を検証 携帯版システムの前提条件 PC版システムをベースにビュー・レイアウトを切り替えることで対応する 携帯版独自の遷移はコントローラーに通常と同様に記述する 携帯版はSJIS、PC版はEUC（UTF8）での出力とする 携帯版の判定は各キャリアのIPアドレスのリストを元に判定し、携帯以外からのアクセスを防止する機能を実装 PC版に携帯からアクセスを行った場合に自動的に携帯用URLにリダイレクトさせる 携帯版ではセッションIDを常にパラメータ内に保持させる /m/でアクセスされた場合は携帯版システムとして認識させ、Webサービス'Mobile'を有効にする 手順１．設定ファイル・ルーティング設定を追加する /app/config にモバイル用の設定ファイル mobile.ini.php を配置し bootstrap.php か
CakePHP1.2ではCakePHP 携帯用ビューを表示するで利用していたwebservicesの機能が無くなります。 1.2-betaでRouting.webservicesをonにすると以下のようなメッセージが表示されます。 Deprecated: webservices routes are deprecated and will not be supported in future versions. Use Router::parseExtensions() instead. The prefix automagic in CakePHP routingで紹介されているように、1.2からはwebservicesに替わりprefixをURLルーティングで使用するようです。 そこで実際にどのように使用するかを試してみました。 1. URLルーティングでprefixを設定する Rou
サイトにPC用と携帯用がある場合、PC用とは別に携帯用の表示を行う方法です。この方法なら同じコントローラ・アクションで、レイアウトとビューファイルを変更することができます。なお携帯版のURLは[/m/]で始まるようにします。 1.URLルーティングを設定する。 [app/config/routes.php]で[/m/]からURLが始まる場合にwebservicesとして扱うように設定します。 [app/config/routes.php] <?php (snip) $Route->connect('/m/:controller/:action/*', array('webservices' => 'Mobile')); ?> 2.WEBSERVICESを有効にする。 webservicesがフレームワーク内でサポートされるように設定を変更します。 [app/config/core.php:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く