Sunday, March 22, 2009

made "Tag game" with Google StreetView

http://syany.watasi.net/runaway_en.1.00.html - Tag Game with Google StreetView-

Tag game using streetview.

[Rule]
Runaway from Hunters for 10 minutes
Take the missions road

Please challenge.

you fun.

Tuesday, July 22, 2008

Initiate new methods 'Tag Cloud'

I made a Arbitrary Cloud.
using..
* TinySegmenter, <morphologic>, @url: http://chasen.org/~taku/blog/archives/2008/02/tinysegmenter_j.html,@author: Taku Kudo
* ecl.js, <Escape>, @url: http://nurucom-archives.hp.infoseek.co.jp/digital/escape-codec-library.html

Please show right side at 'Arbitrary Cloud'.

This gadget show to get automatic your pointing tag, id, className

if you want use you copy follow tag please.
<div id="arCloudRes" style="font-size:x-small;font-weight: bold; letter-spacing:-0.1em;"></div>
<script src="http://syany.watasi.net/com/js/prototype/arbitarycd.1.08.min.js" type="text/javascript" charset="UTF-8"></script><a href="http://syany-k.blogspot.com/" style="font-size: xx-small;text-decoration: none;" target="_blank">powered by syany</a>


Will write edit of explain.

see you.

「気まぐれ クラウド」というものを作ってみました。
たく様の形態素解析を使用させていただいております。ecl.jsをエスケープで使用させていただいております。
この場をお借りして御礼申し上げます。

タグを指定すると、そのタグをロード時に取得して重み付けし、文字の大小を決定し、ソートし、表示しています。
検索結果のリンク先はいろいろ変えられます。

// Tag or class or id for analysis
var selectors_arr = ['title', 'h1', 'h3', 'li', 'post-body entry-content', 'h2'];
// result cut over keywords
var cutOver_arr = ['comment','RSS','trackback','author ', 'Labels'];
// max show(max_show + 1)
var max_show = 25;
// result id or class
var show_element = 'arCloudRes';
// * Link Edition 1: Blogger Search result
var anchor_url = location.host + 'search';
var anchor_query = 'q';
var anchor_encode = 'utf8';
// * Link Edition 2: Google blog seache result
//var anchor_url = 'http://blogsearch.google.co.jp/blogsearch';
//var anchor_query = 'q';
//var anchor_encode = 'utf8';
// * Link Edition 3: Google seache result
//var anchor_url = 'http://www.google.co.jp/search';
//var anchor_query = 'q';
//var anchor_encode = 'utf8';
// * Link Edition 4: Yahoo searche result
//var anchor_url = 'http://search.yahoo.co.jp/search';
//var anchor_query = 'p';
//var anchor_encode = 'utf8';

こんな感じで、、、

明日くらいにもう少し、詳細の説明はできるかもしれません。

ではではー

Thursday, July 17, 2008

Original Contextmenu renew

<script src="http://syany.watasi.net/com/js/prototype/prototype.min.js" type="text/javascript" charset="utf-8"></script> 
<script src="http://syany.watasi.net/com/js/prototype/contextmenu.forsearch.1.02.min.js" type="text/javascript" charset="utf-8"></script>
<a href="http://ksyany.blog32.fc2.com/" style="font-size: xx-small;text-decoration: none;" target="_blank">powered by syany</a>


Copy this and paste your page
you can use my original contextmenu like this page.

* usable Browse: IE6,7, FF, Opera, Safari3

Please Check and if you find bug then tell me.

-----------
修正しました。
検索だけに特化した右クリックメニューにしたところ
動かなかった、FF、Opera、Safariさんが治りました!完治です。東京ラブストーリーです。

また、contextmenu.forsearch.1.02.min.js を contextmenu.forsearch_ja.1.02.min.js
とすることで、日本語表記にもなります。
本当はブラウザ依存にさせたかったのですが、それはまた別の機会に、、、

ではまたー

Monday, July 14, 2008

最初のガジェット作って思ったこと

重いとかいろいろありますが、、、

最初はphpの勉強を目的としていました、、、

が、自分の知っている無料レンタルサーバでは
どんなMIME-typeのファイルでもHTML形式の広告が挿入されてしまうために

json、XML、RSSの出力phpが動きませんでした(^^;
悲しいことです。。

唯一、prototype.jsで採用されているX-JSONキーをヘッダーに加えることで
JSONは可能でしたが、、

javascriptの罠である。ドメイン越えに引っ掛かり、、
便利ツールにはなりませんでした。。。。

<script src="[直接JSONを返却するURL]"></script>


を使うことも検討しましたが
※jsonはこうすることで、ブラウザを超えられる

最初の無料サーバによる無理やりHTML挿入に見事引っ掛かり
JSON取得はできませんでした。

それ以前に、今回のガジェット
「選択文字を使って、検索、マーキングなどを行う」ガジェット
では、何度も上記のscriptを上書かなくてはならないために
うまく動くかもわかりません。

と、いろいろ勉強になりました。
Google Feed ApiでwikipediaのAPI
YahooのAPI取得も試みましたが
error.code : 400
error.message : Feed could not be loaded
が返されました。
おそらくは対応しているXML形式からかけ離れているからだと思います。。。
(違っていたらご指摘ください)

Wikipediaは
http://en.wikipedia.org/w/index.php?title=Special:Export&pages=Main_Page&offset=1&limit=5&action=submit
のpagesにクエリ(エスケープして)を指定すれば、XML形式で返します。
日本も対応しているようですので
先頭のenをjaに変えると日本語検索も可能ですわ
Googleを検索
こんな感じに

Yahoo ウェブ検索APIは
http://api.search.yahoo.co.jp/WebSearchService/V1/webSearch?appid=odldgFixg67aDCFnF7pvOU7Cmgkjj4.LzXvqd8P_WhxkUE0BLvUee56gLoHTjigugA--&query=YAHOO&results=2

これだけです。queryに検索クエリを
どちらも
resultをノードにした結果が返ってきますが、怒られます、、、(ToT)
appidは自分で登録してね
Yahooを検索

さて、この先どうしようか、、、

あと、右クリック箇所の使用はProto.Menuさんを使わせていただきました。
ありがとうございます。
そこ以外は、自分の著作権ということで、、(たぶん)

使うときはコメントください。嬉しいです。

Contextmenu, Right Click Menu Original

<script src="http://syany.watasi.net/com/js/prototype/prototype.min.js" type="text/javascript"></script>
<script src="http://syany.watasi.net/com/js/prototype/contextmenu.1.02.min.js" type="text/javascript"></script>

You can use gadget this script just copy & parst.

usage: Please Select and right-click, and certainly.

Overview: include Function!
* google [web, news, local] search for selection string
* google change language [English, Japanese, Chinese, Korean] for selection string
* wikipedia search [jp] for selection string
* Marker, Font color change for selection string
* this page save, load

Problem: you use to Load function, then deleted all of this function, Becouse Save function doesn't save javascripts insert Element

Are you favourite? I hope my gadget is helpful for you.

I used part of around right click function is Proto.Menu, Thank you for great function.
other part of function Licence is mine.(maybe..)

if you'd like to use I'm so glad that you write comment.
thank you.

Sunday, July 13, 2008

コンテキストメニュー 右クリックメニュー ガジェット作成

一応どこでもgoogle検索はできるようにしました

ほかのサイトはまだ検討中

http://syany.watasi.net/contextmenuSample.html

ソース開いてもらって

<script src="http://syany.watasi.net/com/js/prototype/prototype.min.js" type="text/javascript"></script> 
<script src="http://syany.watasi.net/com/js/prototype/contextmenu.1.02.min.js" type="text/javascript"></script>


これを張り付けてもらえば
どのサイトでも動作しますわ

OperaはCtrl+クリックでお願いします

google検索、英訳、和訳、中訳、韓訳
wikipediaの日本語検索が可能です

+直接のHTML文字の編集。(textarea、inputタグ内も関係なく通ります)
マーカーつけたり、フォントの色変えたりね
リンクも張れます。

一応編集したのもを保存することもできます。
UserData、Storage使用しますから、FF、Maicrosoftのみです
ですからロードもできます


検索とかでもほかのサイトに飛ばないのが特徴。すべてポップアップで終わらせました。


[問題点]
saveできるんだけどloadすると
ロード後に動的(new Elementで)に追加したエレメントを消してしまうので
右クリックできなくなる

あと、重い。。


いかがでしょうか?

Thursday, July 3, 2008

UserData, globalStorage

SQlite(GoogleGears含む)やFlash Cookieを使わないで
データをローカルに保存する方法はまだIEのUserData、FireFoxのglobalStorageでしか
実現できていない。。

先人のサイト様に良い例があったので、参考にprototypeクラス化してみる。

1.6バージョンで、行い、できればElement.addMethodsを使って

Element.addMethods({
saveUserData: function(element, save_key){
element = $(element);
element.save(save_key);
return element;
},
loadUserData : function(element, load_key){
element = $(element);
element.load(load_key);
return element;
}
});


と追加して、カッコよく? createElement --> new Elementに変更したかったのですが
残念ながら、上記のコードは認められませんでした (-_-;)ナゼ?
というわけで、適当にglobalとsession両方作成してみました。

っていうか、IEのほうはElement.save, Element.load, Element.expires以外に
UserData周りのプロパティって何があるのでしょうかねぇ
docどこにも見当たらないのです。。。

したがってStorage.Local(session)もむりやりexpiresを1970/01/01にしただけという
単純さ、、、これでいいのかなぁ。。。

setItem(save), getItem(load), removeItem(remove), clear

でセーブ/ロードできます

こちらで確認可能

ちなみに、、、この間のRangeクラスはこちらで確認可能
これを実行すると、フレームも、Inputも超えて選択、編集できることが確認できると思います。

どうかな?