携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。
[(X)HTML] モバイルサイトにおけるinput要素の初期入力モード指定 | Blog | Development Reference
携帯サイトでは、特に何も指定せずにinput 要素を使用すると初期入力モードが全て「全角かな」になるため、メールアドレスや数字のみ入力すればよい項目は、いちいち入力モードを変えなければいけない。 これは携帯電話の特性上、ユーザにとっては非常にストレスになる。 input要素向け独自属性 これを回避してユーザビリティを向上させるため、各キャリアごとに初期入力モードを指定するためのinput要素向け独自属性が用意されている。 Docomo, au（istyle属性） 全角かな
無料の携帯アクセス解析「うごくひと2」: 商用利用可
無料の携帯アクセス解析の決定版。ページビューのほか直帰率やキーワード分析などの豊富な機能・見やすい管理画面が特徴。携帯サイトのアクセスアップに貢献するランキング機能付き。個人・法人でご利用いただけます。
ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース : LINE Corporation ディレクターブログ
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
HTML::Templateに携帯用Google Analyticsを導入する | trapon : experience
Perl のテンプレートエンジン、HTML::Templateに携帯用GoogleAnalyticsのコードを導入してみる 例としてHTML::Template を使っていて個人的にMovableTypeとも相性がいいと思うUTF対応のpgdmailformの場合で試してみる 実際に手を加えたpgdmailformのダウンロードとオリジナルの比較 GA mobile版とオリジナルの比較 手順はこんな感じ GoogleAnalyticsのperl向け携帯用コードを確認する pgdmailformの必要な部分に修正を加える ga.plを設置 トラッキングコード生成スニペットを組み込む 入力画面、確認画面、送信完了画面それぞれにテンプレートタグを定義 実際のテンプレートを修正 １．GoogleAnalyticsのperl向け携帯用コードを確認する Google Analyticsの携帯用トラッキ
gooモバイル - 携帯サイトビューワ
２０２２年６月３０日（木）モバイルgooの終了に伴い、サイトビューワの提供を終了いたします。 長年のご愛顧、誠にありがとうございました。 上記期間後はご利用ができなくなりますので、ご注意ください。 URLを入力して表示
てるてるブログ
郵便番号の自動入力 「jquery.jpostal.js」 Posted on | 7月 14, 2015 | No Comments お問合せなどの入力フォームで住所を入力する時に便利なのが、郵便番号を入力すると住所が自動的に入力されてくれる仕様。 最近はお客さんの方からも「ああいうのにして！」と言われるパターンもあって、そんだけ一般的になってきたんだなぁと（いまさら…） jQueryプラグインでもいくつかあるのだけど、とりあえず最近使ってるのは「jquery.jpostal.js」。 jpostal.googlecode.comで公開もされているので、直接リンクして使うことも可能。 Read more »
Ryos info – ryos.info
often find unexpected finds among the things they leave behind. Used to warn against rushing ahead
Movable Type の PHP化（その2：.html のままPHPを有効にする）
Movable Type の PHP化（その1）では拡張子を変更する方法を説明しましたが、このエントリーでは拡張子を変更せず、html のままPHP化を行うカスタマイズを紹介します。 このカスタマイズを行えば、モジュール化やページ分割等を、拡張子の変更なしで利用できるようになります。 1年以上前、自宅サーバで運営している時にこのテクニックを知ったのですが、.htaccess を利用すればレンタルサーバでも可能であることに最近気がつきました。 ここでは、 AddType ディレクティブによる設定 ForceType ディレクティブによる設定 AddHandler ディレクティブと Action ディレクティブによる設定 の3つの方法を紹介します。 基本的には１項の設定で動作するはずですが、さくらインターネットでは３項の方法でしか有効になりませんでした。４項以降の作業は１?３項共通です。 なお
携帯絵文字変換スクリプトの改良版 （PHP・SSI対応版）を作りました 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
以前、このブログで携帯絵文字変換スクリプトを配布しましたが、 今回はその改良版です。今まで、こちらの携帯絵文字変換スクリプトを使用していた方で、 どうやっても動作しないよ！と悩んでいた方はこちらに変えてみてください。 改良点は以下の通り。 ・もちろん全3キャリア対応 （ただしドコモはiモードHTML4.0以上の機種に限る） ・PHPとSSI両方に対応 ・安定動作のため、Unicode数値参照方式（&#x\\\\;）に変更 ・PHPは4と5で動作 ・PCで閲覧した場合にも絵文字が表示される ・ドコモの絵文字を基準とするのはそのまま 以前の携帯絵文字変換スクリプトはドコモの絵文字においてShift-JISの2バイトコードを 絵文字の変換テーブルに用いていたため、サーバー環境によっては文字化けが起きたり、 XHTMLとHTMLで動作が異なったりしていましたが、今回は全キャリアが対応している Un
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
GRTOTO > Main Slot Gacor di Bandar Slot Online Resmi #1
GRTOTO > BANDAR SLOT ONLINE > SLOT GACOR > BANDAR SLOT RESMI GRTOTO hadir sebagai pilihan terbaik untuk Anda yang ingin main slot gacor di situs bandar slot online resmi nomor satu di Indonesia. Dengan tampilan modern, navigasi mudah, serta koleksi game dari provider ternama seperti Pragmatic Play, PG Soft, hingga Habanero, GRTOTO menjamin pengalaman bermain yang seru dan menguntungkan.
フォームモジュール｜携帯対応HTML/XHTMLタグ｜モバイル｜PHP & JavaScript Room
PHP、JavaScript、Ajax、HTML/XHTML、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説fieldset〔フォーム要素のグループ化〕 form〔フォーム〕 input〔フォームの入力要素〕 label〔フォーム要素のラベル〕 legend〔フィールドセット（fieldset要素）のタイトル〕 optgroup〔プルダウンメニューの選択肢（option要素）のグループ化〕 option〔プルダウンメニューの選択肢〕 select〔プルダウンメニューの定義〕 textarea〔複数行入力可能なテキストエリア〕 なし なし [SoftBank HTML][SoftBank XHTML] fieldset要素は、ログイン情報、個人情報など、フォーム要素を入力情報によってグループ化する場合に使用するインライン要素です。 注意
[携帯]フォームで使うパーツまとめ │ これからゆっくり考L +α
携帯サイトに限ったことではないですが、フォームページの作成って結構骨が折れるというか心が折れるというか眠くなるというか。 そんなフォームページを簡単にやっつけるべく、コピペでペタペタはっていけるようにまとめてみました。 こんなフォームページがちょちょいのちょいと。 Dreamweaverなどを使っている場合はスニペットに登録しておくとかなり作業効率がアップしますよ？ ただ、Dreamweaverを使わずに秀丸とかでコーディングする時もあるので、そういう時の自分の為に。 メニュー さくっとコピペできるように、html用とxhtml用で分けています。 ・html用のフォームパーツ ・xhtml用のフォームパーツ 数字とか値は適当に入っているので、コピペしたら直してくださいませ。 html用のフォームパーツ ・基本のパーツ ・割とそのまま使えるパーツ ・名前 ・住所 ・生年月日 ・性別 ・同意規
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.google.com/support/forum/p/Google%20Analytics/thread?tid=5bc361232aa1dd6a&hl=ja
Yahoo! JAPAN
http://www.chantokirei.com/2011/01/1%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A73%E3%82%AD%E3%83%A3%E3%83%AA%E3%82%A2%E3%81%AB%E5%AF%BE%E5%BF%9C%E3%81%AE%E3%83%A2%E3%83%90%E3%82%A4%E3%83%ABxhtml%E3%83%9A%E3%83%BC%E3%82%B8/
ケータイサイトのフォーム入力の文字種別を指定する方法
モバイルgoo検索へのサイトURL登録申請
モバイルサイト開発者の裏メモ