携帯向けXHTMLを書いているとバッドノウハウばかりが身について行くのですが、その中で私が愛してやまないspacerのことについて熱く語ってみようと思います。 私が個人的に見つけたバッドノウハウばかりですので、これら以外にもっとスマートな方法がありましたら是非ご教示ください。 一般的な使い方 <br /><br />での改行するなんてとんでもない、でも3キャリ対応しようと思ったらline-heightも使えないし。。。そんなことでお悩みの方が良く使っているのがこのspacer。
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
Flash LiteのSWFバイナリを直接いじる方法を紹介した記事「GREE Engineer’s Blog SWFバイナリ編集のススメ」 Tweet 2010/9/15 水曜日 matsui Posted in Flash, 記事紹介・リンク | 1 Comment » いつか使う日が来るような、きっと来ないようなという感じなのですが、メモ代わりにご紹介します。 GREEのエンジニアブログに、Flash LiteのSWFバイナリを直接編集する方法を紹介した記事「SWFバイナリ編集のススメ」がありました。 → GREE Engineer’s Blog SWFバイナリ編集のススメ第一回 → GREE Engineer’s Blog SWFバイナリ編集のススメ第二回 → GREE Engineer’s Blog SWFバイナリ編集のススメ第三回 (JPEG) SWFバイナリに変更をかけて、背景
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
よく入れ忘れるのでメモっとく。 EZwebは、objectでファイルをダウンロードするときに、Range Requestをしようとするので、プログラムでDL処理するときになんとかしてあげないといけない。 なんかサーバ側の設定で自動でなんとかしてくれるらしいんだけどね。 $fp = fopen("/foo/bar/", "r"); while (!feof($fp)) { $contents_data .= fread($fp,1024); } fclose($fp); // Rangeの処理 if (array_key_exists("HTTP_RANGE", $_SERVER)) { list($dummy, $start, $end) = preg_split("/[=\-]/", $_SERVER["HTTP_RANGE"]); $total_size = strlen($conte
こんにちは。神崎です。 早速ですが auの端末でselectboxの中身が改行されて意図しない表示になることがあります。 これを回避するには<option>内に<span style="font-size:x-small"></span>を適用するとよいです。 <select name="pref"> <option value="1" selected="selected"><span style="font-size:x-small">北海道</span></option> <option value="2"><span style="font-size:x-small">青森県</span></option> </select> 村式では上記のことをよしなに適用してくれるsymfonyやCodeIgniterのプラグインを社内ライブラリとして開発し利用をしています。 機会があれば、プ
ドコモ端末でCSSを利用するには Tweet 2008/4/3 木曜日 matsui Posted in DoCoMo | 9 Comments » ドコモ端末でCSSを表示しようとして、悩まれる方が多いようなのでご紹介しようと思います。 ドコモのiモード端末では、FOMA以降の機種でXHTML対応となりCSSが使えます。 ※厳密にいうと、ごく初期のFOMA21xxシリーズでは使えません。詳しくは下記一覧表からご確認ください。 → iモード対応機種 対応コンテンツ・機能一覧 [nttdocomo.co.jp] ※PDFです ですが、PCと同じように普通に書くだけでは、CSSは認識されません。 下記の3点を守る必要があります。 iモード用のXML宣言、DOCTYPEを付ける CSSは外部ファイルにしない、ヘッダ部にも書かない 拡張子を「.xhtml」にする ※別の方法もあり まず1についてで
ケータイサイトのセキュリティチェック方法について解説された記事「自分でできるかんたんログインDNSリバインディング耐性のチェック」 Tweet 2010/3/25 木曜日 matsui Posted in 記事紹介・リンク | 2 Comments » ためになる記事を見つけましたのでご紹介します。 最近何かと話題のかんたんログインのDNSリバインディングに関する問題のセキュリティチェックを行う手順を丁寧にまとめた記事がありましたので、ご紹介します。 → HASHコンサルティング徳丸浩の日記 – 自分でできる – 「かんたんログイン」DNSリバインディング耐性のチェック方法 [hash-c.co.jp] 執筆者はこの脆弱性をみつけたHASHコンサルティングの徳丸氏です。 過去にもドコモのJavaScriptに関する問題など、他のセキュリティ問題もご紹介させていただいたことがあり、ケータイの
ソフトバンクの端末で横幅480ピクセルまで表示される端末(VGA端末)は、それ以外の端末と同じ画像、HTMLでは表示したときに、かなり画像が小さくなります。 [参考記事] VGA端末用に出力画像を拡大縮小する方法 [参考記事] すべての端末で画像表示を同じにする方法 [参考記事] iモードブラウザ2.0のQVGA/VGA切替え機能 そのためVGA端末用に別の画像を用意したり、画像変換処理を行って調整をしたりする手法があります。 しかしこのような方法では、画像容量が大きくなるため表示に時間がかかるうえパケット代も数倍になったりします。 (回線速度がハイスピードになったり、パケット定額制が普及したりしてますが、、) そこで、<IMG>タグに指定されているwidthおよびheightを240に対する画面幅の比で、 widthやheightの値を指定しなおして拡大表示を実現する手法の説明です。 w
さとうおさむ＠ソラソル開発です。みなさんこんにちはー。 近頃は色々なところでWebサイトの開発をさせて頂いているということもあり、その過程で 溜まってきたノウハウを、暇を見つけて少しずつ公開していこうかなぁ、と考えています。 さて、携帯サイトを開発する上で、テキストフィールドの入力モード指定が必要になるケースが多々あります。 今回紹介するのは、Railsで携帯3キャリア対応の入力モード指定を切り替える場合のコードサンプルです。 本実装は、以下の情報を一部参考にしています。 携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて - ゆどうふろぐ 以下にも似たような事例がありますが、 携帯用に入力モード指定ヘルパー - ハードコアシステム開発 本サンプルは、携帯機種の判別にjpmobileプラグインを使用しています。 以下のヘルパーメソッドを、application_he
docomoのGPSで簡易詐称チェックを行う方法(ここギコ！) Tweet 2008/10/10 金曜日 matsui Posted in 記事紹介・リンク | No Comments » ここギコ！さんのブログに、docomo端末GPSでの位置取得で詐称を防ぐ方法が載っていましたのでご紹介させていただきます。 → ここギコ！ DoCoMoのGPSでの簡易詐称チェック [kokogiko.net] アイディアの元になったのはこちらのブログとのことです。 → GOGA スタッフブログ オープンiエリアの緯度経度を試してみた [goga.co.jp] 最近はGPSを使った位置情報と連動するようなゲームがあり、そのようなコンテンツの場合は、位置情報の詐称が問題になってきます。 特にドコモ端末は、過去履歴からも位置情報を送信する機能がついていたり、仕様上クエリーの文字列を簡単に書き換えたりすること
ケータイ向けメルマガの装飾文字をまとめているサイトのまとめ Tweet 2010/3/15 月曜日 matsui Posted in 記事紹介・リンク | 2 Comments » ちょっとついでがあったので、ケータイ向けメルマガの装飾文字について軽く調べてみました。 自分のメモ代わりに記事の形にまとめます。 まず大事なのは、デコメールに代表されるHTMLメールか、通常のメールかの選択です。 HTMLメールでもよければ装飾に苦しむことはあまりありません。 2010年1月の時点で、HTMLメール対応機種の割合は98.0%とのことです。 → ビートレンド株式会社 携帯端末毎のアクセス実勢を調査 [betrend.com] 利用率的には、もうHTMLメールで全然OKのようですね。 しかしながら、配信システムが対応してなかったり、利用者層によっては逆に開封率が下がってしまったりなんていうことも考え
2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！ モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
cakephp 1.2.6で開発してます。 Ktaiライブラリを使ってみました。そのメモ お手軽に携帯の対応ができるのでオススメです。ライブラリの公開感謝です！ 画面出力はSJIS-winで、Cake側は全てViewファイルも含めてUTF-8です。モバイル用のコントローラは独立させてます。 画面出力の文字コード変換は、ヘルパー側でやるようなので、絵文字使わなくてもヘルパーの設置は必須です。vendorsは/app/vendorsじゃなくて、appと同じ位置にあるvendorsディレクトリなので注意が必要です。 1. ktai libraryをダウンロードして設置 ここからダウンロード。 下記のように設置 /app/app_controller.php ← 既存ファイルがある場合は、redirect()の内容だけをコピー /app/controller/component/ktai.php
<img src="test.gif" style="float:left;" align="left" />ここに回り込みテキスト <div clear="all" style="clear:both;"></div>ここで解除される ソフトバンク携帯はstyleかalignでいけるようだが、他のキャリアで有効なものが違うようなので 両方記述するほうが確実っぽい
around_filter EmojiFilter.newとすればＯＫ。超簡単。 e4u-encode+=1 http://d.hatena.ne.jp/fistfvck/20100112/1263273690 require "e4u/encode" class EmojiFilter def before(controller) case controller.request.mobile_carrier when :docomo deep_apply(controller.params) do |s| E4U.encode(s, :docomo =>:google, :sjis=>:utf8) end when :kddi deep_apply(controller.params) do |s| E4U.encode(s, :kddi =>:google, :sjis=>:utf8)
おサイフケータイは財布と携帯電話の組み合わせです。 そこで、おサイフケータイでそんなことができるメリットを紹介します。 なんとなく見栄えがいい（ごめん） ▼おサイフケータイのメリット ここが当サイトのメインとなるところですが、お得な情報も共有したいと思った部分です。 おサイフケータイを利用して、各社が特典や割引などのサービスを提供しています。居酒屋でおサイフケータイでお支払いいただくと、全品50％割引で、焼酎の半額もご利用いただけます。コンビニでもキャッシュバックやポイント回収などのサービスがあります。今後もこのような貴重な情報を提供していきますので、遊びに行く前にチェックしてくださいね！ ありがとうm（_ _）m ▼ショッピング おサイフケータイの主な機能である決済ができます。 最近、東京のコンビニで携帯電話で買い物をしているOLを見かけました。 10人に1人くらいでしょうか？意外と使っ
携帯端末から送信された絵文字入りテキストをデータベースに保存するメモ。 CakePHP(1.2.1.8004)を使います。 docomo、SoftBankの端末から絵文字が含まれたテキストを投稿し、それを保存してみます。 Index すること、しないこと 設定 テーブル作成 絵文字コード定義 モデル・コントローラー・ビューの作成 絵文字をデータベースへ保存 表示サンプル 動作について ダウンロード リンク(au絵文字) すること、しないこと 前回までのように、HTMLの文字コードはutf-8とします。 携帯端末(docomo、SoftBank)から送信された、絵文字が含まれたテキストをデータベースに保存します。 保存したデータが携帯端末(docomo、SoftBank)で表示されることを確認します。 au端末での動作確認は行いません(いま行えません)。 設定 設定は、CakePHPで携
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
