JavaScript Archive

Adobeが出した、AjaxフレームワークのAdobeSpry。
なんでこんなもんを取り上げたかっていうと、Web Designingで取り上げられたから・・・。

とりあえず、まずはダウンロードでもしてみましょう。

Adobe Spry framework for AJAX

どうやらユーザー登録が必要みたいです。
めんどく（ｒｙ

はい、そんな事いわずにダウンロード。

ってダウンロードしたけどファイルの構成よく分からず・・・。

まずは中身から理解しないといけないのね・・・そしてそれが英語という罠。

JavaScriptを使ったブックマークレットシステムが昨今流行っていますね。
JavaScriptの勉強もかねてこのブックマークレットシステムを使って何かを作ってみようかと思います。

とりあえずブックマークレットは、どういうものかと言いますと。
JavaScriptをお気に入りに登録してもらい、そのスクリプトを使って現在見ているHP
に関する情報を拾いだしてサービスに使うというものです。

有名なところでは・・・
はてなブックマーク
Livedoor クリップ

この２つは今見ていたページのURLを取得して、そのURLに大してタグ付けをして各サーバーで管理をしているものです。
こんなサービスを作るならまずは、「お気に入りを押したらURLを取得する」という動きをするJavaScriptを作る必要があります。

で！
まずは、どうやって文字列を取得するのか。
今回は、現在見ているURL+コピーしている文字列+範囲選択している文字列を取得するJavaScriptを公開。


javascript:var d=document;var tx=d.selection?d.selection.createRange().text:d.getSelection();location.href='取得先URL
?param='+encodeURIComponent(location.href)+'&sel='+tx+'&p='+clipboardData.getData("Text");


取得先URLで、GETで受け取ればOKです。

param : 見ていたURL
sel : 範囲選択した文字列
p : コピーしている文字列

このブックマークレットのためのプログラムで面白いところは文字数制限があるところ。
どうにかしてうまくプログラミングをする事が鍵だと思います。

これを使ってなんか面白いプログラムを作ってみるかな・・・？

[tags]ブックマークレット,JavaScript[/tags]

私、全然JavaScriptがわからなくてですね・・・業務に支障がおきそうなぐらいわからないんですよ。
で、どうしようか悩んだ挙句・・・勉強することにしました。
っていうかJavaScriptは今はやってますしね、Ajaｘありますし。

っていうか「いまさら勉強・・・・？遅くね？」とかいわないでください。本当にいまさらなんで。
もし、今からはじめるとかそういう方が居たら是非、このブログが役立つように・・・と思って勉強の軌跡を書きたいと思います。

っていうか俺が中学生のころにやっと本が出たぐらいで・・・JavaScriptの本を読んで勉強したものの挫折した記憶があるんで、どうしてもなんか取っ掛かりにくいというか。
まず、なぜvarの型宣言がゆるい！
っていうかオブジェクト指向がいまいち理解できていない。（ってそれでWebプログラマーなのかという突っ込みはなしで。）

何々、オブジェクト指向とは、「命令とデータをひとつの部品（それをオブジェクトと呼ぶ）として扱う方法論」のことだそうで。

JavaScriptはWebページの構成要素（ウィンドウとか、フォームタグとか？？）に対応した組み込みオブジェクトが用意されていて、それぞれ「メソッド」という命令と、「プロパティ」というデータを持つ構造になっているそうで。

＜オブジェクト＞
メソッド→命令
プロパティ→データ

ということですな。

[tags]JavaScript,勉強,var,オブジェクト指向[/tags]