Warning: Invalid argument supplied for foreach() in /home/takemitasaki/route58.org/wp-content/plugins/head-cleaner/head-cleaner.php on line 2895

Warning: Invalid argument supplied for foreach() in /home/takemitasaki/route58.org/wp-content/plugins/head-cleaner/head-cleaner.php on line 2895

Warning: Invalid argument supplied for foreach() in /home/takemitasaki/route58.org/wp-content/plugins/head-cleaner/head-cleaner.php on line 2895

Warning: Invalid argument supplied for foreach() in /home/takemitasaki/route58.org/wp-content/plugins/head-cleaner/head-cleaner.php on line 2895
2010 5月 | 国道58号線をのんびりと行く

アーカイブ

2010 年 5 月 のアーカイブ

僕が宮崎県のために出来ること

2010 年 5 月 28 日 コメントはありません

僕の住んでいる沖縄は今普天間基地の問題で振り回されている。
いろいろ利権や雇用問題、軍用地の問題もあって、ドゥシ小(友人)同士では話せるものの、仕事先では口に出せない人もたくさんいる。

そんな中、宮崎の口蹄疫問題。
誰が悪いとか政府がどうしろとか言う議論もいいんだけど、自分が出来ること、誰でも出来ることを探してみた。
銀行に行って募金ももちろんいいけど、簡単なのがファミマとツタヤのT-CARDのポイント募金。

自分のためにポイントためている方も多いと思うけど、なんとなくカードを出してポイントがたまっている方も多いと思う。
僕は523ポイント残っていた。とりあえず全部寄付。

少ないけど、たった523円だけど10万人がやれば5230万円。
それでも全然足りないかもしれない。
お金で解決できないこともあるかもしれない。
でもニュース見てるだけよりはいいんじゃないかと。

何もしないことがどれだけ罪であるかということを、僕らはこの半年間で現政権から十分教えられたわけだし。

T-CARDで宮崎県に募金

募金する方法があるってことをブログで書いてみんなに伝えるだけでもいいんだと思う。

ファミリーマートのT-CARDで宮崎県に募金しよう!
<a href="http://tsite.jp/donation/index.pl?xpg=PCTC0202&amp;bokin_id=45">T-CARDで宮崎県に募金する</a>

このソースを記事に貼るだけでも、G-MAILの署名に貼るだけでも。

この記事の画像も文章も、コピーしていいので是非自分のブログで紹介してください。

カテゴリー: WEB タグ: , , ,

WordPressのプラグイン Hello Dollyを楽しくカスタマイズ 日本語で使おう

2010 年 5 月 27 日 コメントはありません

あいたー!IEじゃズレまくってる。

ちょっと待って。直します。(6月4日0:08)

WordPressの梱包プラグイン、Hello Dolly。
Hello Dollyはジャズミュージシャンのルイ・アームストロング氏の名曲、Hello Dollyのフレーズがランダムに表示される、ワードプレスの公式プラグイン。
なのですが、もちろん英語ですので、何これ?という感じで停止していたり削除している方も多いと思います。

じゃぁ自分の好きな歌詞ならどうなの?ということでカスタマイズ。
毎日ワードプレスのページ更新するときにうれしくなっちゃうわけです。
使わないとHello Dollyプラグインを作成した方にも申し訳ないじゃないですか。
元のHello Dollyプラグインが超シンプルなので誰でも簡単に好きなフレーズに出来ます。

このサイトのようにトップページヘッダーに入れることも出来ます。
やり方は、、、今日誕生日でそろそろ出かけるので明日には書きます!
しばしお待ちを!

5月28日:帰って来ました。

ワードプレスをやるなら毎日楽しく!管理画面の右上に好きな歌詞をランダムに表示させてみましょうか。 こんな風に。


コメントアウトしている箇所をはずせば自分のブログにも反映させることが出来ます。画像はデフォルトテーマの場合。


デフォルトの文字列はザ・ブルーハーツの「人にやさしく」から抜粋。 しかし自分の好きな歌詞や名言に簡単に変更できます。
また、画像表示の追加などを行っていますが、これは「楽しくなければ使わない」だろうから、と言う理由で追加しています。
「人にやさしく」の歌詞の使用権限に関してですが、どこにも確認を取っていません。

僕が言ってやる
でっかい声で 言ってやる
がんばれって 言ってやる
聞こえるかい がんばれ

この4行のフレーズ、僕の愛してやまないザ・ブルーハーツの皆様、関係者の皆様、ファンの皆様が文句を言うはずもないと考えているからです。
この件で問題があるようでしたら全てオイラに責任があります(がトラブったら応援お願いしたいです・・・)。
とにかく、毎日のワードプレスライフを楽しく!みんなで作るワードプレスだなぁと思います。

以下のzipファイルを解凍してプラグインフォルダにアップロードして、プラグインを使用するで使えるようになります。

ダウンロード
http://route58.org/download/wp……e-nice.zip

簡単に説明をしますと、文字列の編集はbe-nice.phpをテキストエディタで直接編集。

$lyrics = "僕が言ってやる
でっかい声で 言ってやる
がんばれって 言ってやる
聞こえるかい がんばれ";

上記の箇所を自分の好きな歌詞や文字列に変えていくだけです。
歌詞じゃなくて教訓でもいいでしょう。
環境によっては保存時に文字コードをUTF-8にするのを忘れずに。

画像の変更は34行目の be-nice_57x44.png を変更。
そうそう、文字列の最後に「~ ♪」がつくのがイヤな場合は34行目の「~ ♪」を削除してください。

echo "<p id='nice'><span>".$chosen."~ ♪</span><img align='right' src='".$siteurl."/wp-content/plugins/be-nice/be-nice_57x44.png'></p>";

ワードプレス、楽しみましょう!

YSlow:ページ読み込み速度 Configure entity tagsの評価をAにあげる

2010 年 5 月 24 日 コメント 4 件

こちらの記事もタイトルの
『YSlow:ページ読み込み速度 Configure entity tagsの評価をAにあげる』まんまです。

YSlowで、「Grade F on Configure entity tags (ETags)」と出る、アレですね。

Configure entity tags (ETags)
There are 42 components with misconfigured ETags

このブログではこんなの出ました。

こちらも先日書いたExpires Headersの最適化gzipの最適化と同じく、.htaccessで制御してYSlowの評価を上げます。

ということで、.htaccessに以下を追加します。

#ETags処理
<Files ~ "\.(css|js|html?|xml|gz)$">
FileETag MTime Size
</Files>
<Files ~ "\.(gif|jpe?g|png|flv|mp4|ico)$">
FileETag None
</Files>

これだけでConfigure entity tags (ETags)項目はA評価になるはずですよ。

YSlow:ページ読み込み速度 gzipで高速化

2010 年 5 月 24 日 コメントはありません

こちらの記事もタイトルの
『YSlow:ページ読み込み速度 gzipで高速化』まんまです。

YSlowで、「Compress components with gzip」と出る、アレです。

このブログではサーバーにDreamhost使っていますが、gzipで高速化してみました。
先日書いたExpires Headersの最適化と同じく、.htaccessで制御(自分検証)してYSlowの評価を上げます。
同名のgzipファイルがある場合はgzipを読み込んで、gzipファイルがない場合には通常のファイルを読んでくださいね、というお願い。

ということで、.htaccessに以下を追加します。

# GZIP処理
RewriteEngine On
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME} \.(css|js|html?|xml)
RewriteCond %{REQUEST_FILENAME} !\.gz
RewriteCond %{REQUEST_FILENAME}\.gz -s
RewriteRule .+ %{REQUEST_URI}.gz
AddEncoding x-gzip .gz

IE6がgzipを読めないのか、圧縮したCSSやJSだけをサーバーに置いておくとIEでの動きが何かおかしいので、gzipと元ファイルの両方をサーバーにアップロードしておきます。
Firefoxなどはgzipを読み込むのでファイルに加筆修正した後はgzip圧縮とアップロードを忘れずに。

40kbのCSSファイルが8kbにまで圧縮され、読み込み速度も余裕で体感できる程速くなりましたよ。

WordPress 記事内でソースを表記するプラグイン Syntax Highlighter for WordPress

2010 年 5 月 24 日 コメントはありません

WordPressの本文(記事内)でHTMLやCSS、PHPなどのソースをきれいに表示するプラグインはいくつかあるのですがこのブログで使っているのはSyntax Highlighter for WordPress。

Syntax Highlighter for WordPressのダウンロード先( http://wppluginsj.sourceforge…….ghlighter/ )からzipファイルをダウンロードして解凍。
プラグインフォルダにアップロード後、使用開始すればいいだけという、誰にでも簡単にはじめられるプラグインです。

Syntax Highlighter系のプラグインは他にもたくさんあるのですが、テーマとの絡みでしょうか。
このブログにはSyntax Highlighter for WordPressが一番しっくり来ました。

本文内では半角の大カッコ [] で[css]とか[html]とか[php]とかを括ってソースを記述し、最後に[/css]や[/html]、[/php]などで閉じるだけ。

具体的にはこんな感じで記述。

[css] .hogehoge {background-color : #FFF ;}[/css]

記事本文の[css]などは全角の大カッコ使ってますのでコピペすると動かないので注意して下さい。
[css]などの必要タグはAdd Quick Tagプラグインを導入して、登録しておくと記事の作成が楽になります。

この先は自分のちょっとCSSカスタマイズメモ。
デフォルトに#e3e3e3の外枠を付けてみました。

syntax-highlighter/css/shThemeDefault.css にボーダーを追加します。
shThemeDefault.cssの冒頭を以下に変更。

.syntaxhighlighter
{
	background-color: #fff !important;
}

.syntaxhighlighter
{
	background-color: #fff !important;
	border:1px solid #e3e3e3 !important;
}

以上、これだけでだいぶ見やすくなります。

ちなみにフォントサイズやスタイルを変更するには syntax-highlighter/css/shCore.css を触ります。
このブログではフォントファミリーにMS ゴシックを追加しています。

font-family: "MS ゴシック", "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;

パックマンの効果音が流れるウィルス?フィッシング?・・・Googleでした。

2010 年 5 月 22 日 コメントはありません

妹から電話がかかってきました。
インターネットでブログ更新してたら突然何か変な音がしだした!と。
電話の向こうで流れているのは懐かしのパックマンの効果音。
スタートの音、ドットを食べてる音、そしてモンスターにやられたときの音。

「それ、パックマンの音じゃない?」というものの、妹はパックマンを知らない模様。

「フィッシングが何とかって出てたよ!突然!」 らしい。
もちろん妹的には魚釣りのフィッシングだと思っている。
そして、毎度のことながら「何もしてないのに勝手に!」と。
まぁ何かやってるわけですよ、きっと。

問題のPCが手元にないので確認出来ていなくて、Googleさんに訊いてみたのですがそれっぽいのは見つからず・・・
自分で早急に確認しますが知ってる方、教えて欲しいなぁと言う記事です。

5月23日追記:
原因はGoogleトップページのロゴでした・・・
Googleのロゴがパックマンに!
パックマン30周年記念!さすがGoogleです。
懐かしの効果音もするし、ブラウザ上で実際に遊ぶことも出来ちゃう!
さっそく遊ばせてもらいました!
このロゴは5月22日、23日の期間限定とのことです。

YSlow:ページ読み込み速度 CSS Expressions は古いIE独自の仕様なので削除

2010 年 5 月 22 日 コメントはありません

YSlow対策:ページ読み込み速度 CSS Expressions修正。というか削除ですね、IE独自のこれは。
Wordpressで構築している別のサイト、YSlow最適化の中でAvoid CSS expressionsというのがB評価になっていました。
なんだろうと思って調べてみると、プラグインのCSSにexpressionというプロパティが入っているらしい。
自分では知らないプロパティだったのでまた調べてみる。
結果、expressionを使うとCSSの中でJavascriptが使えるようになるとのことでした。
が、これはInernet Explorer5.0以上のIE独自のCSS。

抜粋: http://www.inter-office.co.jp/……tents/187/

結果としてCSSのプロパティにJavaScriptの評価結果がセットされますが、IE以外のブラウザでは無視されます。なので、ブラウザ間で一環した表現をするために、IEだけをを特別扱いする必要がるような場合に役に立ちます。
問題はexpression 関数が思っている以上にやたらに評価されてしまうということです。ページが再描画されたりリサイズされたりする時だけではなく、スクロールしたり、マウスを動かしたりする場合にさえ評価されてしまいます。expression 関数にカウンタを書いて、どれくらい頻繁に評価されるのか追いかけてみたところ、ページ上をマウスカーソルを動かし続けたら、ちょっとの間に1万回も評価されていました。

しかもマイクロソフトによるとしかもIE8.0以降はサポートしていないとのこと
抜粋: http://msdn.microsoft.com/ja-j……53083.aspx

なぜ CSS expressions のサポートを終了するのですか?
* 標準への準拠のためです
CSS expressions は Internet Explorer の独自実装であって、他の環境との相互運用性を持ちません。
CSS expressions は通常 Internet Explorer のバグを回避するため、もしくは min-width や max-width のようにブラウザーがサポートしていないCSS 2.1 の機能をエミュレートするといった場合に用いられています。Internet Explorer 8 では、これらのバグ修正だけではなく、未実装の機能をネイティブでサポートするべく努力しました。
* パフォーマンスを向上させるためです。
Steve Souder のような Web パフォーマンスの専門家がフロント エンドのパフォーマンスを改善するために CSS expressions を利用しないこと (英語) を推奨しているように、CSS expressions の実行は非常に高い負荷を必要とします。
* ブラウザーの攻撃対象面を減らすためです。
CSS expressions はスクリプトの実行コンテキストを公開してしまうので、スクリプト インジェクションのような攻撃を受ける可能性があります。

はい、こんなことはしていられません。ということでCSS内部から該当の箇所を削除。
以下のような箇所です。

_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight :document.body.scrollTop+document.body.clientHeight-this.clientHeight);
_left:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat') ? document.documentElement.scrollLeft :document.body.scrollLeft);
}

IE。。。削除した結果、YSlowのCSS Expressionsは以下のようにE評価からA評価になりました。
最適化前


最適化(というか削除)後

最初は総合評価EだったYSlow、今のところBまで来ています。
このブログは未だにE評価か・・・

YSlow:ページ読み込み速度 Expires Headersを.htaccessで

2010 年 5 月 20 日 コメントはありません

タイトルの
『YSlow:ページ読み込み速度 Expires Headers を.htaccessで。』まんまです。

サーバーにDreamhost使っていますが、自分でも簡単に(というかこれが限界でした) Expires Headers を最適化してみました。

この方法は.htaccessに以下のソースを貼り付けるだけで動いています(自分検証)ので簡単にYSlowの評価を上げることが出来ます。
以下の記述では最長の24週間、中間の2日、最短の2時間にしていますがmax-ageの値を変えることで自分の好きな時間に変更できます。

ということで、.htaccessに以下を追加します。

# Expire Header処理
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf|gz)$"> # 24weeks
	Header set Cache-Control "max-age=14515200, public"
</FilesMatch>
<FilesMatch "\.(xml|txt)$"> # 2DAYS
	Header set Cache-Control "max-age=172800, public, must-revalidate"
</FilesMatch>
<FilesMatch "\.(html|htm)$"> # 2HOURS
	Header set Cache-Control "max-age=7200, must-revalidate"
</FilesMatch>

これだけですがYSlowだいぶ良くなりました(Add Expires headersの評価はFからAに!)
最適化前


最適化後

あーーーそうなんです。このブログにも適応させないと・・・。

後gzip処理によってcssとJavaScriptが相当圧縮されて軽くなりました!
今度書きます。

WordPressのダッシュボード上でTo-Doを作成・表示するプラグインを日本語化

2010 年 5 月 15 日 コメント 5 件

WordPressのダッシュボード上でTo-Doを作成・表示するプラグイン、 http://cleverness.org/plugins/……o-do-list/ をインストールしてみました。
参考にさせていただいたのは病的溺愛シンドロームさま。

まぁ、自分で使う分には英語のままでもいい(英語が出来るとかじゃなく、適当でいいから・・・)のですが、クライアント(っつーか友達)に使ってもらうとなると別です。

これまでもいくつかプラグインを日本語化したのですが、今回やってて、無料で使わせてもらっているワードプレスであり、無料で使わせてもらっているプラグインなわけですし、自分も微力ながら公開したりするほうがいいんじゃないかと思いました。
ので、日本語入れたcleverness-to-do-listをアップしておきます。

ttp://route58.org/download/wp-plugins/cleverness-to-do-list_2.0.3_ja1.0.1.zip 最新を下部に記載しました。
ttp://route58.org/download/wp-plugins/cleverness-to-do-list_2.0.3_ja.zip
langフォルダだけでいいかな、とも思ったのですが、簡単にインストール出来るようにプラグインごとzipにしました。

>>インストール方法
上記zipファイルをダウンロード後、解凍、プラグインフォルダにFFFTPなどで通常通りアップロードして有効化。
これだけです。

日本語がおかしいとか、プラグインがアップデートされてたとか、動かないぜーとか、NGだよーとかありましたら是非突っ込みお願いします。

※「To-Do」という単語自体が日本で普及していないため、一部のTo-Do訳を「やること」にしています。
To-Doでいいじゃんって場合にはPOファイルの編集をお願いします。

P.S.日本語POファイル作るときはファイル名をhogehoge-ja.poという感じで小文字で。これでちょっとハマッタ。

2010/05/17追記01:
POファイルに登録されていなかった単語を追加して、足りない英語表記の部分を日本語化しました。
しかしなぜか、UPDATE成功しました!などの更新表記部分がいまだ英語のままです・・・

2010/05/17追記02:
プラグインが2.0.4にアップデートされました。
で、よく考えてみると、自分はこれまでPOファイルの作成の仕方自体に問題があったようでした・・・
それに気づきましたので、langフォルダ内のcleverness-to-do-list.potを元に忠実に日本語化ファイルを作成してみました。
若干、翻訳不明な点がいくつかあり、きちんと日本語化できていません。。。
ただ、この不明箇所は「複数ユーザーでWordpressを共有するケースで必要な翻訳」ですので普通に個人で使用する分には全く問題ないはずです。
お気づきの点などありましたら是非ご連絡お願いいたします。
cleverness-to-do-listプラグインを作成されたCindyさんには連絡していますので、僕が理解出来、きちんと翻訳できましたらまたアップロードさせて頂きます。

※ 日本語化も相当砕けた表現でしたので、プラグイン梱包(Cindyさんが懲りずにしてくれるといいのですが)用は、「やっつけたTo-Do」ではなく、「完了したTo-Do」にしておきます。。。
いずれにしても、分かりやすい表現を意識していますので、厳密な英訳ではなく意訳ということをご理解下さい。

ダウンロードは以下からお願いいたします。

【丁寧バージョン – 出来れば梱包バージョン】
http://route58.org/download/wp……_1.0.0.zip
せっかくなので
【やっつけバージョン】
http://route58.org/download/wp……1.0.0a.zip

上記は本家プラグインで漏れているっぽい箇所の修正しています。
今から使う方にはイメージしやすいと思います。
cleverness-to-do-list.ph 573行目
h3タグにid=”addtd”の追加

【本家サイト】
http://cleverness.org/plugins/……o-do-list/

修正点、不具合っぽいところはプラグイン本家さんにも伝えています。
しかし初めての日本語化、翻訳を採用されてうれしくもあり、めちゃめちゃがんばりました・・・
さすがにいい加減ではいけないなと反省です。。。

これからも宜しくお願いします。

沖縄そば みよ家で今日はから揚げ丼頂きました!

2010 年 5 月 13 日 コメントはありません

沖縄そば みよ家さんで今日はから揚げ丼頂きました!美味しかったです。ご馳走様でした。
http://miyoya.com/2010/05/08_1……/trackback
コメントとトラックバックを別で表示するテスト兼ねてますけど。
ワードプレスなのでPINGBACKなんだけど、PINGBACKとTRACKBACKは同じ扱いにしています。

いいやつばかりじゃないけど~ ♪

Positions by Seo-Watcher