トイレのうず

Google Analytics って非常に多機能ですけれど、日本の検索エンジンにはあまり対応していないって知っていますか？　
→Analytics ヘルプ：Google Analytics はどのような検索エンジンを認識しますか。

上記を見ると下記の検索エンジンに対応しているよう。
>>『Google Analytics に検索エンジンを追加＋外部ファイル化』の続きを読む

年始からこのサイトの静的ページのリニューアルをしていたのだけれど、途中でつまずいて違うことを始めました。

ある人から依頼のあったJavaScriptの関数の作成。firefox にアドオンの Greasemonkey にて、あるサイトをある条件のときに体裁を変更したいらしい、という要望。ちょうど、DOM Scripting の勉強を去年からちょびちょびしていたけれど、何か作ってみないと実際どんなふうに使っていいかわからないので二つ返事でOKしました。変更したいサイトのHTMLを送ってもらって、それを解析しながらの作業。同じくFirefoxのアドオンである Firebug を初めてまともに使ってみましたが、やっぱりこれがあるとすごく便利ですね。

まあ、あるサイトっていうのはぶっちゃけ amazon だったのですが、去年リニューアルしたのにバリバリのテーブルタグレイアウトでびっくりしました。テーブルレイアウトまだまだ現役なんですね。
そして目的の table にアクセスするのが一番大変だったかな。なんせそのテーブルに「id」が振られてなかったから。ここで DOM Scripting の登場。目的の table にアクセスして id 振って、そのあとは意外とすんなりいけました。
でも、前職で ExcelVBA とかを下手に覚えちゃったから、JavaScript の細かい文法を忘れてて、8年くらい前のリファレンス本を引っ張り出してきてしまいましたが。

わたしが DOM Scripting の勉強に使っている本は「Web標準テキスト(1) DOM Scripting 高機能なWebページ構築のために」です。いつもサイト作成のときにお世話になっている「OpenSpace」の運営者さんの著書です。しかし、この本、「Web標準テキスト」と銘打っているだけあって、ぱっと見で、何をどう使うのかが少しわかりづらいです。でも、実務より基本の基本をきっちり説明してくれているので、今後ブラウザがアップデートを重ねても基礎を固めてれば対応できるんじゃないかな、と思いました。まだ、半分くらいしか、きっちりはこなせていませんが、こういった作業をすることで理解が深まるし、まだ手つかずのところも斜め読みするので、いい機会だったと思います。

さて、自サイトのリニューアル（といっても見かけは変わらなくて、HTMLのコーディングのし直し）の続きでもぼちぼちしますか。どうもGoogleさんに嫌われているみたいだから（笑）
それが終わったら、WordPressのバージョンアップとテーマのカスタマイズ。まだまだやることはあるので、無職になっても暇をもてあますことはなさそうです。

Web標準テキスト(1) DOM Scripting (Web標準テキストシリーズ) 古籏 一浩 技術評論社 2008-01-12 売り上げランキング : 270275 Amazonで詳しく見る

※追記
わたしが作成したJavaScriptの関数が Greasemonkey で動かないというので、わたしもFirefoxにGreasemonkeyを入れて検証しました。その時、参照したページをメモとして残しておきます。
・Greasemonkeyのインストールの仕方
→Google Mania：asemonkey入門 ～よくわかるグリースモンキーの使い方 ～
・Greasemonkeyで利用するユーザー関数の作り方
→Slow Dance：初めてのGreasemonkey の作り方(Slimtimer Report to Ticket)CommentsAdd Star

今回、動かなかった原因は3つ。
ひとつは目的のテーブルの指定がうまくいっていなかったこと。これはamazonのページによっていろいろテーブルの数がいろいろ変化するので、前から数えて何番目と指定していたのを後ろから数えて何番目と変更した。もっといい方法がありそうだけれど、今の力量だとそれが精一杯。
2つ目は文字コードの問題。調べてみるとGreasemonkeyで日本語を扱う場合はUTF-8じゃないと文字化けするみたい。
3つ目は、わたしの設計ミスで、価格に桁区切りのカンマが入っていたときの処理が抜けていたこと。テスト不足ですね。

下の2つは発注側が修正して動くようにしてくれました。

今後の課題としては参考サイトを見ていたら、もっと簡単にテープルのセルにアクセスできるみたいなんでコードを改変して動作を早くしたいです。

ちょこちょこ時間を見つけながら、JavaScriptとDOMの勉強中です。DOMはちゃんと本を買ったのだけれど、半ばで挫折してしまったので、趣向を変えてWebサイトのコンテンツを見ていたのですが、これがなかなかよい。
JavaScriptも関数リテラルとかがよくわかってなかったのでそこらへんとスコープ、クロージャなんかを勉強。わかったことは、JavaScriptでは関数も配列もすべてオブジェクトだってことだ。でも同じことずっとやってると飽きてきちゃうんですよね。あはは。

で、参考になったところのリンク。
1) JavaScriptのイロハ
JavaScriptの特徴を他言語（たぶんC）と比べながらわかりやすく説明。他の言語をやったことない人には？な部分が多い。配列を「ハッシュテーブルである」って言い切ってるところとか。わたしからしてみれば、ハッシュテーブルって何？　って感じなのですけれど。でも全部目をとしたら、それまで漠然としていたものが晴れた感じがしました。

2) DOMから始めるJavaScriptモダン・スクリプティング
必要なことがコンパクトにまとめられている。秀逸。

3) Ajax時代のJavaScriptプログラミング再入門
詳しくは書いてあるんだけれどわかりにくい。

わたしが出会った順番は3)→1)→2)なんだけれど、3)は難しいです。1)を読んでから2)を読むと飲み込みが早い気がしました。3)は読み直してもやっぱりわからない。。。
次は挫折したDOMの本でも読み直してみようかしら。少しはわかるようになったかな。