課題aboutsubmit近頃の、とあるR。23:57近頃、javascriptでインターフェイスを実装する機会がありました。クリックしたり~~のイベントをjavascriptレベルで実装するのですが、押せる所でカーソルが手の形にならないんですね。そこで、cursor:hand;等とCSSレベルで指定してみます......むむむFireFoxで「手」にならない(‘A`)まぁ、そう言うモンかな......で、妥協できるシェアでも無い昨今。調べてみると、なんと、handはIE仕様だったんですね(><)cursor:pointer;と記述することで解決しました。part2の文末に記載されている「こねた」に触発されケータイサイトを作ってみました。アクセスはありません\(^o^)/アクセスにガツガツするのは嫌いなのですが、私もウェブ屋の端くれ。好き嫌い以前に、ある程度は出来なきゃなりませぬ。言う訳で、これを機会に携帯SEOに挑戦!......基礎的すぎてお恥ずかしい(ノ∀`)とりあえずサイト作る後にも先にもまずはサイトを作らねば始まりません。深く考えずにコンテンツを作ってみた知育系の内容で、更新の必要がほとんど無いツールっぽいコンテンツを作ってみました。深い理由はありません。DoCoMoで音を出すのがそんなに難しいとは知らなかったんですgoogleにインデクスしてもらう勉強と言うことで、今風のやり方に挑戦。toolsにアカウントを作ります。ツール等でググると、ウェブ上で使える楽ちんツールがヒットしましたのでそちらのお世話になりました。サイトマップのURLを登録すれば、数分(精々数時間?のオーダー)で認識されました。robots.txtを設置ロボットウェルカムですから、無くても全く問題ないような気がしましたが、練習ですので、しっかり!?と設置。金曜日夜にこの作業を行い、実際にインデクスされたのは月曜日でした。AdSenseに申請。こちらの承認も月曜の昼ころとなりました。触発された元ネタに従い、めぼしいソーシャルブックマークサービスに登録。SEO以外で勉強になった点も少なからず有りました。アドレスを入力するとタイトルを自動取得してくれるインターフェイスを採用しているブクマサービスが多かった携帯のUIDを認証の代わりにしていて~もにゃもにゃ~でセキュリティ的に問題のあるサイトが少なくなかった普段携帯サイトを使わないからか、メアドの入力や空メールがとても怖かった(結局ほとんどの操作をPCから行うことに)ポッとでの孤立サイトにドカンとアクセスが集まるような劇的な効果は有りませんが、確かに、SEO効果は有りそうです。キーワードでググると、ブクマサービスのページがかなり引っかかりますので。携帯専用の検索エンジンサービスにも何件か登録してみましたが、即反映されないからでしょうか、今のところSEO的な効果は見られません。失敗した点まだ、ちょっと登録した段階なのですが、それでも結構失敗したなぁと思う点があります。コンテンツそれぞれを別サイトにすべきだったもろもろ登録作業中に登録キーワードが揺らいだ既存カテゴリにバッチリ当てはまるコンテンツではなかったぼやき社○.comなんかは、17日にドメイン登録でその日のうちにブレイク。某ニュースサイト自身による小遣い稼ぎか実験なんだろうなぁ(・ω・)4文字+jpのドメインは某NTT系列が抑えまくってる。コメントは受け付けていません。微調整に向いているrelativeに意外な落とし穴を発見。落とし穴1:パーセント値の扱いが違うサンプルHTMLを用意しました。これの、黄色のボックスの位置がブラウザによって結構変わります。px指定の場合は大差無いんですけどね(・ω・)パーセント指定だと途端に癖が出まくります。まとめると以下の通り。本件に限らず、windowsのChromeやSafariでレンダリングが意図通りだからと言って、macのSafariでも大丈夫とは限らない訳です((((;゚Д゚))))ちゃんと、macチェックもしましょう俺(ノ∀`)※追記:safari4で挙動がそろいましたコメントは受け付けていません。19:30ウェブとしては、テキストはザックリ(゚Д゚)と流し込み、ブラウザのレンダリングに任せて整形。細かい文字送りや禁則に左右されないデザインを心がけるのが理想の一つです。毎度毎度そうはいきませんよねぇ。字数を決めてコピーを書いてもらった挙げ句、macだけちょっと2、3文字飛び出て改行しちゃいます(ノ∀`)とかwindowsは字足らず気味になっちゃいます......等々を避ける為にも、テキストのズレを最小に抑えたいケースも多々。等幅フォントにしてしまうことです。ゴシック」を使ってテキスト部をデザインしてもらいます。これだけで、全角は大体合います。厄介なのは実は半角サンプルHTMLを用意しました。このテストのAが通常の等幅フォント指定となります。(私の場合)しかし、これですと、半角に差が出ちゃうんですよねぇ。ゴシック」の半角の方が細いのです。ゴシック”,Helvetica,Arial,sans-serif;では、全角フォントを先に指定し、その後半角フォントを指定しています。ゴシック”;では、逆に、半角フォントを先に指定しています。FireFoxとMacのSafari以外、つまりwindowsの殆どのブラウザでは、全角フォントの指定が無視されてしまいます。よって、ツカエナイパターン。合わせるにはまぁ、Aで良いと思います。