モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
ke-tai.org > Blog Archive > ソフトバンク2Gの停波に伴ってユーザエージェントによるキャリア判定のロジックを書き直してみました
ソフトバンク2Gの停波に伴ってユーザエージェントによるキャリア判定のロジックを書き直してみました Tweet 2010/4/15 木曜日 matsui Posted in PHP, 全キャリア対応 | 2 Comments » 3月末にソフトバンクの2G端末がひっそりと停波となりました。 これに合わせてユーザエージェントが「J-PHONE」の端末からのアクセスはなくなることになります。 （一部クローラで使われていることもありますが、おそらくこれもじきになくなるでしょう） というわけで、それに伴ってユーザエージェント判定のプログラムをPHPで書き直してみました。 // ユーザエージェントの取得 $agent = $_SERVER['HTTP_USER_AGENT']; // 振り分け処理 if (preg_match('/^Vodafone/', $agent) or preg_match(
a2networkがSIMフリーの携帯型無線LANルーター「MiFi」を発売
a2networkは2010年4月5日、携帯型無線LANルーター「MiFi2372」を販売すると発表した。これは携帯電話のSIMカードを差して使うもので、無線LAN通信機能を持つパソコンや携帯電話機などの機器はこの「MiFi2372」を介してインターネットに接続できる。販売開始は4月下旬を予定している。 MiFi2372はSIMロックフリー端末であるため、W-CDMA方式またはGSM/GPRS方式のSIMカードであればどの携帯電話事業者のものでも利用できる。周波数はW-CDMA方式の場合に周波数は800/850/1900/2100MHzを使って通信できるようにしており、日本の3G（第三世代移動体通信）が使う周波数に合わせている。 2010年5月中旬にはa2networkが日本の携帯電話事業者のMVNO（仮想移動体通信事業者）としてSIMカードを発行する計画であり、SIMカードと端末をセット
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-02-15 >
[携帯]フォントサイズ（XHTML版） │ これからゆっくり考L +α
フォントサイズ（HTML版）に引き続き、今回はXHTML版です。 CSSでフォントサイズを指定するので、こんな感じになります。 <span style="font-size:x-small;">文字文字</span> 各指定方法で、実際どのぐらいの大きさで表示されるのかをチェックしやすくするため、サンプルページをつくりました。 サンプルページを色々な端末で見てみると、だいたいどのサイズがいいかーというのが見えてくるかと思います。 サンプルページ QRコード →サンプルページを見る 各種フォントサイズと、ついでに太字のサンプルもおいております。 太字の指定方法はbとstrongとfont-weight:bold;です。 各キャリア、端末の表示 docomo 【大】xx-large,x-large 【中】large,medium 【小】small,x-small,xx-small ※全端末共通
モバイルサイトマークアップ5つの小技 : LINE Corporation ディレクターブログ
こんにちは。10月の組織編成でブログビジネス部に異動になりました飯田です。 普段はディレクターしてますが、時にモバイルサイトのマークアップをするときがあります。以前、こちらのエントリーでモバイルサイトを作るうえでのノウハウを紹介していますが、本エントリーではもう少し実践的な「モバイルサイトで○○を表現するには」をすごく簡潔に紹介してみたいと思います。 ある程度の端末で正常に表示されることを確認していますが、一部を除いて正常に表示されない場合もありますがご了承ください。なお、本エントリーで紹介している記述はわかりやすいように style 属性を全てインラインで記述しています。 見出しに背景色 div タグXHTML 対応の端末であれば下記のタグで簡単に見出しに背景色をつけることができます。 <div style="background-color="#0000ff;">ほげほげ</div>
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を他キャリア用にコンバートするだけの、実に簡素な作りです。
超簡単！ニセ着信で嫌な場から逃げる方法。 | nanapi[ナナピ]
超簡単！ニセ着信で嫌な場から逃げる方法。 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。ニセ着信でどんな場からでも立ち去る方法！ 合コンがつまらなかった時や、 無駄話に付き合ってられない時やなどに その場から逃げれる方法です。 その場を離れる理由として「電話」が掛ってきたら、 話の途中だろうがちょっと離れることができますよね。 そうは言っても、そんなGOODなタイミングで電話は鳴りません。 でも簡単操作で携帯を鳴らすことができるのです。 ただしdocomo限定。。。 これはたまたま見つけた裏技なのですが、 実生活で結構使っちゃってます。 会社の無駄な飲み会なんかは開始1時間もしないうちに 携帯鳴らしたりしてます。 では手順です。 手順は簡単！１つだけ。 ポケットに入れたままでもできちゃいます。 【手順】１１１にコールする。
「おサイフケータイ」が世界に広がらなかった理由 - michikaifu’s diary
こんな記事を読んだり、日本から来た友人たちと議論した中で感じたこと。 日本で電子マネーの普及が進んだ理由 - Innovation Design 同じインドで生まれたのに、ヒンズー教はインドの外には広がらなかったのに対し、仏教は世界三大宗教のひとつとなったのはなぜか。ユダヤ教とキリスト教の違い、といってもよい。それは、ヒンズー教やユダヤ教が、当該民族の特性や置かれた環境に深く依存していたのに対し、仏教やキリスト教は、そうした「コンテクスト」から離れた、より広い人類全体に適用できる、普遍的要素が大きかったからだと思う。 同じように、iPhone教（もしくはアップル教）なら世界に広がるのに、おサイフケータイ教が広がらないのは、日本市場という「コンテクスト」に依存する部分が大きすぎるからだと思うのだ。 「電子マネー」およびその前触れである「非接触型カード」の「コンテクスト」については、上のエント
ke-tai.org > Blog Archive > 処理が高速なPHP絵文字変換ライブラリ「HTML_Emoji」
処理が高速なPHP絵文字変換ライブラリ「HTML_Emoji」 Tweet 2009/6/15 月曜日 matsui Posted in ソフト紹介 | 1 Comment » PHPで作られた絵文字変換ライブラリ「HTML_Emoji」というものがあるようです。 → 絵文字変換ライブラリ HTML_Emoji [revulo.com] HTML_Emojiはドコモ、au、ソフトバンクの絵文字を変換に対応したライブラリで、PHP4以上で動作するとのことです。 SJISとUTF-8の両方に対応し、類似絵文字への変換機能、PC用にはgif画像に変換しての表示など、必要な機能は一通り揃っているようです。 特徴としては、 使い方が簡単 3キャリアの絵文字が混在したテキストを扱える 他の類似ライブラリと比べて処理が高速 とのことです。 他のライブラリに比べて処理が高速というのは嬉しいですね。 PHP
ke-tai.org > Blog Archive > 携帯サイト初心者の方に向けたセミナー資料「ケータイサイトのはなし（入門編）」
携帯サイト初心者の方に向けたセミナー資料「ケータイサイトのはなし（入門編）」 Tweet 2008/4/21 月曜日 matsui Posted in お知らせ | 1 Comment » 先日の4/18(金)に、北海道Webコンソーシアムで、「ケータイサイトのはなし（入門編）」という話をさせていただきました。 （関係者・参加者の皆様、色々とありがとうございました。） せっかくですので、発表に使用した資料をアップさせていただきます。 ケータイサイトをはじめて作るという方を対象に、知っていた方がよいと思われるポイントをまとめてみました。 → 北海道Webコンソーシアム [hwcon.org] → 発表に使用したスライド資料 「ケータイサイトのはなし（入門編）」 ※PDFファイルです | View | Upload your own 口頭での補足ありきの資料のため、文章だけだと多少言葉足らずで
モバイルサイトのスピード構築術 - livedoor ディレクター Blog
こんにちは、櫛井です。 現在はPC版のPICSやAuthなどのPCサイトを主に担当していますが、昨年の4月に公開されたlivedoor PICSのモバイル版の開発についてお話しようかと思います。 （当時はモバイルの部署におり、livedoorのモバイルサイトを色々と作っていました） 機能面などはプレスリリースや開発日誌などをご覧いただくとして、livedoor PICSモバイル版の開発は以下の手順で行いました。 ■モバイルサイト作成の下準備 元々PC版でlivedoor PICSというPCサイトをスタートしていたので、基本的にはモバイル版で見る際の要件をまとめ、連携する他のコンテンツの状況を調査し、見せ方を資料に落とし込んでいく作業というのをまず行います。 私の場合は最初は手書きです。要件やイメージをざっくり形にするだけなので大抵は30分くらいで一気に書きます。 かなり汚いですが、こういう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
三洋、単三のeneloop 2本で携帯電話などを充電できる「eneloop stick booster」
http://www.rcdtokyo.com/ucb/contents/i000865.php
IDEA * IDEA
http://ima.pandach.com/cgi-bin/mt/2007/04/auezweb.php