モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 （jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を
SWFバイナリ編集のススメ第三回 (JPEG) | GREE Engineering
こんにちは。メディア開発のよやです。 前回、SWF書き換えの簡単なサンプルを示しました。 今回は、JPEG 画像入れ替えについてです。 SWFにおける画像の扱い SWF はベクター画像とビットマップ画像の両方に対応しています。 画像情報を格納する tag には幾つかの種類があります。(tag 名の後ろにつく数字は省略) DefineShape (ベクター画像。どのペンで何処に線を引いたといった情報) DefineBitsJPEG (JPEG画像) (*1) DefineBitsLossless (PNG的な可逆圧縮画像, シンプルなフォーマットをZlib圧縮) これらの中で比較的差し替えが楽な JPEG画像を取り上げます。 JPEG tag について Flash Lite 1.1/2.0 で対応する JPEG 系 tag は以下の4つです。 JPEGTables, DefineBits,
携帯機器をガンガン充電できる、超コンパクトで大容量な外付けバッテリー「ZAGGsparq 2.0」
スマートフォンをはじめとした高機能な携帯電話、携帯ゲーム機などの普及によって、いつでもどこでも充電できる外付けバッテリーへの需要が高まる中、大きなネックとなっていたのが外付けバッテリー自体を充電するためのACアダプタ。 場合によってはバッテリー本体よりも大きくなることがあるため、持ち運びの際に苦労を強いられることもしばしばですが、ACアダプタを内蔵しつつ、コンパクトさと軽量さ、そして携帯機器をガンガン充電できる大容量を実現した外付けバッテリー「ZAGGsparq 2.0（ザッグスパーク 2.0）」が発売されました。 サイズや容量、気になる価格などの詳細は以下から。 zaggstyle.com コンパクトサイズと大容量を実現した、ミラクルな充電器が登場しました。 アクト・ツーの公式ページによると、本日2010年8月18日からスリムで軽量なコンパクトボディのポータブル充電器、「ZAGGspar
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-03-01 >
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-02-15 >
モバイルサイトマークアップ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を他キャリア用にコンバートするだけの、実に簡素な作りです。
「おサイフケータイ」が世界に広がらなかった理由 - 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
MTのケータイ向け変換プログラム｢MT4i｣のXHTML対応改変版を公開します | [M] mbdb
フリーランスのモバイルウェブディレクターがウェブやモバイルの話題を独自の視点で紹介多くのMovableType利用者が、ケータイ向けにブログを対応させるために利用しているケータイ向け変換プログラム｢MT4i｣。 先日のギズの一件から、ネタフルのモバイル版｢ネタフルズ｣のデザインリニューアルまでやらせていただいたわけですが、CHTMLでしかコーディング出来ないのが個人的にとてもネックだと感じ、お友達プログラマのmatanoさん(プログラムいじってくれたけどWPユーザーなんだよな)に協力して貰って、｢MT4i｣のテンプレートでXHTMLコーディングに対応した改変版｢MT4i3.0.8X1｣をリリースします。 ベースバージョンは現在配布されている最新版の3.0.8です。 今回の改変に伴い、テンプレートファイルはケータイ向けのXHTMLコーディングに差し替え、若干デザインを施したものを同梱
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Movable Typeで簡単携帯投稿！メール投稿プラグイン:MailPack - エンジニアブログ - スカイアーク
今回はMovable Typeで携帯からのモブログやPCからのメール投稿をするプラグイン「MailPack」をご紹介いたします。 スカイアークではメールで情報共有を行うためのツール「MailPack Pro」という製品があるのですが、1.1から個人ユーザーに限り無償で配布することになりました！MailPack Proとは機能の差がありますが、モブログをするだけなら十分な機能はそろっています。 先ほどベータ版が出来上がったので、モブログに興味がある方はぜひご利用ください！ 改変履歴 2011/10/26 Ver 1.9 プラグインの脆弱性対応を実施しました。旧バージョンをご利用の方はアップデートを強く推奨いたします。 本セキュリティアップデートは以下の問題を修正しています。 JVN#41032068 複数のスカイアークシステム製品におけるアクセス制限不備の脆弱性 JVN#56667137 複
スタパ齋藤の「週刊スタパトロニクスmobile」電源回りにウルサい拙者
■ 電源回りにウルサい拙者 唐突だが、俺の場合、電源回りには非常にウルサいヤツである。常に最適化された環境を求めてアレコレ買っては試して喜んだり絶望したりしている。あ、電源回りにウルサいっつっても、電圧とかキレイな正弦波とかではない。使いやすい状態のタップ、適切な長さのコード、携帯時に便利な電源周辺グッズ類のコトっす。 ノートパソコン用ACアダプタを快適にモバイルするためのグッズ類。ひとつ持ってると邪魔なコード問題を解消できたりして非常に快適なのだ 今や誰もが必要とするUSB ACアダプタ。思わず買って試してしまうグッズのひとつ 室内のACタップ類にも凝ったりして。写真は仕事場の机の脚に固定したマルチタップ。手の届く位置に壁のコンセントがある感覚で使えるようにしてみた 電気店やホームセンターに行くとどーしてもこのテのグッズ類を物色＆衝動買いしちゃう俺なんですけど、買わなきゃ良かった～的なモ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルを通じて、親と子どもをつなぐ PhoneBook — MOBILE ART LAB. — モバイル表現研究所 —
http://www.rcdtokyo.com/ucb/contents/i000865.php
IDEA * IDEA
IDEA * IDEA
