電車に乗っても歩いてもスマホを操る人ばかりで、まるで日本人の大半がスマホへ移行したと思われるほど。しかし、情報通信端末の世帯保有率でスマホは53.5％で、フィーチャーフォン、いわゆるガラケーは28.7％、ガラケーのみの保有率も25.5％と全体の4分の1がまだガラケーだけを使っている（「平成26年版情報通信白書」調べ）。根強い人気のガラケーだが、そろそろスマホへ移行せざるを得ない状況が生まれつつある。 ずっと同じキャリアのガラケーを使い続けてきた40代会社員の桃子さんは、半年前まではまったくスマホにするつもりはなかった。ところが、5月28日に『Yahoo!メール』の携帯電話番サービスが終了したことで、そろそろスマホに機種変更するべきかと思い始めた。 「少し前からガラケーだと見づらいホームページが増えているとは思っていましたが、スマホにするつもりはありませんでした。でも、ガラケー向けの『Yah
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
はじめに こんにちは。gumiの畠です。 今日のお題は悪名高きガラケーのCSSのお話です。 キャリアごとに色々あって面倒くさいガラケーのCSSも、これを読めばPCサイトのように簡単に扱えるようになります。 モバイルでもCSSを使おう！ 最近のウェブサイトでは装飾と構造を分離するためにCSSを使用するのが一般的です。 しかし、docomoの古い携帯ではPCサイトと同じようにはCSSが使用出来ません。 そのため弊社でも本来はCSSで表現すべきものをインラインのstyle要素としていました。 ですが、perlやPHPにはこういう状況を解決するために、styleタグで指定した外部CSSファイルを読み込んで、インラインのstyle要素に入れ込んでくれるライブラリが存在しています。 実に羨ましい限りですね！ なんでpythonにはないんでしょう＞＜ とは言え、ないことを嘆いていても仕方ないのでHtml
こんにちは(✿´艸`✿) 今日は携帯を家に忘れて、何をしても落ち着かない一日を過ごしてます。 携帯中毒の YURIっぺ です。 今回はドットの素材を使った、軽い携帯バナーの作り方をご紹介します！ ついでにフリーで素材もお配りしてますので、気軽にダウンロードしてくださいませ。 手順１、まず始めに、ドットで描いた模様を用意します！ 今回はシンプル（black）を使って作っていきます。(この素材はページの下の方でダウンロードできます) 手順２、ドットで作成した模様、シンプル(black)を好みの色に変えて２枚重ねます。 同じように3パターン用意しました。 画像右にある丸の中の拡大画像を見てみてください。ここで使われている色数はそれぞれ2色です。 色数を減らせば軽くなるgif画像で描きだすと166バイト前後でとても軽いことがわかります。 手順３、バナーの背景に手順２で作成した素材をいれます。 この
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
最近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
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 はサーバにインストールしてもいいのですが
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
若者の間で「リアル」などのモバイルサービスが流行していることが、注目を集めている。大人とは違う携帯電話の使いこなし方が話題となっているようだ。しかしその一方、大人が若者の流行に気づくころには、そのブームは若者の間ではすでにピークを越しているという指摘もある。 そこでCNET Japanでは、若者の中でも特に流行に敏感な「ギャル」と呼ばれる10代後半の女性に焦点を当てることにした。現在ギャルの間でどのようなモバイルサービスがはやっているのか、また、携帯電話自体をどのように使いこなしているのか。2万人のギャル会員を持ち、ギャル専門のマーケティングを手がける有限会社SGR代表取締役社長の西本裕美氏に、現在のギャルの携帯電話事情について話を聞いた。なお、SGRは2008年12月に社名をシホ有限会社G-Revoから変更しており、「ギャル社長」として有名になった藤田志穂氏が設立した会社としても知られて
スパイスラボ神部です。 CakePHP 1.2 でモバイルサイトを構築するための資料を改めて集めてみます。フェイス女学園ではオレオレ仕様でやってたのですが、今回はちゃんと Cake のお作法に則ったものを実装してみようと思います。 [cakePHP1.2]モバイルサイトとＰＣの切り分け その１: PHPを使ったWebサイト構築 備忘録 cake1.1系ではwebserviceが使えたが、1.2系では使えなくなっているので、prefixを使用する。 [cakePHP1.2]モバイルサイトとＰＣの切り分け その２: PHPを使ったWebサイト構築 備忘録 CakePHP 携帯専用サイトを作成する | Sun Limited Mt. ke-tai.org > Blog Archive > CakePHPで3キャリア対応の絵文字を表示するためのコンポーネント とりあえずこんなところでしょうか。 今
ケータイ大規模サービスの開発・運用に関する資料のまとめ Tweet 2009/2/18 水曜日 matsui Posted in 記事紹介・リンク | 5 Comments » 先月末に「満足せる豚。眠たげなポチ。大規模サービスの運用事例まとめ」という大変素晴らしいブログエントリーがあり、ブックマークしていたのですが、なかなか時間を作れずに目を通せずにいました。 本日読んでみると、とてもためになる情報が多かったため、まとめのまとめという形ですが、資料の中からケータイ関係の事例を抽出して、簡単にコメントをつけてみました。 まず、大元の記事はこちらです。 → 満足せる豚。眠たげなポチ。 大規模サービスの運用事例まとめ [blog.hacklife.net] → 満足せる豚。眠たげなポチ。 「大規模サービスの運用事例まとめ」に補記 [blog.hacklife.net] → livedoor 開
Apacheのログからケータイの機種別アクセス数をカウントするコマンド Tweet 2008/1/21 月曜日 matsui Posted in サーバ | 1 Comment » Apacheのアクセスログから、携帯電話のユーザエージェントを抽出し、機種別のアクセス数を表示する1行コマンドを考えてみました。 正確な分析はアクセス解析ソフトに任せるとして、パッと機種別のアクセス数が知りたい場合に使えるかもしれません。 ドコモ用 $ perl -na -F/'(DoCoMo\/.\.0.*?)(\/c|\()'/ -e 'print $F[1]."\n"' access_log |grep -v "^$" |sort |uniq -c |sort -r au用 $ perl -na -F/'(KDDI\-.*?)"'/ -e 'print $F[1]."\n"' access_log |gr
フリーランスでwebの仕事をしながらwebサービスとかを作ったり作らなかったり、成長と挫折の記録・・・かもしれない適当な日々 フリーランスでwebの仕事をしながらwebサービスとかを作ったり作らなかったり、成長と挫折の記録・・・かもしれない デフォルトでapacheは画像ファイルのログを出すのだけれど、 ログが肥大するし、あまり見ないので、こちらを消してしまいます。 あとついでにログの出力方法を調整したり、日別の集計にしたり、携帯用の設定を追加してみたりしてみる。 apacheのログ関連設定はhttpd.confのこの周辺部分に書いておきます。 <IfModule log_config_module> </IfModule> 上記<Ifmodule log_config_module…の中に書いていきます。 まずはエラーログから ErrorLog "|/usr/local/apac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
携帯サイトでのアクセス解析のBESTプラクティス