hiromasa.zone : o)

なんか、人の開発環境ってみるのって面白くね？（今の子風

というわけで、プログラムを作る環境。　なかなか人のをみるのは面白くて、おなじ IDE とか使っているとうれしくなっちゃうわけです。　エミュレータの作者の方とかよく開発中のスクリーンショットを Windows のフルスクリーンショットでおいている時なんかありますが、おそらくそういう感覚なのでしょう。 🙂

開発環境に限らずデスクトップとかも面白いですね。　細かい部分までみたくらいにして。

WordPress のプラグインやテーマをつくられている方はどういった環境なのか非常に気になるところですが、とりあえずぼくのをおいておきます。　え、もう飽きた？ 😛

Eclipse + phpEclipse です。　最近書いた Aptana も活躍してくれています。 　Zend の PHPIDE も気になっているのですがまだ手をつけていません。。

テーマをかくかたとかは DreamWeaver　とかなんですかねー。　ソースの管理手法とかも知りたいところです。 :-)　

USO通信社は、Firefox ミステリーサークルに続き WP ミステリーサークルが日本某所に出現する可能性があることをつきとめた。

まずは、その発端となった Google Map に出現した Firefox ミステリーサークルからごらん頂きたい。

Firefoxミステリーサークル@Google マップ

この衝撃画像をみた hiromasa.zone ひろまさ氏は Masayan 氏にこれを WP でできないものだろうか、と相談。　そのときの会話の様子は以下のようだった模様。

ひろまさ　「これ WP でできないっすか？」
ひろまさ　「（リンクを送信）」
Masayan 「欧米か！」

ここでは煙に巻いた Masayan 氏であったが、極秘裏にこの計画を進め、TRX １台と自転車 3台という大がかりな仕掛けを用い、

という文字を完成させたという。この様子は近い将来 Google Map でみれるかもしれないし、みれないかもしれない。

ただいま AJAX 全盛期、しかしながらその恩恵にはずいぶんあずかりつつ、いざつくるとなると「え～」と思っている開発者の方は相当数いると思われます。

その障壁のひとつに、良い JavaScript の開発環境がないということがあげられると思います。　テキストエディタでぺこぺこ書いて、ブラウザで run!。　エラーダイアログ… orz

まぁデバッガがないのは譲るとして、特にリアルタイムシンタックスエラー検出がないのはかなり致命的です。　たとえば PHP などでは、phpEclipse や PHPIDE を使う限り、打ち間違えなどで起きるシンタックスエラー（構文エラー）とは無縁。　実行前に必ず IDE から申告があるので、これらに関してはエラーフリーとなります。　プログラマーは論理エラーのほうに集中できるわけです。

一方 JavaScript に目を向けると、こういった初歩的な間違えも実際にブラウザで動かしてみるまで分からない。。　また、通常のテキストエディタではコード補完もできませんので生産性はかなり落ちます。

などなど思っていたら、aptana という IDE が評判良いのを最近あちこちで目にしたのでインストールしてみることにしました。

Aptana: The Web IDE

Aptana is a robust, JavaScript-focused IDE for building dynamic web applications.

Eclipse ベースで Eclipse ごとパッケージになってダウンロードできます。　また、Eclipse のプラグイン単体としても配布されていますので、Eclipse 導入済みの方はいまの環境にインストールできます。

というわけで、早速使ってみると、、

色分け、コード補完はもちろん、関数へのカーソルジャンプ、リアルタイムでのシンタックスエラー検出も行われます。　しかも使い慣れている Eclipse のプラグインときています。　素晴らしい…。

また、同梱のFirefox のエクステンションと連携してデバッグもできるようで、ちょっとだけ設定してみましたがブレイクポイントでちゃんと停止していました。　すごい。（でもちょっとバギーなのかな、、うちだけなのか完全に思った通りには動いていませんでした）

基本は JavaScript にフォーカスしてつくられていますが、HTML や CSS などへの対応もあり、また FTP でサイトとシンクロさせたりもできます。 (こういった用途では Eclipse 標準の FTP は完璧にシンクロしようとするので使いづらかった）

他にもまだまだ多くの機能がありそうです。　Java (Script にあらず) の現場はすっかり Eclipse 一色（一食? :-))になっていますが、Web の現場にも浸透する日がくるかもしれませんね。

うちに帰って Thunderbird をひらくと、なにやら大量のメールが･･･。　スパムメールかと思ったら、なんとブログのほうに 300件以上のスパムが来襲していました。。 Akismet ごえを果たしたらしい…。

最初、ぽちぽち管理画面から消していましたが辛抱たまらんということで、データベースからの一括削除に切り替え。　知っている人にはどうということでもないですが、せっかくなのでやり方を紹介しておきます。

使うのは、phpMyAdmin などのデータベース管理ツール。　まぁなんでもいいのですが、これらから SQL を発行して削除します。

コメントが入るのは (wp)_comments というテーブルです。　でもって、画面操作でID 降順（投稿順）とかにならべてスパムを探し出します。　そうすると、スパムにはたいてい同じような条件が見えてくるハズ。　例えばホスト名が同一とか。

何か分かったら、とりあえず SQL で SELECT してみます。 phpMyAdmin の SQL 実行画面に入力。

WHERE 句に条件を入力。　条件が複数ある時は AND などでつなぎます。

うまく条件に当たれば、スパムコメントだけ表示されます。　また、注目すべきは「comment_approved」カラム。　WP はここの文字列を判定して表に出すか出さないかを決め、”1″ の場合は表示されます。　Akismet などにスパム判定された場合は “spam” と入ります。

というわけで、条件が良さそうなら comment_approved 項目を “spam” にアップデート。　間違わないように SELECT から条件となる WHERE 句をコピって、、

で完了です。　まぁ DELETE で削除してもいいですが、念のために・・・。　また、間違うと大変なことになるので事前にテーブルはバックアップしたほうがいいかもしれません。 絶対「;」の位置を間違わないよう、WHERE の前とかにいれると悲惨なことになります。。

こんなことしなくて済むのが一番ですが、緊急避難の場合などに思い出してもらえれば! 🙂

なんだか最近ブログのネタが暴走気味ですが、、まいっか。　昔は結構ゲームしていたのにあんまりブログでは話題にあがらないのでたまに。 :-)　ちなみに、ゲーム検定は 58 点でした。

古くはスペースインベーダ、ギャラクシアン、ギャラガと進化してきた、敵に弾をぶつけてやっつけるいわゆるシューティングゲーム。　このジャンルの現在の華は、画面を埋め尽くすほどの敵弾と小さな当たり判定をもつ自機を操る弾幕系とよばれるシューティングです。

放物状に描かれる敵弾は幾何学的で、なにか数学をやっているみたいな感覚にも陥ります。　スーパープレイヤーの動きは感動すら覚えるわけですが、あんまり家庭用では人気がないみたい。 😛

この手のゲームをやるには、ゲームセンターにいくのが縦画面もつかえて迫力があり一番手っ取り早いですが、最近のゲーセン、ビデオゲームおいているところも少ないす。　というわけで、PCでやってみます！

Titanion@ABA Games

超高速突撃虫を殲滅せよ
古き良き時代の固定画面シューティング、Titanion。

ABA Gamesさんの新作 Titanion。　２種類のゲームモードを持ちますが、タイトル画面で「MODERNモード」にすると弾幕が楽しめます。（右下で選択できます）

また、Clasic モードでは弾幕はありませんが敵をキャプチャしたりできます。　こちらもおもしろい。

制作は D言語。 バイナリはWindows 版ですが、Linux でもコンパイル通るようです。　Mac OS X もいけるのかな。 うちのノートは OpenGL うごかないので無理か・・・。　GeForece つんでるかたはお試しを。

Linux でのコンパイルは gaim でお世話になっている nosuke さんが手順を公開されています。 🙂

Titanion をLinuxで@日記みたいな何か

あとはこれが起動するかどうかですが・・・動いた～！いやー，めでたい．結局これだけでいいんですなぁ・・・．

さてゲームのほう、ぼくは下手の横好きなので全然下手なんですが・・・、MODAN で現在最高面は 48面。　うちの同居の人も同じく 48面。　軽くライバル視。　ハイスコアは 690万点。 50面くらいはいきたいな～。　うまい人だと初見で軽くいけちゃうようです。　すごい。

弾幕系はあんまりやりすぎると、夜目をつむったときにまで弾幕が降り注いできますのでご注意を。 🙂

SVG もういっちょういきます。

Opeara9 でもいけてますか？ 🙂 > Sa・Ga さん （コメントありがとうございました）

昨日の chameleon さんからコメントいただきましたとおり、Scalable Vector Graphics です。

ベクターグラフィックを XML で標準的に表現したもので、Web でも使うことが出来ます。　いまのところ、Firefox / Opera 系でサポートされている模様。 IE でも adobe のプラグインいれるとみれるみたいですね。

DOM で JavaScript からダイナミックHTML みたいに属性値をいじると、アニメーションできたりインタラクティブに操作をしたりできます。　上はタイマーでアニメーションさせている様子です。　（ただ、あんまり描画パフォーマンスはよくないかも。　いや、気のせいかも 🙂

SVG をだせる、Inkscapeの出力ファイルや各種ドキュメントを参考にしていろいろやってみているのですが、む、むずい。。

Scalable Vector Graphics (SVG) 1.1 Specification

SVG学習辞典

SVG入門（SVGについて詳しく解説します

コネクタはないのかな・・・。

XML だすだけでベクターグラフィックが描けるのでスクリプト言語と相性が良さそうです。　もうちょっとがんばってみます。。

だましだましやっていたので、かなり恥ずかしいものですが上のソースおいておきます。　興味がある方はあそんでみてください。 🙂

追記。

正直いまは反省している･･･。

↑これは Opera だとだめなようです…。

試験コンテンツです。

動くようだ。 🙂

HTML / XHTML という規格は、文書に対して意味をマークアップする規格です。　正直 HTML はこのことが後付なので、無理はあるのですが XHTML はだいぶそれっぽくなっています。

h* タグを使えばヘッダーを、p を使えば段落を、ol を使えば箇条書きを・・・、人間が書く文書にたいして事前にマークアップを行い、人間の言葉が理解できないコンピュータが処理をしやすいように人間がわざわざメタ情報の付与という事前処理をする思想です。

究極的には、こんなことわざわざ人間がコンピュータのためにする必要は一切なくて、表現的にセンタリングされていたらそれはヘッダであるとか、黒点がついていたら箇条書きであるとか、逆にコンピュータが勝手に認識すべきだとぼくはは思っています。　時代とともにメタ系の言語なんていうのはなくなると考えます。

でもでも、今は過渡期。　これを使わないわけにはいきません。　しかし、ブログの文章に XHTML を適応しようとすると問題が発生します。　XHTML は基本的にオフィシャルな文書に対してマークアップする規格。　ブログのような砕けた文書に意味をつけるには、ほとほとタグが足りないのです。

マークアップ言語は、そのメタ情報だけをみてコンピュータのみならず人間も状況を判断できる必要があります。これが真の意味と表現の分離です。

たとえば、

いまいち p タグだけでは面白さが伝わりません。　もうちょっとがんばって、

ちょっと伝わるようになります。　でも、独特の「間」がこれでは伝わりません。　苦し紛れに、

とするとなんとか間が伝わります。　しかし、いまの XHTML だとネタの後半、例えば「かぶりぎみ」が書けません。　ここで、XHTML を拡張して p タグのネストを許可してみましょう。

だいぶいい感じになりました。

…XHTML Speak 1.0 という規格が出来ることを祈っておもいきってここにエントリします。

# ネタですよ（笑)