IT関連ネタを中心とした、彷徨えるウェブプログラマーの技術メモ
![携帯サイト開発用にFirefoxアドオンの「lori (Life-of-request info) 」](https://cdn-ak-scissors.b.st-hatena.com/image/square/07aca4726894a8ce16518c8c3cd10185a2a8e704/height=288;version=1;width=512/https%3A%2F%2F4.bp.blogspot.com%2F_iA_BxNp5nIo%2FTPD8EhnzAfI%2FAAAAAAAAA2c%2FJb79wtN7_pw%2Fw1200-h630-p-k-no-nu%2F5101.png)
auユーザーで、しかも携帯サイトによく接続する人は何度かみたことがあるメッセージ。 EZサーバーからの応答がありません。しばらくだってからリトライしてください。一度これが表示されるとしばらくはこればかり表示されてWebサイトに繋げない。ただ、どうにも現象が不可思議で、EZWeb自体が混み合っているならば他のサイトも繋げなさそうなものなのにそれは大丈夫だったり、特に電波が悪い訳ではなかったり、他の端末だと繋げたりする。 解決方法。「ブラウザ履歴クリア」を実行する。まさかなと思ってやってみたら、ずばり的中だった。端末が「ここにはしばらく繋ぐなよ」と覚えているみたい。もしかしたら覚える意思はないけど結果的にそうなってるだけなのかもしれないけれど。 という訳で、花火会場のように混雑している訳でもないのに「応答がありません」とか言われた日には、「ブラウザ履歴クリア」が効果的。
離脱されない携帯サイトのフォーム作成術 携帯サイトのフォーム設計のコツ 個人プロフィールからの引用を考慮した携帯サイトフォーム設計 さて、携帯サイトのフォームの入力効率を上げる(完遂率を上げる)には、まず項目数を少なくして入力負荷を減らすことが第一です。 しかしビジネス上の要件から、項目数を減らすことにも限界があります。そこで、入力時のボタン操作など、「ユーザの操作面の負担を少なくする」ことを考えましょう。 1. 入力文字種を指定する テキストエリアの属性としてistyleを指定することで、入力文字種の「全角かな」「半角カナ」「英文字」「数字」をページ側で指定することができます。 携帯電話では文字入力モードを変更するために、2-3回(十字キーを使う場合はもっと多くなります)ボタンを押さなければなりませんので、この指定だけでもユーザの負担は大きく減ります。 ※タグや属性の詳細な仕様に関しては
hal456トップページ 注意! 本業が忙しいため、私は開発・更新には関わっていませんし、ご質問にも対応しておりません。 下記のURLの方々が、引き継いでいただいているので、どうぞそちらをご利用ください。 ライセンスに従えば改変は自由ですが、本ホームページでのダウンロードは停止いたします。使い方などについては、参考にされる方もいるかも知れませんので、当面の間、残しておきます。 長らくのご愛顧、誠にありがとうございました。 自分が作成したプログラムが、多くの方に便利に使われたことは、とてもうれしかったです。 2018/1/28 深謝 QdmailをPHP7.0に対応させる Qdmailシリーズのgithub版です。PHP5.4対応 qdmailを新しめのPHPでも動くようにした Qdmailとは Qdmailとは、PHPのマルチバイト環境(特に日本語)にて、「文字化けしない」「簡単に"デコメ
デザイン初心者がプロのデザイナーにいろいろ質問して勉強になった話。WordBench京都にて。 2014 年 3 月 24 日 13:46 うえむ 入門者に最適な、簡単すぎるWordPressテーマ”doshirouto2014″を作ったので配布します! 初心者はこれでテーマを理解しよう! 2014 年 3 月 10 日 10:43 うえむ WordPressの見積り勉強会を終えて、運営の一人として思うこと 2014 年 1 月 16 日 16:00 うえむ WordPressの次期バージョン3.6を一挙レビュー!「コンテンツ編集」を強化した新しいWordPressを見よ! 2013 年 6 月 15 日 16:19 うえむ WordPressの常識をくつがえす超簡単テーマ”doshirouto”を作ったよ! 初心者はこれでテーマを理解しよう! 2013 年 5 月 5 日 10:21 う
ケータイ向けサイトでmailtoを利用する際は改行コードに注意 Tweet 2008/5/14 水曜日 matsui Posted in 記事紹介・リンク | 3 Comments » 先日Webを巡回していて見かけたブログで、興味深い記事がありましたのでご紹介させていただきます。 一部のドコモ端末で、mailto内の改行コードを間違えると、メールが送信されないケースがあるようです。 → BUKURO-JIN 届かない mailto ~DoCoMo 改行コードの罠~ [y-110.net] 対象となるのは、「ドコモのN, Pシリーズ」で、mailto内のbody部の改行コードをLFでURLエンコードしてしまうと、メールが送信されないとのことです。 送信されない例: <a href="mailto:x@example.jp?subject=xxx&body=xxx%0Axxx%0A"> 正し
上記はキャリアが対応を発表している文字エンコードであり、機種によっては公式に発表している文字エンコード以外にも対応している場合もあります。上記の表から、携帯サイトで共通に使える文字エンコードは「Shift_JIS」であることがわかります。このことから携帯サイトでは基本的に「Shift_JIS」を使って画面の入出力を行うことになります。ちなみにSoftBankの3GC型などの端末では、「Shift_JIS、EUC-JP、ISO-2022、UTF-8」のそれぞれに対応していますが、「EUC-JP、ISO-2022」はキャリアのゲートウェイを通過するときに「Shift_JIS」に自動的に変換されてきます。そのため出力はできますが取り扱いはShift_JISとなるため、SoftBankのみの携帯サイトの場合はShift_JISかUTF-8に絞って対応するとよいでしょう。 絵文字を考慮に入れた文
モバイルサイトでリンク色を指定するには、htmlの場合はbodyタグ内に記述、xhtmlの場合はhead内に記述する必要があります。 <body link="#000000" vlink="#ff0000" alink=""> ・link 通常のリンク色 ・vlink 訪問済みのリンク色 ・alink フォーカス時のリンク色 <head> ... <style type="text/css"> <![CDATA[ a:link{color:#000000;} a:visited{color:#666666;} a:focus{color:;} ]]> </style> </head> ・a:link 通常のリンク色 ・a:visited 訪問済みのリンク色 ・a:focus フォーカス時のリンク色 未選択時のリンク色はどのキャリアも同じ表示ですが、選択時の文字色、背景色は各キャリアによって
マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか
注意事項 docomo *1:モノクロ2階調で5KB以内のGIFファイル推奨(高階調だと低階調の機種でうまく表示されない可能性あり)。GIF87a/GIF89a形式のみサポート。最大画像サイズは最大94x72ドット。 Animated GIFは最大画面数5コマまで。1画面に最大4個まで配置可。リピート回数は最大166回。各コマは同一サイズで開始座標も同一にすること。 iモード全機種対応なら、画像サイズは最大128x128以内に収める。 au *2:au全機種対応は「GIF89a」。ファイルサイズは25KB以下。ブラウザで表示する場合はリサイズする等して9KB以下にする。 参照:KDDI au:技術情報 » GIF画像
「DoCoMoのiモードIDについて - maru.cc@はてな」でも書いたとおり、DoCoMoでiモードIDという、契約者を識別するIDを勝手サイトでも使用することが出来るようになった。 元々、iモードIDが使える前にも、utnと言われる端末情報やFOMAカードの番号を取得する方法はあったが、それとはまったく意味が違うことになる。 iモードIDの仕様については、SSLで送ってこないとか、formのpost時の要求方法が変だとか、セキュリティ的にどうかとういのはもちろんあるし、SSLで使えないくせにCookieベースのセッションが使えないとか、不満はいろいろあるが、それでも使えるようになったことで意義があると思う。 そもそものutnとiモードIDとの違い ■utn(端末情報) mova端末の場合には、端末製造番号 FOMa端末の場合には、FOMAカードの番号と端末製造番号 が、それぞれ送ら
Captcha security check s275.com is for sale Please prove you're not a robot View Price Processing
携帯サイトをかんたん作成。お店や会社の携帯サイトを作成し集客できるサービスです。基本料は無料。携帯サイト作成無料ツール。すべてのお店にケータイサイトを携帯サイトが注目されている理由 今やインターネット利用シーンの主流は、PCから携帯に移り、「携帯サイト」が大きな注目を集めています。インターネット白書2007によると、2007年携帯電話・PHSからのインターネット利用者(6,229万人)が自宅のパソコンからの利用者(5,711万人)を初めて上回りました。このPCから携帯への流れは今後も進んでいくことが予想されます。 現在では携帯の高機能化や、パソコンよりも身近な存在として携帯が普及したこともあり、若者だけではなく一般のビジネスマンや主婦の方などもパソコンでインターネットを見るより携帯電話を比較的よく利用する傾向にあります。 こうして携帯電話でのインターネットが身近になった今、携帯用のホー
<学校系サイト> (使用した機能) ・資料請求エントリーフォーム ・体験入学エントリーフォーム ・問合せフォーム ・メルマガ http://msys1.jp/c/aischool/
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
実践アクセシブルHTML 第三回 こんなフォームはイヤだ! フォームとは、HTMLのFORM要素などによってマークアップされているコントロール群の塊のことです。さまざまなウェブサイトにおいて、主に問い合わせのページであるとか、サイト内検索のためのキーワード入力用にだとかで利用されています。コミュニティ機能を備えているようなサイトであれば、掲示板システムのようなところでも使われていることでしょう。フォームのないウェブサイトのほうが珍しいのではないでしょうか。それくらい、制作側にもユーザーにも身近なものです。 INPUT要素やTEXTAREA要素などといった、フォームのコントロール各要素の機能はブラウザによって提供されているため、どのようなブラウザであってもその操作感に大きな違いが出ません。しかしコントロールごとの操作に違いが出ないといっても、フォーム全体としてはやはり使いやすいフォームと使い
携帯サイトでユーザー認証をする方法はいくつかあります。 一番簡単なのは、ユーザ名とパスワードを使う方法です。 しかし、毎回入力するのはユーザにとっては面倒ですよね。 PCサイトならばクッキーを使ってこれらの情報を保存しておけるので 毎回入力する必要はありません。 しかし携帯サイトではクッキーが使えない(一部機種によって可能らしい)ので 別の手法を取ることを考えなくてはいけません。 そこで出てくるのが、携帯端末の個体識別情報(uid)を使うというやり方です。 携帯電話は電話番号と同じように、その端末を識別するIDのようなものを持っています。 これを利用すれば、アクセスしてきたのがどのユーザなのかを判別することが可能になるというわけです。 キャリアによって取得方法や制限などがあるので、以下に紹介します。 なお、個体識別情報はキャリアによって様々な言い方があるようですが ここでは便宜上「端末ID
「セッションって何?」って話については、他のページに譲ることにします。 ここでは、携帯からセッション管理する方法について説明します。 なお、セッションを使うにはHTMLだけでは無理です。 PHP/Perl/JavaServlet等、何らかのCGIを用いる必要があります。 通常のサイトでは、セッション情報は一時クッキーを用いて実現します。 しかし前述したように携帯ではクッキーが使えないので 別の方法でセッション管理をする必要があります。 それは、URLにセッション情報(ID)を埋め込む方法です。 これによって、確実にセッション管理を行うことが出来ます。 Java Servletでの簡単な例 最も一般的な形で説明します。 ここではコンテナとしてTomcatを使用しますが、他のものでも同様の処理が可能なはずです。 index.html(トップページ) | `--> login.cgi(ログイン処
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く