携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
Tips携帯サイト構築 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 ちょっと必要に迫られたのでメモ。 どうも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の携帯用トラッキ
ケータイサイトのフォーム入力の文字種別を指定する方法
DoCoMo、au、Softbankのケータイ主要3キャリアで、フォーム入力欄に入力してもらう文字種別を指定する方法の解説です。 ケータイはPCと比較して、文字入力関連のインターフェイスが非情に不便です。 それはもちろん、携帯電話という端末の特性上、仕方が無い部分でもあるかもしれませんが、ちょっとした工夫でユーザーに与える文字入力へのストレスを軽減することが出来ます。 例えば、何かの入力フォームで、半角数字のみを入力してもらうテキスト入力欄があったとします。 そこで何の工夫も無く、 <input type="text" name="userid" value="" size="7" maxlength="6" /> みたいな感じでやっちゃうと、ユーザーがその入力欄に文字を入力しようとすると、最初に全角かなモードでテキスト入力のウィンドウが開いちゃいます。 これを、最初から半角数字モードで開
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以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
フォームモジュール｜携帯対応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/
http://shin.s-ence.org/archives/2010/03/30561.html
モバイルgoo検索へのサイトURL登録申請
モバイルサイト開発者の裏メモ