「これから携帯サイト作成」お役立ちサイト集 2010年version - Feel Like A Fallinstar
このブログは引用メインのまとめブログではないんですが、たまたま携帯サイトを個人的に1個作ることになったので、こんなエントリーを。 何だかんだ言っても、日本の携帯電話ってしばらくは生き延びる（＋普通に利用目的によってはスマートフォンより上）わけで、一度まとめておくと便利かな、ということで。 モバイルの利用状況とか、マーケ系 さすがに2010年のものばっかりはムリなので、ここ数年以内のもの中心で。 あんまり沢山見ても訳分からないので、絞りました。 携帯電話におけるインターネットおよび検索エンジンの利用状況（インデックス） 個人的にはもう少しGoogleが多いのかと思っていましたが、携帯でもYahooの方が多いんですね。 モバイルユーザー傾向DATABOX 2010年5月版 アクセス解析ソフトMyRTのデータが元になっていて、若干偏がありそう。 画像対応とか、ディスプレイサイズとか、最低限見てお
数谷, 你的数字名片！
网站建设中，敬请期待！ 数谷, 你的数字名片！ Powered by 数谷 www.sugu.cc © 2021 备案号：黔ICP备15014639号-7
モバイルサイトを作るときに参考になるサイト – creamu
Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。 いくつかご紹介しますね。 Mippin RSSを使ってサイトのモバイル版が作れるサービス WPtouch WordPressをiPhoneやAndroid携帯に対応させてくれるプラグイン Mobify デバイスごとの表示をリアルタイムに確認しながらCSSを編集できる。A List Apartがこれで作られた iPhone Compatible CSS Layouts iPhoneに対応したCSSレイアウトを配布 Smashing Magazines’s Mobile Design Showcase 9月にSmashing Magazineがまとめた、iPhoneデザインまとめ CSSiPhone iPhoneサイトのCSSギャラリー A List Apartの例はとてもいいですね。 一度見てみてください。
ke-tai.org > Blog Archive > ケータイ3キャリアに対応するためのDOCTYPE宣言について
ケータイ3キャリアに対応するためのDOCTYPE宣言について Tweet 2009/10/14 水曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 11 Comments » XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。 下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。 → ma-san.org 携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法 [ma-san.org] → ある人のぼやき 携帯サイトのDOCTYPE分岐方法 [d.hatena.ne.jp] DOCTYPE宣言とは
auとソフトバンクの外部CSSを切り替えるMobile CSS Switcher 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
auとソフトバンクの3G端末は外部CSSを読み込むことで、 豊富な表現が可能になっています。（ドコモはダメ） ただし、auとソフトバンク端末に搭載されているブラウザは種類が異なるので、 3キャリア対応のサイトを1枚のHTMLで作る場合は、文字サイズなどの違いがどうしてもでてきてしまいます。これに対処するためには、auとソフトバンク端末で読み込む外部CSSを切り替えてあげる方法があります。 そこで、今回はauとソフトバンクで外部CSSを切り替えるスクリプトをご紹介します。 まず、どのような設計にするかというと、 ・au用の外部CSS「css_au.css」とソフトバンク用の外部CSS「css_sb.css」を用意する。 ・au端末でアクセスしてきたら、「css_au.css」を読み込むようにlinkタグを発行する。 ・同様に、ソフトバンク携帯には「css_sb.css」を読み込むようなlin
モバイル機器向けXHTML仕様
モバイル機器向けのXHTMLとして、現在その仕様が公開されているものには、 W3Cによる「XHTML Basic 1.0」 WAPフォーラムによる「XHTML Mobile Profile 1.0」 の２つが挙げられます。いずれも、元の言語は、XHTML 1.0です。XHTML 1.0は、HTML４を再仕様化したものですので、含められている要素や属性は、よく知られているものです。 EZwebのWAP2.0端末には、Opnewave XHTML拡張属性を加えた「XHTML Mobile Profile 1.0」に、さらにEZweb独自の拡張要素を認識するブラウザが搭載されています。 現在のEZweb環境では、 xml宣言を省略可能 ブラウザがDTDをチェックしない 各種の拡張要素/属性をブラウザ側で認識する ので、ほとんど従来のHTML文書を作成するような手軽さでWAP2.0対応機用コンテン
携帯端末以外のIPを制限するhtaccessを簡単生成 『Mobile IP htaccess Maker』 - HTMLタグボード
携帯端末以外のIPを制限するhtaccessを簡単生成（Mobile IP htaccess Maker） 2020年4月25日 2020年4月27日 Web便利ツール 携帯端末以外のIPを制限するhtaccessを簡単生成（Mobile IP htaccess Maker） 携帯サイトを運営する上で、携帯端末のみをアクセス可能にしたい場合にサーバーに設置が必要なサーバー定義ファイル「.htaccess」を簡単に生成します。 キャリアや検索エンジンのクローラーごとに設定可能なため、例えば「auは許可し、docomoは拒否」といった設定も可能です。 使いかた アクセスを許可したいキャリアやクローラーを選択し、最後に「htaccess生成」ボタンを押すと、htaccess用に書かれたIP情報（自IP含む）が表示れます。 表示内容をコピーし、「.htaccess」という名前で保存した後、自分のサ
いまからでも遅くない！ ケータイデザインの基礎固め
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
携帯サイトの作り方
ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための
8/10 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About
携帯サイトの作り方 第1回 作成方法の基礎(8ページ目)携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 リンクの作り方は、PC向けサイトを作る場合と同じで、a要素を使って記述します。 携帯端末のブラウザはPCのブラウザに比べてスクロールがしにくいので、長いページの場合は「↑ページトップへ」といった（ページの最上部へ移動できる）ページ内リンクを用意しておきましょう。 ■リンク記述の注意点 基本的にはPC向けサイトと同じ記述方法を使いますが、注意点として以下の2点を押さえておいて下さい。 ページ内リンクの「リンク先」は、id属性だけでなくname属性も同時に使ってa要素で作る。（id属性ではリンク先として解釈しない端末もあるため） メールを送
![8/10 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/99ea29bf657cd4dbe096c25bd4423077e189e7a5/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F9%2F9%2F201610192029%2Ftopimg_original.jpg)
携帯サイト用ショッピングカートCGIが無料！クレジットカード決済に対応！
下記の機能がついた携帯サイト用ショッピングカートCGIを無料で提供しています。 ●カテゴリー登録・商品登録により携帯ショップ用のページが自動的に作成されます。 ●都道府県別送料、代引手数料の自動計算 ●受注メール自動送信機能 ●受注メールあいさつ文の自由な編集 ●入力フォーム部分の自由なカスタマイズ ほか 詳しく ゼウスは、クレジットカード決済の決済代行会社です。 ●当社の携帯サイト用ショッピングカートCGIを利用すればゼウス決済システムが初期費用無料で導入できます。 ●コントロールパネルからの簡易設定。特殊な技術は不要です。 ●当社クライアント様で400以上の実績があります。安心してご利用下さい。 詳しく 当ショッピングカートＣＧＩは、人気受注管理ソフトに対応しています。これらのソフトを導入することにより、次のことが実現します。 ●受注データの自動取込み ●各種伝票印刷 ●顧客管理 ●メ
ウノウラボ Unoh Labs: ゼロからはじめる携帯サイト構築。
こんにちは、日食を妙に楽しみにしていたわりには見ようともしなかった ryosuke です。曇りで残念でした。曇りでも日食と分かるぐらい暗くなったら嬉しかったのですが、東京ではそんな事は全然ありませんでしたね。 さてさて、そんな私ですが入社後半年が経過したところで、入社当初より携わって来た携帯サイト構築に関して得た知識(失敗談)をまとめてみようと思います。 初ラボブログ記事でも触れた様にそもそも本格的な携帯サイト構築は経験に乏しく、バッドノウハウの塊の様な面倒な思いこみが先行しがちだったわけですが(実際バッドノウハウの塊ですが)、端末の機能や表現力が豊かになるのと同時に開発環境的なツールやライブラリの充実、ノウハウの蓄積と情報公開により随分すんなり入って行けた様に思います。 結局はキャリア感の差異を知り吸収する事がすべて いきなりですが、PCサイトと携帯サイトの違いで最も厄介な所はこれにつき
着うた・携帯ムービーのフォーマットと拡張子～3GP、3G2、iPhoneその他
着うたのファイルは、初期のころは、ＭＬＤやＭＭＦなどを進化させた形のフォーマット（えせ着うた）が使用されていましたが、現在では、３ＧＰや３Ｇ２のフォーマットが使用される機種が多くなっています。 3Gとは、3rd Generationのことで、第3世代移動体通信システムのことです。要は、携帯電話の規格のことで、その規格が三世代目になっているのです。しかし、色々あって3Gの規格は、日本とヨーロッパが中心となって、W-CDMAという方式の普及をはかる3GPPという枠組みと、アメリカが中心となってCDMA2000という方式の普及をはかる3GPP2という枠組みの２つが存在しています。日本では、DoCoMoとvodafoneがW-CDMAを、auがCDMA2000を採用しています。 着うたや携帯ムービー（着ムービー）のファイルは、3GPPが3GPファイル、3GPP2が3G2ファイルになります。
モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
iモードHTMLシミュレータII | サービス・機能 | NTTドコモ
ローカルディスクまたはウェブサーバ上にある901iシリーズ以降のiモード対応HTMLとFlash® 、デコメールテンプレート、901iSシリーズ以降のPDF、902iシリーズ以降のトルカ、906iシリーズ以降のデコメアニメを表示することができます。 ログウィンドウ機能により、HTTP通信のやり取りをチェックすることができます。 表示中のコンテンツ画面の印刷、クリップボード経由で他のアプリケーションへの貼り付けができます。 表示中コンテンツのHTMLソースの表示、編集ができます。 このツールには機種毎の動作をシミュレートする機能はありません。シミュレータと実機では動作が異なる場合がありますので、最終動作確認は実機にて行ってください。
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
「モバイルSuica」は大丈夫…おサイフケータイのアプリの“お引越し”はどうするの？ - 日経トレンディネット
携帯電話番号ポータビリティ（MNP）で新しい携帯電話会社に乗り換えた後、まずやらなければならないのは、データのお引越しだ。アドレス帳などは、MNPの際にショップにお願いすれば、その場でデータを移し変えてもらうこともできるが、おサイフケータイのアプリはそう簡単にはいかない。なぜなら、おサイフケータイのデータは、「FeliCa」というICチップの特別な部分に保存されているからだ。 おサイフケータイといえば、電子マネー、クレジットカード機能、ポイントカード機能など、いろんな機能が含まれる。そうした中でも、MNPで携帯電話会社を乗り換えてすぐ使えないと困る機能の筆頭と言えば「モバイルSuica」だろう。特に通勤定期や仕事の移動用などに使っているなら、一刻も早く使いたいはず。そこで今回はまず、モバイルSuicaを例におサイフケータイのデータの移動を解説しよう。 モバイルSuicaのデータの移行は、携
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Groups
iモードHTMLシミュレータ | サービス・機能 | NTTドコモ
ヤフオク落札の携帯の問題 - ヤフオクにて一日使用のSH903iTVを落札したのですが、自分のFOMAカードを挿してモバイルs... - Yahoo!知恵袋
