携帯サイトの作り方
ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための
maxlength属性の仕様の違いには要注意！ | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報
この結果を見ると、docomoだけがバイト数として扱っているようだ。SoftBank C型・P型の場合もバイト数として扱っていた記憶があるけど、C型とP型は3月末でサービスが終了したから該当しなくなった。 ちなみにバイト数というのは、シフトJIS換算のバイト長のこと。HTMLのキャラクタエンコーディングをUTF-8にしても、結局はシフトJISでの長さとなる。 影響範囲と対応方法 maxlength属性の仕様の違いが最も影響するのは、DBアクセスがからんできたとき。テーブル定義にもよるけど、フォームで入力したテキストをそのままDBに入れてしまうと、DBアクセスでエラーになる可能性がある。 たとえば、Oracleでフィールド定義が VARCHAR2(20) のカラムに日本語を格納する場合、データベースキャラセットがシフトJISなら全角10文字まで入る。PCサイトが前提ならmaxlength="
ke-tai.org > Blog Archive > postfixで携帯メールを扱う際の注意点
postfixで携帯メールを扱う際の注意点 Tweet 2008/5/8 木曜日 matsui Posted in サーバ | 2 Comments » 今回はPostfixでケータイ向けメールサーバを作る場合のTipsをご紹介します。 Postfixでメールサーバを作成する場合、「main.cf」に次の項目を設定しておかないと、一部ユーザからのメールを受信できません。 allow_min_user = yes 上記は、ハイフン(「-」)から始まるメールアドレスからのメールを受信するために必要です。 Postfixはデフォルトで、ハイフンから始まるアドレスを弾いてしまうためです。 システムに携わっている方は、ハイフンから始まるアドレスを登録するという発想自体が無いと思いますが、一般の方々はそうではありません。 実際に私の管理しているサイトで調査してみたところ、結構多くの方がハイフンから始ま
CGMサイトで盛り上がってる感を出して成功に近づける方法まとめ:phpspot開発日誌
CGMサイトで盛り上がってる感を出して成功に近づける方法まとめ CGMサイト等でどんなにシステムを作りこんでも人がいない、あるいは人がいない感が漂っているサイトだと利用見込みの訪問者も利用をためらってしまうかもしれません。 ということで、サイトがどれだけ盛り上がっているかを表す方法や、それをやることで盛り上がるかもしれない方法、で本等を読んで勉強したことを自分なりにまとめてみました。 当たり前のことも多いですが、サイト作り自体に集中していると当たり前のことに気づかないこともあり、あえて当たり前のことも入れてあります。 他にこんな方法もあるよという方がおられましたら教えてください:-) ログイン人数を表示 アカウント登録型のサイトの場合、ログイン人数が多い場合はそれだけで盛り上がってる感を出すことができますね。 携帯サイトなどでは端末IDがユニークで取得できるのでログインしていないユーザもカ
携帯サイトをつくろう。 | 携帯サイト制作のために役立つ情報満載サイト
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
デコメールその１・デコメールについて | 携帯サイトをつくろう。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
ke-tai.org > Blog Archive > 全キャリア対応のデコメールの作成・変換が行えるPHPライブラリQdmail
全キャリア対応のデコメールの作成・変換が行えるPHPライブラリQdmail Tweet 2008/8/28 木曜日 matsui Posted in 記事紹介・リンク | 3 Comments » スポックさんからのタレコミです。 （情報提供ありがとうございます） PHP用のメール送信ライブラリ「Qdmail」が、デコメール関連の機能を強化しされたそうです。 → Qdmail PHP高機能日本語メール送信ライブラリ・文字化けフリー [hal456.net] → デコメールまとめ – Qdmail → CPA-LABテクニカル デコメテンプレート変換はじめてガイド （Qdmailを使ったデモ） Qdmailには次のような特徴があるようです。 PHP4,5の両方に対応 mail関数送信、SMTP送信の両方に対応 Dcomo,au,Softbank,イーモバイル,Willcomの各キャリアを自動
手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo
最近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
携帯サイトはfont size=-2ということについて長々と。 - webの人 @ryryo
あまり触れられることの少ないことなのですが、 携帯のコーディングをされている方の多くは、 基本的にすべてのfont sizeを-2に指定していることが多いです。 (px等で指定する場合を除く。) では、なぜ-2にするのか。 まずそもそもフォントサイズを小さくしようとするのかというと、 一行あたりの文字数を増やつつ、文字列の高さも低くしたいためです。 私の携帯基準(ドコモ N906i)で話すと、 標準サイズの場合、一行あたりの文字数は12文字です。 そして-2にした場合、一行あたりの文字数は15文字になります。 数字にすると大して変わらないじゃないか、と思われがちですが、 実際にコーディングをしていると、この3文字の大事さを知ることになります。 メニュー⇒着うた/占い/デコメ と一行に収まるのか、 メニュー⇒着うた/占い/デ コメ と二行に渡ってしまうのか、ということで。 どう文言を削っても
XHTMLとCSSによる携帯サイト制作
次に、XML宣言の直後にDOCTYPE宣言を記述します。 DOCTYPE宣言とは、どういった仕様のXHTMLで記述されているかを指定するものです。ソフトバンク携帯電話向けのXHTMLであることを表すには下記のとおり記述します。 <!DOCTYPE html PUBLIC "-//J-PHONE//DTD XHTML Basic 1.0 Plus//EN"↵ "xhtml-basic10-plus.dtd"> これらの宣言は必ずhtmlタグより前に記述する必要があります。 XML宣言やDOCTYPE宣言は意味がわかりにくいかもしれませんが、ソフトバンク携帯電話向けのXHTMLで記述されたWebページを作成するには、次のようなフォーマットで記述するということをお約束として覚えておくとよいでしょう。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOC
XHTML+CSSでの携帯サイト構築～3キャリア対応の落とし穴～/Mobile - サイブリッジラボ
かのうです。 サイブリッジは今夏休み！でも私は休みをずらして9月末の祝日と合せて大型連休にしうと企んでいます。今のところまだ予定はないんですけどね笑 そういえば「iモードブラウザ2.0」のお話 2009年5月以降に発売開始されたdocomo端末に「iモードブラウザ2.0」が搭載されていますよね。 デザイナー向けの新しい機能は下記ですが、まだまだ完全に普及したとは言えないので、結局のところ「XHTML+CSS」での携帯サイト構築が必要ですね。 ・外部スタイルシートを含むCSS対応 ・サイズ制限が500Kバイトに ・Shift_JIS、UTF-8の文字コードが利用可能 ・JavaScript対応（Ajax含む） ・ページ埋め込みFlash動画（FLV）対応 ・クッキー対応 ▼docomo公式サイト iモードブラウザについて XHTML+CSSでの3キャリア対応の落とし穴 なんで普及もしばらく時
ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース : LINE Corporation ディレクターブログ
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
おれおれjpmobile拡張いろいろ - urekatのスカンク日記３
jpmobileが大きく改良されるような気がするのでオレオレ拡張を晒します。 http://d.hatena.ne.jp/conceal-rs/20091205/1259974784 携帯はARセッションストア、PCはCookieストアをつかう。 # require "jpmobile_session_store" # config.action_controller.session_store = JpmobileSessionStore class JpmobileSessionStore #< ActionController::Session::AbstractStore def initialize(app, options = {}) # $app_logger.info "********** JpmobileSessionStore#initialize options=#
入力フォームの操作性、機種による違いにご注意！ | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報
入力フォームの操作性、機種による違いにご注意！|株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報| 携帯サイト開発から生まれる技術情報ブログ 入力フォーム内の項目を横並びにしたり、リンクを追加したりすると、携帯でのユーザーインタフェースに思わぬ影響を及ぼしてしまうことがある。具体的に言うと、機種によってはチェックボックスやラジオボタンを十字キーで選択することが難しくなったりするのだ。 今回は携帯の十字キーの操作性にフォーカスしてみる。 このページの操作性は？ チェックボックスやラジオボタンなどを組み合わせたシンプルなページを用意した（サンプルページはこちら）。HTMLソースは以下の通り（一部抜粋）。 テキスト1<br /> <input type="text" name="t1" value="" /><br /> テキスト2<br /> <input type="tex
ke-tai.org > Blog Archive > 各キャリアのメールサーバのIPアドレス帯域をまとめてみました
各キャリアのメールサーバのIPアドレス帯域をまとめてみました Tweet 2010/3/3 水曜日 matsui Posted in サーバ | No Comments » ちょっと別件で各キャリアのメールサーバのIPアドレスをまとめたので、そのURLと現在の帯域をメモしておきます。 まずはドコモです。 → NTTdocomo 作ろうiモードコンテンツ iモードセンタの各種情報 [nttdocomo.co.jp] メール送信時（インターネット→iモード） 203.138.180.0/24 203.138.181.0/24 メール受信時（iモード→インターネット） 203.138.203.0/24 続いてauです。 → au by KDDI 技術仕様 EZwebメールサーバIPアドレス情報 [au.kddi.com] メール送信時(EZweb→インターネット) 59.135.39.192/2
ke-tai.org > Blog Archive > 携帯Flashの操作ストレスとなるポイントをまとめた記事「携帯Flashサイトのユーザビリティ基礎」
携帯Flashの操作ストレスとなるポイントをまとめた記事「携帯Flashサイトのユーザビリティ基礎」 Tweet 2009/12/16 水曜日 matsui Posted in Flash, 記事紹介・リンク | No Comments » これまで何度もご紹介させていただいたことのあるご存知Web担当者Forumに、ケータイFlash（Flash Lite）のユーザビリティに関する記事がありましたのでご紹介します。 → Web担当者Forum 携帯Flashの使いやすさを損なわない、携帯Flashサイトのユーザビリティ基礎（第10回） [web-tan.forum.impressrd.jp] → Web担当者Forum モバイルサイト構築のユーザビリティいろは 目次 [web-tan.forum.impressrd.jp] 以前から連載されていた記事「モバイルサイト構築のユーザビリティい
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mobylet（モビレット） | 設定ファイル（mobyletSession.xml） | 携帯Webアプリケーションを開発するためのJavaオープンソースフレームワーク
はてなブログ | 無料ブログを作成しよう
