まよねこ inside

Firefox 5がリリースされましたね。
ただ、確認環境やアドオンの都合でバージョンアップ出来ないことも。。。
かくいうわたしも上記理由で、現在、複数バージョン共存という方法をとっています。

Firefoxの複数バージョンを共存させる方法ですが、すでにエントリーが各所で公開されています。
ので、説明はここではしません！
私はいつも小粋空間さんの「Firefox3とFirefox4の共存」を参照させていただいています。
他には以下などが参考になるかと思います。
Firefox3.5登場に備えて複数バージョン共存方法をおさらい

Win XP／Vista環境の方は、上記手順に沿えばOKかと思います。
Win 7では、小さな違いが1点。
冒頭で一度、Firefoxのプロファイルのバックアップをとるのですが、公開されているエントリーでは、Win XP／Vista環境のことが多いようなのです。
Win 7ではXP／Vistaとはプロファイル・フォルダの構成が異なっているため、記述場所に辿り着きません。。
（というのをいつも忘れてググっています。。。）

Win 7での格納場所は以下です。
C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\

この場所が分かればあとは手順どおり。
無事、Firefox 5も我が手中に…！

以上、メモでしたー。
（ただ、そもそも、6週間おきに新バージョンとかなので、今後複数バージョン共存はキツイですね…ｺﾞﾆｮｺﾞﾆｮ）

参考：XP／Vista→Windows 7 完全移行マニュアル － ＠IT

jQueryで、”this”の親要素、子要素（子孫要素）を指定する記述方法のメモ、リライト版です。
（元々はこちら）

親要素

thisの親要素を取得

$(this).parent()

“親要素を全て返す“記述です。
近いものとして、”ルートを除く先祖要素を全て返す“parents()や、”開始要素から最も近い親要素を選択“するclosest()もあります。

参：
parent([expr]) – jQuery 日本語リファレンス
parents([expr]) – jQuery 日本語リファレンス
closest([expr]) – jQuery 日本語リファレンス
jQueryで親要素のスタイル変更 : JSをつらつらとダラダラと書く

子要素・子孫要素

thisの子要素、もしくは子孫要素（ここでは<ul>）を取得

子要素

$(this).children("ul")

子孫要素

$(this).find("ul")

$("ul",this)

それぞれのプチ解説

$(this).children("ul")

“直下にある子要素のみ“を選択。”孫要素以下は対象外“となります。
「”ul”」部分は絞り込みの条件式なので、この場合選択したい「ul」以外に子要素がなければ記述しなくても問題ないと思います。
参：children([expr]) – jQuery 日本語リファレンス

$(this).find("ul")

thisが持つ”全子孫要素から、指定条件式に合致するものを選択“します。
直下の子要素だけでなく、子孫要素から条件（”ul”）に合うものを探すということですね。
参：find(expr) – jQuery 日本語リファレンス

$("ul",this)

公式の説明によると、”selector context is implemented with the .find() method, so $(‘span’, this) is equivalent to $(this).find(‘span’).“とのことですので、行っている処理内容は、上のfind()と同じようです。
なので、子孫要素から条件に合うものを探すという処理になります。
参：jQuery(expression, context) – jQuery 日本語リファレンス

サンプル

自分のメモ用ですが、簡単なサンプルを書いたので載せておきます。
動作サンプル

また前エントリーのコメントにてmattari_pandaさんがつくってくださった計測用のサンプルもこちらにも載せておきます。（mattari_pandaさんご快諾ありがとうございます！）
速度測定サンプル
サンプルを見ていただければ、mattari_pandaさんのコメント内容にある、以下の点がわかるかと思います。

• “$(‘ul’, this)はjQueryの中でfind()に展開しているようなので、今回のような場合はfindを使ったほうが若干ですがパフォーマンス的に良い“
• “$(this)を一回の処理の中で繰り返す場合はあらかじめ変数に入れておくと、処理の速度も速く“なる

ご参考までに。

他参考URL：
jQueryでthisの子要素を取得するやり方いろいろ | Base Views

Thanks☆：
mattari_pandaさん、initiumさん、kzさん、understandardさん

以下おまけ

$("#dummy").css

上記のような記述は、”"以降、つまり範囲指定を省略しているようですね。
ドキュメント内から#dummyを探す、と。（jQuery 日本語リファレンスのサンプル3参照）

また、パッと見、似ていて私も誤解していたのですが、まったく違うので注意！

$("ul",this)

$("ul,this").css

後者は複数のセレクタを指定する記述です。
参：selector1, selector2, …, selectorN – jQuery 日本語リファレンス

最後に。
前エントリーよりは、リファレンス等を確認して載せてはおりますが、必ずしも上記の内容が正しいとは限りません。
不具合等の責任は負いかねますので、その点だけご留意いただければと思います。
私と同じようなjQuery初心者の方の参考になれば幸いです！

jQueryでよくつかう”this”の親要素や子要素を指定する記述をすぐに忘れてしまうので、メモ。

/*　110605　*/
リライト版エントリーをアップしました。
そちらのほうがまだ見やすいと思いますので、、ご参照いただければ！

/*　110522　*/
「$(“ul”,this).css」についてコメントにてご指摘いただきました！
エントリー内で、これは「間違い」と記述しておりますが、子孫要素を取得できる正しい書き方でした。
詳細についてはお手数ですが、コメント欄をご覧ください。
近々、コメントでいただいた内容も含めて、一度リライトしたエントリーを書こうと思っております。

/*　110131　*/
子要素指定方法についての記述で、間違いをご指摘いただいたので、訂正しました。

親要素

thisの親要素を取得する。

$(this).parent().css

参：jQueryで親要素のスタイル変更 : JSをつらつらとダラダラと書く

parentのカッコを忘れてて、子一時間悩むとかもう止めたい…

子要素

thisの子要素（ここでは<ul>）を取得する。

$(this).children("ul")

$(“ul”,this).css
→これ、間違い（補足は後述）
$(this).find(“ul”)
→これも、間違い（補足は後述）

参：jQueryでthisの子要素を取得するやり方いろいろ | Base Views

※なぜ間違いだったのか

前述のそれぞれがどう違うのか、について。

$("ul",this).css

「ulタグ」と「自分」を〜する。（この場合はCSSを変更）

thisもほかの関係ないulも対象ってことですね。。
参：selector1, selector2, …, selectorN – jQuery 日本語リファレンス
上記説明は

$("ul,this").css

の場合について、でした。

$("ul",this).css

の正しい説明は、jQuery(expression, context) – jQuery 日本語リファレンスをご覧ください。
この記述では、thisの中からulを探す、つまりfind()のようなことを出来るようです。

$("#dummy").css

のような記述は、つまり”"以降を省略しているようですね。
つまりドキュメント内から#dummyを探す、と。（上記リンクのサンプル3参照）

他参考リンク
jQuery() – jQuery API

initiumさん、kzさん、understandardさん、ありがとうございました！

$(this).children("ul")

「自分」の中の「子要素」にある「ulタグ」を〜する

参：children([expr]) – jQuery 日本語リファレンス

$(this).find("ul")

「自分」の中の「子孫要素」にある「ulタグ」を〜する

子供も孫もひ孫(ryも探せるってことですね。
参：find(expr) – jQuery 日本語リファレンス

もっとちゃんと勉強しないとですね。

結論（？）

持つべきものは、偉大な先輩…☆
ぱんださん、ありがとうございました！！！

勢いでサーバ変えたので、メモ。
（メモしながら作業しなかったので、どこか間違っていたらすみません。。）

理由

ペパボのチカッパ！を使っていたのですが、マルチドメインでいくつか運用してみたくなったこともあり（チカッパは追加料金かかるのです…）、勢いで同じくペパボのhetemlに変えてみることにしました。
ペパボにコダワリがあるわけではないのですが、

• 同社のチカッパ！を使っている
• ドメイン管理も同社のムームードメインを使っている

なので、ひとまず今回は一番簡単そう☆という理由で、heteml一択。

バックアップ方法

ブログ以外の静的なページ、WordPressのPHPファイルなど諸々一式は、FTPでローカルの任意フォルダにDL。

さて、問題はブログのデータベース。。。サーバ疎い、データベースなにそれおいしいの、な私なので、まずはどうしたらいいのかググりました。
同じようにチカッパ！からhetemlに移した方のエントリーによると、「WP-DBManager」というWordPressのプラグインを使ったとのこと。
データベース（ブログエントリーなどのデータの保管場所ですね）のバックアップ等の管理を行えるプラグインのようです。

• レンタルサーバをチカッパからヘテムルに変更 | 時は流れて/The Times They Are A-Changin’
• アホ理系青年の主張　リバイバル : チカッパからヘテムルにWordPressで作っているサイトを移転した際のメモ

私は、ブログ管理画面のプラグイン検索からインストールしましたが、
作者の方のサイトからDLして、FTPでアップすることも出来ようです。

インストールやデータベースのバックアップ方法は、「小粋空間」さんが詳しく解説されているので、参考にさせていただきました。

• 小粋空間: WP-DBManager プラグイン

新サーバへのデータ移行方法

FTPでローカルに保存しておいたファイルをごっそりで新サーバにアップします。
WordPressのwp-config.phpの設定を適宜変更。
（新サーバのデータベース情報が必要なので、先に新しく使用するデータベース作成しておいたほうがよい）
「WP-DBManager」を使用するか、もしくはphpMyAdminからのインストールで、
バックアップしておいたデータを新データベースに。

サーバやDNSの設定変更

新サーバに独自ドメインの設定、DNSの設定を行います。
参考）レンタルサーバー「heteml」 – ムームー DNS への移行方法

旧サーバの独自ドメイン設定解除。

そして現在。
たぶん、大丈夫そうです（笑

問題

主にTumblr投稿用につかっているGitHubのtombloo、気づいたらReblog時に下記のようなエラーを吐くようになりました。。（ver. 0.4.9）

ポストエラー
message : s is undefined
fileName : chrome://tombloo/content/eval.js
lineNumber : 1641

元ページ:
“ReblogしようとしたTumblrサイトネーム”
“ReblogしようとしたポストのパーマネントURL”

——————————————–
ちなみにTomblooとは

写真やメモ、ブックマークや引用などを、いろいろなサービスにかんたんにポストできるFirefox拡張です。

Home – tombloo – GitHub

右クリ→”J”でがんがんポストできて快適～♪なんです！
——————————————–

さて、、JSのエラーらしいことはわかっても、原因なんてわからないし、探り方もわからない。
基本的に新規投稿ばかりでReblog少なめなので、一時的かも？と思って、放置していたのですが、毎回出て、さすがにウザいなぁと思い、解決方法をググりました。自分の環境固有かも…とか考えていたりもしたのですが、意外と同じエラーにぶつかってるひとがいっぱい。もっと早くぐぐればよかったです笑

解決方法

で、解決方法なんですが！！パッチ（0.4.14）が出てました…！（詳細はこちら）

私の環境では、Firefoxのアドオン管理画面で、「更新を確認中にエラーが」云々とか出てたので、一度tomblooを削除、最新をインストールしなおしてみました。（※）
無事、Reblog出来るように！あー快適快適！！
むしろ、、いつから更新出来てなかったんだろう…0.4.9とか…
バージョンの確認はシッカリしないとですね…！！ただし最新版がイイとも限らn(ry

参考にしたサイト、ブログ

• Home – tombloo – GitHub
• 【いちおう解決】tomblooでReblogしようとするとエラーが出る – nplll: Mutter

補足

※tomblooの設定とか恐らく消えちゃうので…違う方法もある、かも？
パッチだけあてる方法とかも探してみたのですが、ざっと探しただけなので、よくわかりませんでした…。。
なんかパッチファイルへのリンクを右クリ→tombloo→Tomblooパッチのインストール、でイケるらしいんですが。。

—
追記（10/09/24）
一度削除しなくても上書きインストールで大丈夫でした！
（会社のPCで試した…！）
—

参考にしたサイト、ブログ

• Twitter / twwp.inc: @gkojax tombloo パッチのインストール …
• 今見てるサイトの短縮URLをクリップボードにコピーするTomblooパッチ | Web scratch

朝夕はだいぶ秋めいてきた今さらですが、日焼け止めのまとめエントリーいっきます！

まずですね、アタシは日焼け止めが嫌いです。
肌に密着して皮膚呼吸出来ない感じも、独特のニオイも、白浮きするのも、ぜんぶイヤで仕方なくて、サマースポーツするときでもないと日焼け止めはしない人間でした。しょーがなく夏場はアロエとか塗ってましたが、まぁ気休めです。
お肌の現状も将来も気になるお年頃、、どうしよう…と思っていたところ、twitterでふぉろわーのみんなから色々教わったり、オススメしてもらいました！！

まずはみんなからオススメ日焼け止め。（順不同）

• メンソレータムスキンアクアモイスチャージェル　（参：公式商品ページ）
• ニベアサンプロテクトウォータージェル　（参：公式商品ページ）
• ミストタイプ　（参：ALLIE　公式商品ページ）
• シートタイプ　（参：DHCサンカットQ10 シート　公式商品ページ）

メンソレータムスキンアクアモイスチャージェル　【実際つかってみた】

CMで麻生久美子さんが「こっちの日焼け止めはみーずだぞっ♪」って歌ってるやつですね。
ドラッグストアで試し塗りしてみて、着け心地が軽い感じがしたので、こちらを今使ってます！

アタシは置いておく用のボトルと持ち歩き用、ふたつ！

感触的には、とろーりしっとり系の化粧水のような感じ。ニオイはほぼない。顔にもイヤな感じなく塗れる！
するする塗れますが、塗ったあとはだいぶ長いコトしっとりしてます。アタシは肌が乾燥しやすく、しっとり系が好きなのでいいですが、さっぱり系がお好みの方には合わないだろうなぁといった使い心地です。しっとりめが好きな方にはぴったりかと！

ニベアサンプロテクトウォータージェル

女性陣の支持があつくて気になったのは、こちら！
使い心地さらさらで、ノーマルとメントール入りがあるそう。肌馴染みのいいそうですよ。
今使ってるのがしっとり系なので、次、ちょっとお試ししてみようかな、と思ってます。
ただボトルタイプが常にあるわけじゃないみたいなので、それだけアレだなぁ、とか。

てか商品情報引用できるように用意してあった！やるな、花王！w

ミストタイプ

Kanebo ALLIEなどで展開しているミストタイプ。
シュッとホントお手軽に使えるので、ちょこっと出掛ける時とかに重宝するらしいです。
毎日全身に使うのは、逆に大変なのかな～と思いますが、すっぴんでぐーたらしててふとコンビニ行きたくなった時とか良さそうですよねw

シートタイプ

DHCなどで展開しているシートタイプも、お手軽感ではとても良さそう。
持ち歩きにもかさ張らないから、良さそうっすよね。

おしえてもらった豆知識

SPF高いものって長時間もつってだけだから、肌に負担もかかるし、SPF低いものをこまめに塗った方が日焼けしにくい

―@kun_morita

オススメありがとでした！
@kun_morita、@mifdesign、@Rio_M、@emim

Amazonさんには上のふたつはあった。
そのへんのドラッグストアにも大体上の二つはあるので、近所で買うほうが早いかなー。
そんな感じで。