p15.jp

エックスサーバの自動インストール機能を使って WordPress 3.2.1 をインストールしてみました。自分でインストールするのと何が違うのって言われると何も違わないのですが、サーバのコントロールパネルで管理できるのがいい・・・のかも？

Coreserver の WordPress を 3.2.1 にバージョンアップしてから phpMyAdmin でデータをエクスポート、エックスサーバの phpMyAdmin にインポート、アップロードした画像やテーマ・プラグイン等を Transmit でサーバ間コピーで完了！

テーマはトルさんにドス赤いと言われた昔懐かしいやつにしておきました。まずは書く！見た目は後からやる！！
そしてトルさんもブログを書くといいよ！！

sb-users.jp

Serene Bach / sb のサーバ移転 – p15.jp
前回の移転の時は my little forum で手こずってえらい目にあったけども、サイトのボリュームがある割にはさくっといきました。
基本ファイルをまるっとコピーしてパーミッションの変更で、データベースを使っている SereneBach3 と my little forum は config ファイルを編集してデータベースの名前とかを変更する必要あり。

Feed2JS を PHP 5.3 で使うには – p15.jp
ここでつまづいて調べまくって、よし記録に残そう！というきっかけになったのはちょっとうれしい。

Riszw

名刺と同じ見た目にしました。表と裏！

テンプレート配布は規模縮小して 1 ページに、お知らせ的なものは年に一回「あけましておめでとうございます」くらいしか書くことがなかったので廃止しました。
今後は Google+ ページとか Facebook ページとかを活用していこうかなーと思っています。Facebook ページは作ってないけど。

http://eow.alc.co.jp/%s/UTF-8/?ref=sa

DoBeDo をインストールする

DoBeDo サイトからダウンロードして解凍、ダブルクリックでインストールします。
私は Leopard なので最新版の 4.3.0 をインストールしました。Tiger 対応の古いバージョンでは以下の内容と異なる場合があり、検証もしておりませんのでご了承ください。

新しいテーマファイルを作る

インストールしたウィジェットファイルは /Users/ (ユーザ名) /Library/Widgets 以下にあります。
DoBeDo.wdgt を右クリックしてパッケージの内容を表示して、もともとあるテーマファイルをコピーして任意の名前に変更します。以下の例では plat をコピーして riszw というテーマを作成しています。

1. /DoBeDo.wdgt/styles/plat/ をコピーしてフォルダ名を riszw に変更。
2. /DoBeDo.wdgt/styles/riszw/plat.css を riszw.css にリネーム。
3. /DoBeDo.wdgt/styles/riszw/images/ 以下の画像はテーマ作成しつつ編集していくことにするのでそのまま。

これでテーマファイルの準備ができました。

新しいテーマファイルを読み込める状態にする

/DoBeDo.wdgt/styles/ に新しいテーマファイルフォルダを作成しただけではテーマとして読み込んでくれません。他のファイルを編集してテーマとして認識できるようにします。

/DoBeDo.wdgt/dobedo.html

14 行目辺りを編集する。

<link rel="stylesheet" type="text/css" href="styles/riszw/riszw.css" id="riszw">

をコピーして、次の行に

<link rel="stylesheet" type="text/css" href="styles/riszw/riszw.css" id="riszw">

を追加。

DoBeDo.wdgt/dobedo.js

14 行目辺りを編集する。

,["Platinum", "plat"]

をコピーしてすぐ後ろに

,["Riszw", "riszw"]

を追加。

Dashboard を再起動する

ここまで終わるとテーマとして認識してくれるはずですが、DoBeDo の設定画面を見ても反映されていません。
DoBeDo だけを再起動する方法がわからなかったので、ターミナルから Dashboard を再起動してみます。Dock を再起動すると Dashboard も一緒に再起動される仕組みのようです。

killall Dock

再起動後に設定画面を見ると新しく追加した Riszw テーマが選択肢に出てきました。
CSS をいじるたびに再起動しないと反映されないようなので、テーマ作成中も killall しまくりになります。LimeChat for OSX みたいにログ表示状態の HTML が取得できればいいのに(´･ω･`)

CSS をいじる

あとは /DoBeDo.wdgt/dobedo.html とにらめっこしながら CSS を書きつつ killall 大会です。
SafariのCSS3拡張 – iPhone 3G DevWiki
角丸とかアニメーションとか試してみたところできました。セレクタも div[id$=Middle] で Middle で終わる id がついた div とか指定できるのですごく楽です！

CSS3 をいじっていると早くブラウザに普及したらいいのにー！と思ってしまいますが、ブラウザで動くのが当たり前になるよりも先に、今まさにアプリの中で実装されているので未来の技術ではないんだと感じました。
まさかダッシュボードウィジェットの中身が HTML と CSS と JavaScript だったなんて考えたこともなかったよー。

JavaScript で XML の内容を取得して表示、ウェブではフィードをページ内に表示するなどで使われていますが、アプリでは他のアプリの XML データを読み込んで表示なんてことができるのではないかと妄想。
デザインカンプをせっせとスライス切ってコーディングするだけではなく、この知識がもっと幅広く役立つかもしれないと思うと夢がひろがりんぐヽ(・ω・)ﾉ

トラッキング ID を追加ボタンをクリックすると入力エリアと サーチ というボタンが表示されるじゃないですか。
「サーチ」だから使えるかどうかの確認をしてくれて、もし使える ID なら「登録」とかのボタンが次のページで表示されるのかと思ったら、使える ID ならサーチをクリックした瞬間に登録されてしまうという罠が・・・。
それに引っかかって余計な ID が登録されてしまっている上に削除できないので、見た目だけでも消し去ってやろうという魂胆でした。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("affiliate.amazon.co.jp") {
ul.tracking_id_list li:first-child,
ul.tracking_id_list li:first-child + li,
ul.tracking_id_list li:first-child + li + li + li,
ul.tracking_id_list li:first-child + li + li + li + li + li + li + li + li,
ul.tracking_id_list li:first-child + li + li + li + li + li + li + li + li + li {
    display: none;
}
}

こんなかんじで作成ヽ(・ω・)ﾉ
新しく ID を追加した場合並び順が変わるので修正が必要になります。