調べていくと、そのものズバリなCSSがあった。

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

これで、タップ時にもなんの反応もしないリンクの出来上がり。

で、いつの日かほぼすべてのサービスが立ち上がらなくなってしまいました。正確に言うと、起動時にタスクトレイにアイコンが一瞬出るんですが、すぐ落ちて消えてしまうという感じです。

なんでだろう…。と思いつつも、主導で立ち上げていたりしていたんですが、さすがに面倒になってきたので重い腰を上げて検索してみると「タスクトレイ登録時に、起動4秒以上かかると消えてしまう」のが仕様らしいです。知らなかった。

解決方法

肝心の解決方法としては、「ネットワーク接続」→「詳細設定」→「オプション ネットワーク コンポーネント」を選択。

出てきたダイアログから「ネットワークサービス」を選択して、右下の「詳細」ボタンをクリック。

その中に「UPnPユーザーインターフェース」というのがあるので、これのチェックを外して「OK」をクリックし、「次へ」で完了です。

あとは再起動して、確認。

なぜこれで解決するのかは分かりませんが、とりあえず僕の場合は無事スタートアップが正常に動き、解消しました。

これだけアクセスが来ると、貧弱なサーバでは捌ききれずロードアベレージが上がって、最終的にはサーバが落ちることもあります。本来アクセスして欲しいユーザが、広告審査のためにアクセスできなくなったら、これは本末転倒…。というわけで、Overtureクローラーを弾きましょうというお話です。

Overtureのクローラー回避

クローラーについて

Yahooのヘルプページを見ると

スポンサードサーチのクローラーのIPアドレスは以下のとおりです。

124.108.66.79
124.108.66.80
124.108.66.81
124.108.66.82
124.108.66.83
124.108.66.84
124.108.66.231
124.108.66.232
124.108.66.233
124.108.66.234
124.108.66.241
124.108.67.241

※IPアドレスは予告なく変更される可能性があります。
※ユーザーエージェント情報は非公開です。
※広告審査の公正性を図るため、クローラーの頻度や仕様に関しましては開示しておりません。

スポンサードサーチのクローラーについて

とあり、ユーザーエージェントを非公開にしています。が、実際にアクセスしてきているログを見ると

• Mozilla/5.0 (compatible; Yahoo!-AdCrawler; http://help.yahoo.com/yahoo_adcrawler)
• Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0) RPT-HTTPClient/0.3-3E”

この2つがYahooから来ていることが分かります。他にもあるかもしれません。なお、上記で公開しているクローラーのIPアドレス以外からも来ているので、もしかしたらヘルプページの情報が古いのかも知れません。（なおRPT-HTTPClientはYahooOverture専用のものではなく、他のサービスでも利用されているHTTPパッケージです）

(*)インタレストマッチのクローラーは別途あります。インタレストマッチのクローラーについてを参照してください。

実際に回避する方法

RewriteEngine On

RewriteCond %{HTTP_USER_AGENT} Yahoo!-AdCrawler [OR]
RewriteCond %{HTTP_USER_AGENT} RPT-HTTPClient
RewriteRule ^.*$ yahoo_overture.html [L]

色々と試しましたが、これが現状ベターかなと思います。

完全にアクセスを拒否するのではなく、Overture用に静的なHTMLを用意しておき、そこへmod_rewriteを使ってリダイレクトするという方法です。

ただ、このクローラー…本当に中身を見ているかどうかは疑問です。中身からっぽのHTMLを返したり、アクセス自体を拒否しても広告の審査が通っている現状。調べてもあんまり情報出てこないし、実際どうなっているんだろうか謎です。

Firefoxアドオンサイトに掲載されていますので、こちらからインストールができます。

東京電力使用率メータ

表示できないなどの不具合等ありましたら、@zaruまでご連絡下さい。

今回、生まれて初めてFirefoxのアドオンを作りましたが、ドキュメントが豊富で、色々な解説サイトもあったため、けっこう簡単につくることができました。すでに公開されているアドオンのソースを見ることができるのも助かりました。

また、アドンサイトにレビュー新生をした際に、レビュアーの方にアドバイスを頂いたり、通常よりも早くレビューを完了していただいたりと、ご協力をいただきました。ありがとうございます。

なお、表示している情報の正確性については保証できません。正確なデータは東京電力の公式情報を参照するようお願いいたします。

とても簡単。

http://connect.facebook.net/en_US/all.js

↓

http://connect.facebook.net/ja_JP/all.js

en_US → ja_JP に変更するだけ。

公式サポートされているのかどうかは分からないけど、試してみたら日本語になった。これが正式なものなのかはちょっと不明です。

HTTPステータスコードが404 Not Foundのページを、301 Moved Permanentlyでトップページにリダイレクトをかける方法は、下記のようにmod_rewriteを使えば簡単にできるのだけど、CakePHPの場合はwebrootディレクトリ直下の.htaccessで、同様のことをindex.phpにパラメータを渡して、例のURLを実現しているので使えない。

シンプルなやり方

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ / [R=301,L]

CakePHP用

appディレクトリ直下に error.php を作成し、404の時にheader()で301リダイレクトをかけるだけ。

class AppError extends ErrorHandler {

	function error404() {
		header("HTTP/1.1 301 Moved Permanently");
		header("Location: http://www.example.com/");
	}

}

本当は、素直に404 Not Found専用のページを作るのが良いんだけど、案件によって必要だったので。

デザイナさんは、なんかPhotoshop使って無駄にカッコイイデザインを作って、若い女の子にアピールできてズルイなーと、思うことが多いプログラマの皆さん、こんにちは。Webプログラマなら多少さわる機会があるPhotoshopだけど、本格的にはさわったことがないっていう人に向けて、Photoshop講座をやるよ。というのは嘘で、プログラマならではのPhotoshop講座だよ。

といっても、僕はぜんぜん使いこなせてないから、詳しい人教えてヘルプミー。

PhotoshopをJavaScriptであやつる

基本的にAdobeの製品は、自前のスクリプトで自動操作することができる。サポートしている言語も複数あって、それぞれに特徴があるんだけど、とりあえずOSによって使える言語が違う。

• AppleScript : Macのみ
• VBScript : Winのみ
• JavaScript : Mac/Win両方

今大人気のJavaScriptならプラットフォームを意識せずにできるんだから、JavaScriptを使わないてはないね。それときちんとリファレンスも用意されている。MacのPhotoshopCS4だと、こんな感じ。他のバージョンでも似たようなものだと思う。

• /Applications/Adobe Photoshop CS4/スクリプティングガイド/Photoshop CS4 Scripting Guide-J.pdf
• /Applications/Adobe Photoshop CS4/Scripting/Documents/Photoshop CS4 JavaScript Ref.pdf

ちなみに、Photoshopについてはあまり詳しくないけど、バージョンによって出来ることの差がかなりあるので要注意。以前、仕事でInDesignの自動組版システム作っていたら、CS限定でCS2ならもっと楽なのに…と思ったことが多々あったよ。

おみくじを作ろう

これをやればもてる…ことはまずないけど、女の子は占い好き。というわけで、Photoshopでおみくじができるようにしよう。

毛筆なフリーフォントを手に入れる

毛筆フォントを持っている人は、飛ばしちゃってください。おみくじといえば毛筆。なんと完全フリーで著作権すら放棄しているフォントがあったので、ご紹介。書家の青柳衡山先生が揮毫及び作成されたフォントだそうです。

衡山毛筆フォント行書

スクリプトの設置場所と名前について

/Applications/Adobe Photoshop CS4/Presets/Scripts の中。ファイル名がそのままメニュー名になる。拡張子は「.jsx」もしくは「.js」。本当は場所はどこでも良いんだけど、日常的に使うものはここに入れておくと「ファイル」→「スクリプト」の中に現れるので便利。スクリプトをPhotoshopアイコンにドロップしても使える。

スクリプト内容

//ドキュメント設定
var originalUnit = preferences.rulerUnits
preferences.rulerUnits = Units.PIXELS
var docRef = app.documents.add(300,150,72);

//色設定
var pointColor = new SolidColor;
pointColor.rgb.red = 255;
pointColor.rgb.green = 0;
pointColor.rgb.blue = 0;

//テンプレート
var layer = docRef.artLayers.add();
layer.kind = LayerKind.TEXT;
var omikuziText = layer.textItem;
omikuziText.font = 'KouzanBrushFontGyousyoOTF'; //フォント種類
omikuziText.size = 32; //フォントサイズ
omikuziText.position = Array(10,40); //座標
omikuziText.contents = "今日の運勢は・・・";

//おみくじの結果
var layerResult = docRef.artLayers.add();
layerResult.kind = LayerKind.TEXT;
var resultText = layerResult.textItem;
resultText.font = 'KouzanBrushFontGyousyoOTF';
resultText.size = 72;
resultText.position = Array(70,120);
var str = ["大吉","中吉","小吉","吉","末吉","凶","大凶"];
var n = Math.floor(Math.random()*str.length);
//大吉と大凶の時には色を変える
if(n == 0 || n == 6){
    resultText.color = pointColor; //色
}
resultText.contents = str[n];

//解放
docRef = null
layer = null
omikuziText = null
layerResult = null
resultText = null

app.preferences.rulerUnits = originalUnit

JavaScript知らなくても、ぜんぜんいけちゃうと思う。どっちかというとリファレンスとの勝負。

これを「おみくじ.jsx」として /Applications/Adobe Photoshop CS4/Presets/Scripts に保存する。Photoshopを起動すると「ファイル」→「スクリプト」→「おみくじ」とあるので、それを実行すればOK。こんな感じに、今日一日の運勢が決まるよ。

その他もろもろ

• スクリプトを修正した際には、Photoshopを再起動しなくても大丈夫。そのまま再実行で反映されている
• 文字コードは基本「UTF-8」
• フォント名はPostscript名。Macなら、FontBookでフォントを選択して「コマンド+i」で出てくる

なんか講座とか言って、まったく解説していないけど、たぶん簡単にやりたいことができると思うので、ぜひ活用してみてね。

おまけ

毎回メニューから選ぶのが面倒という人は、Photoshopを起動するときに自動的におみくじをしてくれるように設定しよう。
/Library/Application Support/Adobe/Startup Scripts CS4/Adobe Photoshop に jsxファイルを置くだけでOK。ここにあるものは起動時に全部実行してくれる。逆に嫌なデザイナがいたら、こっそりここに邪魔スクリプトを仕込むと効果的だよ。

$pg_dump データベース > dump.sql
$pg_dump データベース -U ユーザ -h ホスト -t テーブル > dump.sql

とかまぁやれば良いんだけど、テーブルの中の一部分。さらに言えば、SELECTで絞った状態のデータがCSVとして欲しいなぁというときには、psqlコマンドを使って以下のようにすれば良い。

$psql データベース -U ユーザ -h ホスト -c "SELECT * FROM table WHERE 1=1;" -A -F,> dump.txt

psqlのオプションで A と F を使ってやるとできる。

• Aオプション：テーブルの要素を出力するときの均等割り付けを行いません。
• F(separator)オプション：separator をフィールドセパレータとして使用します。 デフォルトは ASCII の縦棒 (“|”) です。

つまり、-F の後を変更すれば、カンマ区切り以外にもできる。

MySQLの場合は、MySQLでコマンドから直接クエリを実行し、CSVファイルに保存するを参照。

find . -name '*.html' | xargs grep 'hoge'

対象のファイル名条件を複数にするには -o（-orでも可）のオプションをつけてあげれば、設定できる。

find . \( -name '*.php' -o -name '*.html' \) | xargs grep 'hoge'

ちなみに、特定の文字列を含まないものを検索するには、以前のエントリー「指定した文字列がないファイルを一括検索する方法」を参照。

というわけで、例えば「info@example.com」というメールアドレスが記述されていないファイルを見つけたい…ってな場合に、どうすれば簡単にできるかーを調べて模索してみたら、findをgrepを使えば簡単にできることがわかった。

find . -name '*.html' | xargs grep -L 'info@example.com'

これで大丈夫。

grepのオプション「L」は、指定した文字列を含まないファイル名をリストアップしてくれる。findと組み合わせているのは、サブディスプレイ全てを検索対象にするため。findを使わないと、カレントディレクトリのファイルのみが対象になる。