スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
SSI : au携帯の場合に特別なメッセージを表示する
書式 <!--#if expr="${HTTP_USER_AGENT} = /UP\.Browser/" --> 説明 auの携帯かどうかを判別するにはユーザーエージェントが格納されている環境変数HTTP_USER_AGENTを参照します。auの携帯の場合にはKDDIやUp.Browserという文字列が含まれているので、正規表現を使ってマッチするかどうか調べます。マッチした場合には文字を表示するようにします。<!--#endif -->までの文字列や画像などが表示されます。 サンプルコード [実行] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"
htmlSQLでプロ野球速報をWebスクレイピングして携帯のフルブラウザで見られるようにする実験 [ゼロと無限の間に]
htmlSQLというPHPのWebスクレイピングライブラリがある。 ライセンスは修正BSDライセンス。 内部的にはSnoopyのVersion1.01を使っている。（こちらはLGPLライセンス。バージョンがあがるとGPLになるみたい？ ） これを使って何かしてみよう 例えば、携帯でプロ野球速報を見られるようにするのはどうだろう？ プロ野球速報と言えばnikkansports.com。 FLASH版のリアルタイム速報もhtml版の詳細な試合情報も重宝する。 しかし、これ（html版の方）を携帯で見ようとするとなかなか使い辛い。いわゆる携帯ブラウザでは見られないので、フルブラウザ（auだからPCサイトビューア。中身はOpera）で見ることになるが、重い重い 携帯のネットワークには情報量が多過ぎる。レンダリング負荷も高い。地下鉄で見ようものなら一苦労。 これをサクッと見られるようにスクレイピング
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 2009/3/6 金曜日 matsui Posted in 記事紹介・リンク | No Comments » 先日ネットをウロウロしていて、たまたま興味深いブログ記事を見つけましたのでご紹介します。 主要なモバイル向け検索サイトのリファラから、検索キーワードを抽出するための正規表現をまとめた記事です。 → F.Ko-Jiの「一秒後は未来」 モバイル検索サイトのリファラーから検索キーワードを抽出する正規表現 [blog.fkoji.com] Apacheなどのアクセスログ内に記録されているリファラから、どういう検索キーワードで検索されたかを調べるための正規表現が多数まとめられています。 各キャリアの検索、Googleモバイル、ヤフーモバイル、モバゲーなど、メジャーどころの検索サイト用は、ほぼ全て網羅されています。
» 携帯サイトでGoogle Analyticsを利用する方法（サーバサイドでPHPを使う） - Magic Linux Power
モバイルや、携帯は Javascriptに徐々に対応しようとしてはいるが、現状で現在は対応していない機種がほとんど対応してないである。 このため、便利なGoogle Analyticsもjavascriptを利用しているので使えない。 コレを解決するのが以下のPHPコードである。 <?php /* google analytics for mobile START */ $var_utmac=’UA-xxxxxx-x’; // Google AnalyticsのID $var_utmhn=’test.com’; // 解析するサイトのドメイン $var_utmn=rand(1000000000,9999999999); $var_cookie=$session; //cookie number $var_random=rand(1000000000,2147483647); $var_t
携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて - 絶品ゆどうふのタレ
先日の勉強会での発表内容に関して、ke-tai.orgさんのところで入力モードについて突っ込まれたので、せっかくだし書きかけの記事をきちんとまとめてみることにしました。 元々、wideの%MobileStudyで入力モードの話が出た際、意外と情報が間違って知られていたりすることが多いようだったので、特にはまりやすいあたりを中心に、入力モード指定についてざっくりと書いておこうと思って、まとめたかけでそのまま放置していたｗものがあったんですが、それがベースです。 そんなわけで、記憶頼りが中心であんまり検証しないで書いてるので、間違いが含まれてたらごめんなさい。 では本題。 入力モードとは まず、入力モード指定って何のことかという話からすると、みんな携帯をいじる時に「全角かな」とか「数字」とか「英小文字」とかいろいろ端末の文字入力を切り替えると思うんですが、あれのことです。 サイトを作る時にin
フラッシュバックス - Flashbucks - WEBデザイナーが作るフラッシュ素材(フォトアルバム・メニュー)
2004年にFlashの素材サイトとして立ちあげた当サイトですが、2020年3月を持ちまして閉鎖することになりました。 ここ数年でブラウザがFlashに非対応となり、サイトとしての存在意義がなくなってしまったこと、また、2020年末にAdobeがFlashのサポートを終了とするということで、この決断に至りました。 2012年の更新を最後にそのままにしていましたが、3月末で一度すべてのデータを削除します。 今まで素材を使用していただいた皆様、ありがとうございました！ また、事業者登録をしていただいた皆様、カスタマイズのご依頼をくださった皆様、サポート掲示板にて有志で返答していただいた皆様、本当にありがとうございました！ 素材ご利用時の条件として当サイトへのリンクをお願いしていましたが、それらのリンクは外していただいて構いませんので、どうぞお外しください。 当サイトの今後ですが、名前を変えてW
携帯文字種＆文字数入力制限記述方法メモ（-wap-input-format:3キャリア共通XHTML/WAP2.0）
だれかの役にたつブログになるといいな☆と思います。 通りがかりの方でもお気軽に追加情報・質問などコメントしていただけるとうれしーです(^Ｏ^) ★旧機種(WAP2.0未対応機種)文字種の制限方法 【i-modeとez-web】 全角かな istyle=1 半角カナ istyle=2 半角英字 istyle=3 半角数字 istyle=4 【softbank】 全角かな mode="hiragana" 半角カナ mode="katakana" 半角英字 mode="alphabet" 半角数字 mode="numeric" ★新機種(WAP2.0対応機種)文字種の制限方法 【 docomo 】 全角かな style="-wap-input-format:"*<ja:h>"" 半角カナ styl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
