css

掘出市場を携帯電話のWebブラウジングに対応させた。対象はdocomo、au、Softbank、あと事情によりNokia。メジャーな機種ならたいてい大丈夫だと思う。

下のQRコードから携帯電話でアクセスできるはず。

実は掘出市場の携帯対応はこれが2回目。かなり最初の頃から携帯対応していた。

ただし携帯対応とはいっても、最初のそれはauでなんとか見られるという程度のものだった。

• 文字コートはUTF-8だし。（今ならdocomoでもUTF-8で概ねOKだけど。）
• 外部スタイルシート読み込んでるし。

その後、掘出市場のリニューアルがあり、それ以降は携帯のことは無視していた。

しかしここで一念発起して、携帯対応してみた。

やったことは、

• 文字コードをShift_JISにした。PHPで実質的に2行でできた。（いろんなことを考えると携帯はShift_JISの方が無難みたい。）
• 英数字とカタカナを全て半角にした。これは数行。
• ヘッダーとフッターを限界までシンプルなHTMLにした。携帯はHTML（cHTML？）で充分。docomoでインラインのスタイルシートが使えなくなることなんか気にしないのさ。
• CSSの使用をほとんどやめた。docomoで使えないし。文字に色付けたかったらfont要素使うさ。

これぐらいか。

モバイルAdSenseは以前にやったし。（現在ゼロ円。通算で。）

後は辛抱強くGoogleのモバイルボットを待とう。

—

PHP 1ファイルのみでDB不要のTODO管理ツール - Todo.php [ゼロと無限の間に：Sandbox]

—

今日3つ目のバージョンアップはこれもひさびさのバージョンアップとなるTodo.php。

見た目の変更のみ。

主な変更点

• Pryn.cssがSticky Footerを取り込んだので、それに合わせたスタイルシートの変更
• リストをたくさん表示できるように上のほうを少し詰めた
• 更新ボタンを右端に移動

ところが、Todo.phpのサンプルを見ると、自動で上に入るレンタルサーバーの広告のせいでSticky Footerが正常に機能していない。広告を位置指定して入れるようにしないとなあ．．．:( したよ！

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 - Yahho Calendar [ゼロと無限の間に：Sandbox]

—

主な変更点

• 設定用Obejctの名前をYahhoCal.YUI_CAL_CONFIG_JPからYahhoCal.YUI_CAL_CONFIGに変更（他言語への対応の布石．．．）
• YahhoCal.loadYUI()の仕様変更（詳細はYahho Calendar API リファレンス参照）
• position:absoluteな要素の後ろにカレンダーが隠れる問題を解消。それでもカレンダーが隠れる場合（z-indexの大きな要素が前に来てしまう場合）はYahhoCal.cssでセットしているz-indexをそれより大きな値にしてみて。

内部的には、いつのまにかできてたYUI Loaderを使ってYUIをロードするようにしたりしてみました。

—

読み込むだけでWebページの「おもてなし度」を向上 - Pryn.js & Pryn.css [ゼロと無限の間に：Sandbox]

—

久しぶりにバージョンアップ。Beta版として細かい変更はしていたけど。

主な変更点（Pryn.js）

• （Firefoxのみ）windowへonloadを追加しようとした場合、windowのloadイベントを待たずにDOMContentLoadedイベントでfunctionを実行するようにした
• （IEのみ）フォームのファイルアップロード（input要素でtype属性がfile）にマウスカーソルが当たった時にマウスカーソルが手になるようにした
• フォームSubmit後にフォームを操作可能になるまでの時間を指定できるようにした
• label要素のクロスブラウザ対応（label要素にfor属性を書かなくても動作する）
• 画像にtitle属性が無い場合、alt属性をtitle属性にコピーする
• input要素に”input-<type属性の値>”というclassを付与できるようにした（デフォルトではこの機能はOff）

主な変更点（Pryn.css）

• importするYUIのバージョンを2.5.0から2.5.2に上げた
• Yahho Sticky Footerを取り込んだ
• centerクラスを追加
• デフォルトのfont-sizeとline-heightを追加

こんなとこかな。忘れてるのもありそうだけど。

Sitcky Footerとかデフォルトのフォントサイズとかは無い方が便利な時もあるけど、迷ったけど入れた。いらないならコメントアウトか上書きすればいいし。でもそのうち外すかも。

—

YUI Grids.cssのフッターをページの下側にくっつけるスタイルシート - Yahho Sticky Footer [ゼロと無限の間に：Sandbox]

—

YUI Grids.cssを使ったページで、フッター部分をページの下端にくっつけるCSS。

IE6/7、Firefox3、Safari3（Windows版）で動作確認した。

Pryn.cssに入れようかかなり迷ったけど、結局入れなかった。少なくとも今は。

でもこれ、以外に使う場面少ないかも。多くのページにはサイドバーがあるし、サイドバーがあればコンテンツが少なくてフッターがせり上がっちゃうなんてこともないし。

あと、フッターの高さを個別に指定しないといけないのも使い辛い。それがなければPryn.cssに入れてたかも。何かいい手は無いもんだろうか。

—

PHP 1ファイルのみでDB不要のTODO管理ツール - Todo.php [ゼロと無限の間に：Sandbox]

—

メイリオ入れたら見た目が意外に変わったので、無難な感じに変えてみた。:hoverの効かないIE6ではあまり変わってないかもしれないが。

YUIのCSSを使わない場合はまた違った感じになるかも。

—

読み込むだけでWebページの「おもてなし度」を向上 - Pryn.js & Pryn.css [ゼロと無限の間に：Sandbox]

—

プログラムの変更ではなく、Wikiにお願いを追加しただけ。

強制ではないけど、これを使う人はこのサイトにリンクバックしてくれたらいいなというお願い。

諸事情ある場合や、単にリンクしたくないという人もいるでしょう。だからリンクしなくても使うのは全然構わない。

気持ちとしては、フリーウェアのDonateみたいな感じで。

—

[掘出(H)市場] 安い？高い？人気の商品からえ゛っ？！というような珍品まで、驚き価格の掘出し物を発掘しよう

—

Google AdSenseに去年くらいからモバイル向けのが加わったが、このサイトでは面倒なので使ってなかった。だけどせっかくなので使ってみようかという気になった。

このサイトの中で携帯からアクセスされそうなのは掘出市場か。でも掘出市場はUTF-8のXHTML StrictでCSSの振り分けでなんとかauで表示できるようにしているだけという代物。DoCoMoとかでは見れないかも。まあ良いか。

Webサーバの先月のアクセスログを調べてみると、auらしきログが何件かあった。

普段アクセス解析にはGoogle Analyticsを使っているが、Google AnalyticsではJavaScriptが使えないブラウザは集計対象にならないので、今回は役立たなかった。そうだ、こういうときにモバイル版AdSenseを入れてれば簡易的なアクセス集計が分かるではないか。それはよいかもしれない。

ということで掘出市場に携帯からアクセスした場合のみ、モバイルAdSenseを表示するようにした。しばらくは様子見。

読み込むだけでWebページの「おもてなし度」を向上 - Pryn.js & Pryn.css [ゼロと無限の間に：Sandbox]

—

主な変更点

• Pryn.ClassAccessorでクラス名にハイフンが含まれる場合に正しく動作しないバグを修正
• IEで、テキストエリアのスクロールバーを不要な時は非表示になるようにした
• Firefoxで、常にスクロールバーを表示するようにした

PHP 1ファイルのみでDB不要のTODO管理ツール - Todo.php [ゼロと無限の間に：Sandbox]

主な変更点

• カテゴリ名として日本語等のマルチバイト文字が使えるようになった
  • カテゴリ名はそのままデータファイルのファイル名になるので、使用するサーバOSに合わせてファイル名の文字コードを指定する。 （Todoクラスの定数FILE_NAME_ENCODINGで。）
  • mail2todoを使う場合はカテゴリ名は英数字にしておいた方がよい。
  • 余談だが、これまでもカテゴリ名の正規表現チェックを変更すれば（環境によっては）マルチバイト使えた。
• カテゴリ名を変更できるようになった
• DateTimeオブジェクトの使用をやめた
  • これでPHPのバージョンが5.2未満でも使えるようになった、かな？（未確認 ）
  • まだまだPHP5.2未満だった人も多いのだね
• IE6で状況によっては新カテゴリを追加できないバグを解消
  • styleのfloatが覆いかぶさるなんて．．．
• IE6じゃなくても状況によっては新カテゴリを追加できないバグを解消
• カテゴリ名チェックでエラーの場合にエラーメッセージを表示
• データファイルの拡張子をcsvからtxtに変更
  • バージョン0.1.xからのバージョンアップする場合、全てのデータファイルの拡張子を変えるか、定数DATA_EXTを旧バージョンに合わせて”csv”にしないとデータを引き継げない。
  • タブ区切りってCSVと言わないんだって知ったので。
• カテゴリ名にマルチバイトを入力された場合、起こる（かもしれない）誤判定を解消
• $_REQUEST['update']に伴うCSRFの脆弱性を解消