先日、CSSNiteで携帯サイトの作り方の話を聞き、自分でも携帯サイトを作り始めました。 以下に、そのまとめと自作のDreamweaverのスニペットと拡張機能を載せます。 １）XHTML Transitionalでページを作成する 携帯サイトはいろいろな言語で作ることが出来ます。 例えばi-modeなら「i-mode HTML（C-HTML）、XHTML、i-mode XHTML」で書くことが出来、さらにそれぞれの言語にバージョンがあり、言語によって使えるタグや対応機種も違ってきます。 auでは「HDML、XHTML Basic」、softbankでは「ソフトバンク携帯電話向けHTML、XHTML Basic」のようです。 ---------------------------------------------- 私は ・CSSが使える ・divの中の背景色指定が出来る な

ＨＴＭＬHyperText Markup Language基本構造タグヘッダ内タグレイアウトタグ画像タグ水平線タグリンクタグ文字タグリストタグスクロールタグテーブルタグフォームタグその他タグ応用タグez対応タグ背景画像基本構造要素ヘッダ内要素ｲﾝﾗｲﾝﾚﾍﾞﾙ要素ﾌﾞﾛｯｸﾚﾍﾞﾙ要素記述場所限定要素携帯独自対応要素ＷＭＬＣＳＳインラインＣＳＳMIMEタイプ言語コード属性一覧関連用語特殊文字初心者用タグおまけHTMLタグ携帯†素材page＋αSweet★SozaiＣＯＬＯＲ無料レンタル案内アクセスアップにどうぞ 人気ブログランキング ブログ人気サイトランキング 人気ブログRanking 個人ブログ人気ランキング みんなのブログランキング リンクフリー <a href="http://htmltag.2.tool.ms/">ＨＴＭＬ</a> mono spaceaccess×referer

さっそく、読者の方から、「iモードブラウザ」が「2.0」になりましたが、 携帯サイト市場としてすぐに対応は必要ですか？ というご質問を頂いたので、今更ではありますが僕なりの見解をお伝えしますね。 結論から言うと 「もちろん動向をウォッチしていくことは必要だが、焦ってすぐに対応する必要はない」 と思います。 iモードブラウザ2.0がドコモ新機種（昨年の夏モデル）に搭載されたとき、 技術系のブログではいち早く過去のブラウザバージョンとの違いを比較した情報を伝えていましたが、 私はその情報はもちろん作り手として知る必要はあると思うんですけど、 おそらく皆さんが思っているのは、そうではなくて、 じゃぁすぐに対応すべきかっていうことだと思うんです。 確かに携帯サイト業界のトレンドや動向は変化が早いと言われますが、 XHTML+CSSベースで携帯サイトが作れるようになった今でも、 核となる制作ノウハウ

携帯サイト初心者の方に向けたセミナー資料「ケータイサイトのはなし（入門編）」 Tweet 2008/4/21 月曜日 matsui Posted in お知らせ | 1 Comment » 先日の4/18(金)に、北海道Webコンソーシアムで、「ケータイサイトのはなし（入門編）」という話をさせていただきました。 （関係者・参加者の皆様、色々とありがとうございました。） せっかくですので、発表に使用した資料をアップさせていただきます。 ケータイサイトをはじめて作るという方を対象に、知っていた方がよいと思われるポイントをまとめてみました。 →　北海道Webコンソーシアム [hwcon.org] →　発表に使用したスライド資料　「ケータイサイトのはなし（入門編）」　※PDFファイルです | View | Upload your own 口頭での補足ありきの資料のため、文章だけだと多少言葉足らずで

ケータイでの画像回り込みについてまとめてみました Tweet 2008/6/11 水曜日 matsui Posted in デザイン | 7 Comments » 本日、ケータイでの「画像の回り込み」に関して調査しましたので、メモを兼ねてまとめてみます。 もちろん、キャリア毎に書き分けてしまっては意味が無いので、3キャリアで共通して使える書き方を調べてみることにしました。 まず問題となったのが、auでfloatが利かないことです。 では、オーソドックスにimgタグのalign属性を使ってみてはどうかということになりますが、今度はドコモ(XHTML)で正しく表示されません。 なかなかやっかいです。 そこで、次のようなサンプルHTMLを作成し、3キャリアでテストを行ってみました。 <img src="test.gif" style="float:left;" align="left" /> あ

お題となる元のサイトの特徴とターゲットを的確に捉え、全体的なデザインと画面遷移時のエフェクトに作りこみにクオリティの高さを感じました。また、そういった見た目や遊びの要素だけでなく、ユーザビリティ面もきちんと計算されて、ストレスなく操作する事ができました。 コメントの通り、Flashならでは！開発者ではムリ！なもので、非常に使いやすいと思います。遊び心もあり、見ていて楽しくなれます。操作性が非常に高く、リテラシーの低いユーザーでも直感的に使えるサイトだと思います。

コンピューター系のblogになる予定です (blog名のまま)。が、もう更新を停止しました。コメントもトラックバックもできません。すいません。。。 お知らせ： 2014/07現在、2015/09/30 で kinshachi.ddo.jp のドメインが使えなくなってしまうかもしれないので、ddo.jp と dip.jp で並行運用します。(居ないとは思いますが ^^;) ブックマークをしてる人が居たら ddo.jp から dip.jp へ変更お願いします。 前に同じエントリーを書きました。時々修正してたんだけど、ごちゃごちゃしてきたので、書き直しました。 SEE: ケータイのユーザエージェント (このblogより) ↑以前のエントリーです。 各キャリアの携帯端末のユーザエージェント(UserAgent)一覧。 HTTPヘッダ(HTTP_USER_AGENT)で取得できるもの。 各キャリアへ

TokuLog 改め だまってコードを書けよハゲ - HTTP::MobileAgent で Nokia6820 がモバイルと判定されない件 を読んで、去年 google sitemaps のモバイル版をいじったりしつつ実験したときの経過を googlebot-mobile研究用ページ に書いていていつかまとめようと思いつつ放置していたのを思い出したので、そのままですがとりあえずこっちにコピーしておきます。 長いですが まとめ の通りです。 Nokia6820/2.0 (4.83) Profile/MIDP-1.0 Configuration/CLDC-1.0 (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html) をモバイルと判定されるように対処されていますが、NokiaでくるやつはXHTML用なのでmob

当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

携帯サイト作成時のTips（２）■DoCoMoではTableのcellpaddingとcellspasingかきかない。 携帯サイト作成時のTips ■DoCoMoではTableのcellpaddingとcellspasingかきかない。 auはきいてしまうので注意。 こんな感じで書くと画像のdocomoでもauでも画像の上下に無駄な余白が入ってしまってもきれいに見えます。 <tr> <font size="1" color="#ffffff">CONTENTS</font> </td> </tr> </table> <!-- au hack --></div>

ケータイの端末ID・ユーザIDの取得についてまとめてみました Tweet 2008/9/8 月曜日 matsui Posted in au, DoCoMo, PHP, SoftBank | 12 Comments » ケータイサイトでは、端末ID・ユーザIDを取得する、という処理をよく行うことがあります。 ログインの度に、ユーザ名とパスワードを入力するというのは、ケータイの操作性の面からも現実的ではないためです。 今回はそんな各種IDの取得方法について、PHPを使った場合を例にとりまとめてみました。 ※ここでは端末IDを「ケータイに振られた個体識別情報（製造番号など）」、ユーザIDを「契約に紐付くID」として解説しています。 ドコモ端末での取得方法 1. utnを使う ドコモ端末ではutn属性を使うことによって、フォームやリンクから個体識別情報を取得することができます。 対応機種は、iモー

Firefoxでモバイル端末をシミュレートするアドオン「FireMobileSimulator」 Tweet 2008/9/4 木曜日 matsui Posted in 記事紹介・リンク | 3 Comments » thorikawaさんからのタレコミです。 （情報提供ありがとうございます） FireMobileSimulatorは、ドコモ、au、ソフトバンクの3キャリアに対応し、HTTPリクエストや絵文字表示などをシミュレートしてくれるFirefoxのアドオンです。 →　遙かへのスピードランナー　Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します [d.hatena.ne.jp] →　Firefox Add-ons　FireMobileSimulator [addons.mozilla.org] Firefoxでケータイ開発