Category Archive: Tools & Tips

サーバ、お引っ越ししてみました

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

理由

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

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

バックアップ方法

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

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

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

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

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

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

サーバやDNSの設定変更

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

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

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

TomblooのReblogエラー対処法

問題

主に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

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

補足

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


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

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

【WordPress】Gravatarってなーに?

気まぐれにはじめて、なんとなくテーマ選んで、すこしアレンジしただけで、テキトーにやってたこのブログ。(ぇ
さりげなく使ってるテーマ、コメントんとこにユーザーアイコンが出るようになってたんですね。
基本的にコメントされることがなく、放置してたんですけど、どうやらGravatarとかいうアイコンを使える仕様らしいと気付きまして。

Gravatar (Globally Recognized Avatar) とは、広い範囲で利用できるアバターです。Gravatar はアイコンであり、フォーラム、チャット、ウェブサイトのような仮想現実上のオンライン・コミュニティの中で、そのユーザーの身代わりとなって、他のユーザーと自分自身を区別できるようにします。

Gravatar の使い方 – WordPress Codex 日本語版

よっくわからないけど、設定しておいて損はなさそう笑
ん、で、、、
自分のってどうやって設定するの…?
ってそもそもが全然わかっていなくて、しばらく自分のWordPress内をうろうろしたり、よくわからないプラグインつっこんだり(ぇ!)してたんですけど、
正解は、Gravatar 日本語サイトに登録して、アイコンにする画像を設定する、でした!

よーし”mayoneco”で登録するぞー!
と意気込んで希望IDに入れたら、”mayoneco is not available”って………orz
なななんと…国内WebサービスのほとんどをこのIDで持ってるのに…

と思ったら!

Gravatar はあなたの WordPress.com アカウントとシームレスに動作します。ご自分の WordPress.com ユーザー名とパスワードでログインしてみてください。ハッピーブロギング !

とのことで、WordPress.comに登録してあるひとは、わざわざユーザー登録する必要もない、というまさかのオチ。。。
WordPressを提供しているAutomattic社がGravatarをもってるんですね。しかも買収云々は2007年10月とかでした…ハハハ

WordPressをつかってるからといって、WordPress.comに登録してるわけではなかったと記憶してるけど、、どーでしたっけね。
今回、あたしはWordPress.comに既に登録していたので、あっさりログイン出来まして、無事にアイコン登録しました。ただアイコン、ひとんち(誰…)の猫なので、、ちょっとIDとしてのアイコン画像、きちんと考えないといけないなぁと思ってます…本当に。。。
何がいいですかね、デザイン案募集中w


ちなみにGravatar、画像アップしてから、2~3日かかるという情報を目にしております。
でもなぜかアタシは小一時間で表示された、ので、、早くなってきてるのかも?

【jQuery】外部リンクを別ウィンで開きたいー

じぶんの個人サイトで、外部リンクを別ウィンドウで開くのをjQueryでやりたいなーと思って、ちょっとぐぐった&エラーとか出たので自分用メモ。

ぐぐって、なんとなくこの辺(↓)を参照させていただくことに。

さて、残念ながらアタシにはどっちがイイとかよくわからないので、、、ひとまず前者のソースをお借りしてやってみます。
いつだかにダウンロードしてたjquery.js(v1.3.2)を設置し、
新規JSファイルに、上のエントリーのソース(これ↓)をコピペ、

$(document).ready( function () {
$('a[@href^="http"]').not('[@href*="www.sample.com"]').click(function(){
window.open(this.href, '');
return false;});
});

「www.sample.com」をアタシの場合は「mayoneco.com」に変更し、保存。
HTML側に上記2つのJSファイルへのリンクつけまして、これでOK!
…のは・ず・が、、、
構文エラーだよ!とFirebugで下記のようなエラーが出てしまいました。

[Exception... "'Syntax error, unrecognized expression: [@href^=http://]‘ when calling method: [nsIDOMEventListener::handleEvent]” nsresult: “0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)” location: “” data: no]

はいはい、何言ってるんでしょうかね?ふふふ…と、英語のエラーが出るとひとまず目を逸らしたくなるアタシですがw、調べたら、このへんが怪しそう!

よくよく見てみると、、

The @ syntax is no longer supported in JQuery 1.3+.
So the simple fix is to just remove the @ and it’ll work

jQuery 1.3以降のバージョンでは@をつかう構文がサポート外ってコトみたいですな。
今回アタシが設置していたのはバージョン1.3.2。つまりサポート外。
“@”を消せばOK!って書いてあるので、よくわからないまま消したら本当にOKでしたw

JSの知識をきちんと入れてないまま使ってる上に、バージョンによる構文の違いなんてほとんど意識外なもので;、いい勉強になりましたぁぁ。
でもって、すぐ忘れるので今回は忘れないうちにメモメモ。

Webサービスの棲み分けを考える

最近、調子に乗って今更ーなWebサービスなどにもユーザー登録してみたりした。
で、もうごちゃごちゃしている、と。

とくに!ブックマークというか、お気に入りを突っ込んでおく場所的な。

サイトのブックマークは基本delicious。
ステキ系イメージはDropular。
かわゆい動物写真やら、名言はTumblr。

なんとなく分けてるけど…既に画像系、DropularとTumblrでごちゃってる。。。

Droplarはマイページ?で、突っ込んだのオシャレ~に一覧表示してくれるので、自分が好きな雰囲気のものをざっと確認できて良いんだよね。
ついでに好きなものしか表示してないから、キモチ癒されるー♪

Tumblrは、シリアスなものから、面白いものまで入れちゃってるので、自分でもなんとなく見にくい。。。
ただ、Dropularに比べると、思考するものが多いのかな。

なので。
Dropularは右脳的なもの。
Tumblrは左脳的なもの。
って感じで。

あんまりガッチリ分けてしまうと、自分の場合、あとあと自分で首絞めて苦しくなっちゃうので、ざっくりとね。

とりあえず…登録するツールを全部ひとまとめにしてしまいたい。。
tomblooは入れてるけど。
ほかに設定されているサービスあんま使ってねーんすよ、という。
ほぼTumblrだけのためのプラグインと化している。。。
うーむ。
やっぱり、そこらへんが今一番のネックだなー。

ネットのサービスやらを使う上で、「面倒」って一度でも思ってしまうと継続した利用に対してかなりハードル上がっちゃうよね。
そこまでして利用するメリットだとか魅力がない限りは。

探せばちょっとしたツールとかティップスで大抵の「面倒」は打破できるんだけど、一般のひとはそこまでしない。
「ネットって便利便利っていうけど、意外と不便なのね~」くらいの感想を持って去る。
あとはもう全然よくわからないまま、よくわかんないなーって思うだけ。

アタシはWebな仕事してるけど、たぶん思考とか能力的には一般とまだまだnearly equalラインなので、「わっかんね!」と思って幽霊ユーザーになってるサービスも結構ある。
ツールとかで何とか出来るって分かり始めたのも最近の話で。

で、一般まで普及させるのってやっぱ簡単じゃないよねーと改めて思った。

WolframAlphaがおもしろい

WolframAlphaというサイトがなんやらすごい。

「検索」ではなく「計算」で答えを見つける「WolframAlpha」:MarkeZine(マーケジン)

国名など単語レベルから、過去の特定の日、株価比較、計算など、なんだか色々調べられる。
あと検索結果?をPDFで落としてこれたり。データをチャートとして見れたり。
そこまで弄り倒してないし、どんなシステムなのかイマイチ把握してないので、あれだけど、、書かずにはいられなかった。

まだまだ成長段階のようだが、ネット上での安定したデータ参照元になるんではないかな、と今後にかなり期待。

や~いろいろ凄いものってあるな。

WolframAlpha