NTCmanager更新
一部のGHOSTのhomeurlが読めなくなっていた不具合を修正しました。
ゴーストに関する投稿を表示するUserJS更新
特殊文字を含むGHOST名でエラーが発生する不具合を修正しました。
記事一覧
Help Ghost
サイト案内ゴースト
伺かゴースト更新フィードに何の説明もないのでうじゅら＆うじゅうにヘルプ役を任せました。
別個に解説ページとか用意したくない、余計なスペース取りたくない、ということで適任ではないでしょうか（選択肢にバグ抱えたままですが…）。officeのイルカ程度の存在感を発揮してくれればと思います。
里々の脆弱性をまとめてみた
何か色々勘違いしていた
里々のコードが外部から実行できるとかおかしいだろ常識的に考えて…。平たく言うと里々にバックドアが仕掛けられていたってことですね。なにそれこわい。
里々も更新されていますし、せっかくなので具体的な攻撃手法の例も併せて対策をまとめてみました。
利用者側で対策したい人のために(10/03/31 追記)
自動で里々を最新版に入れ替えて対策コードの書かれた辞書も生成するプラグインを作りました。
上記Wikiの一番下から入手できます。
HTML5の練習
伺かゴースト更新フィードを改装しました。無駄にHTML5で書いてますが特に意味は無いです。
ちょっと前に書いたゴーストに関する投稿を表示するUserJSが動かなくなってしまうので、続けて使いたい場合はお手数ですが以下から更新をお願いします。
NTCmanager更新
ゴーストに関するTwitterの投稿を表示するUserJS
何故か自分のサイトでグリモン
伺かゴースト更新フィードのゴーストの項目にマウスホバーすると @osusume_ukagaka の投稿をTwitter検索Twitter APIから取得して該当するものがあったら画面左上に表示するUserJSを書いてみました。
インストールは以下からどうぞ。
Firefox, Opera, Google Chromeで動作します。(Webkitはダメ。Webkitでも無理矢理表示。ついでに立ち絵も。)
あとLDRizeに対応したので一緒に使うとj,kキーで上下にスクロール出来ていい感じかもです。
10/03/17 更新
- 取得先をTwitter APIに変更。（取得件数：25件 → 200件）
- Webkit系ブラウザで表示出来ないのを無理矢理表示するよう変更。ついでに立ち絵も。
10/03/18 更新
- ついでなので、右上にはてなハイクの投稿も表示してみた。
CSS3で背景を重ねたりグラデーションしたり
CSS3が楽しい
WebkitのCSS3先行実装で複数の背景画像を指定したり、グラデーションとかも使えるらしいです。
練習を兼ねて、以前作った伺かゴースト更新フィードにシェル画像を表示してみました。
SafariとGoogle Chromeでこんな感じに見えます。
ゴーストによって大きさがまちまちなので全体としてはイマイチですね。
Firefoxでも実装されているのですが画像のrepeat指定が上手く動かなかったので保留。Operaはよくわかんない。
やっぱやめた (10/03/14)
マウスホバーしたときに画面左右に立ち絵を表示する方がいいですね。これならサーフィスが見切れることも無いですし、Webkitに限らずIE6以外ならCSSだけで表示出来ます。
…と思ったら今度はWebkitだけ表示出来ず。Webkitのバグっぽいですね(´・ω・｀)
里々で「らふらんす」を使う
華和梨向けのトークテストツール「らふらんす」
配布元
里々で「らふらんす」を使う
以下のコードを里々の辞書の何処かに記述するだけ。
＠ShioriEcho （Ｒ０）
ゴーストを公開するときは記述を消してください。
セルフツッコミ
それ「さとりて」で出来るよ！
「らふらんす」がDSSTPを投げて、華和梨がそれを再生しているだけらしい、というので、里々でも対応コード入れれば動くよね、ってのを確認したかっただけの話です。
10/03/10 追記
対応コード入れなくても動くらしいですよ！いつの間に。
Opera/10.50にアップデートした
ぱっと触った感じの印象などを。
- CSS3の transition, border-radius, box-shadow などがサポートされてる
- JavaScriptの JSON がサポートされてる、右クリックが拾える
というわけで、OperaもCSS3の恩恵に与れるようになったのでUserJSを更新。
右クリックでオーナードローメニューが出せるようになったのは大きいですね。
ブラウザゲームにUserJSでアバターを表示させてみる
文化英雄譚
LRさんがブラウザゲームを作ったみたいです。アトリエシリーズを彷彿とさせるアイテム作製ゲームとなっています。
なかなか楽しいのでみなさんもぜひどうぞ。
ありがちな問題点
いちいちサーバと通信するので反応が遅いですね。Webアプリの宿命なんでしょうけれどもあまり快適とは言えません。しかもメニューの階層が深いので目的のページにたどり着くまで３回以上も画面遷移を経ないといけなかったりしてかったるいです。ユーザビリティにもう少し工夫があるといいなと感じたので、リンクのショートカット機能をウチのUserJSゴーストに持たせてみました。
目的の操作画面まで一回の画面遷移で行けるように。３回も４回もHTTPリクエスト投げてその度にデータベース参照してとかやってたらユーザにとってもストレスフルですしサーバの負荷も大変だと思うので、お互いに有益なのではないかと思います。
おまけで余計な反応も仕込んでみました。
インストールは以下からどうぞ。
思いついたこととか
JavaScriptで動くゴーストは他にもいらっしゃるわけで、自分のWebサイトの案内役的なマスコットとして設置する活用例が考えられます。一方、UserJSで別のサイトに連れ回して何かする活用例というものを今まで思いつかなかったのですが、こんな風にイベント通知に使えるんじゃないかなどと考えました。
伺かにもSSTPサーバとして外部アプリケーションからの通知を再生する機能を備えていて、イベント通知アプリとしての側面も持っています。Webサイト側からの何かしらの通知を受け取って（あるいはSSTPライクなプロトコルをそのまま受信・解釈して）再生できれば、例えばWebゲームのアバターとして、ゲームを操作するUIそのものに応用出来るんじゃないかとこれを作りながら考えたりしました。
本当は画面に出ているキャラクタイメージをそのまま使いたかったのですが、透過されていなかったので今回は見送りです。もちろんWebゲーム側から特別な通知が来ているわけではなく、こちらが勝手に文字列を拾っているわけですが、何か一般的な通知の仕様が策定されて別のWebゲームにも使われるようになったら素敵ですね。同じアバターで別々のゲームが楽しめる、みたいな。