Hatena::Groupjavascript

emergentのJavaScript入門日記

2009-02-09

小栗鼠さんのjQuery紹介

22:22 | 小栗鼠さんのjQuery紹介 - emergentのJavaScript入門日記 を含むブックマーク はてなブックマーク - 小栗鼠さんのjQuery紹介 - emergentのJavaScript入門日記

定期的にホッテントリに上がるから何回やってんのか集計しちゃろうかと思ったらページ下部の関連エントリリンクにいっぱい出ててあっさりわかった。

f:id:emergent:20090209221954p:image

収集力がすごいね!

2009-01-28

JavaScript:The Good Parts

23:47 | JavaScript:The Good Parts - emergentのJavaScript入門日記 を含むブックマーク はてなブックマーク - JavaScript:The Good Parts - emergentのJavaScript入門日記

第二章の文法説明で、字句構造を説明する図が面白い。

全体としては、JavaScript第5版の縮小版みたいなものなのかな。まだ途中だけど。

JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティスJavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス
水野 貴明

オライリージャパン 2008-12-22
売り上げランキング : 12490

Amazonで詳しく見る
by G-Tools

2009-01-27

勉強会用AJAX&JavaScriptメモ

22:47 | 勉強会用AJAX&JavaScriptメモ - emergentのJavaScript入門日記 を含むブックマーク はてなブックマーク - 勉強会用AJAX&JavaScriptメモ - emergentのJavaScript入門日記

会社の勉強会で使う、これまであまりWebに接点がなかった人用への説明資料を作るためのメモ。

AJAXとはなんぞや

  • Asynchronous JavaScript + XML の略。つまりJavaScriptで非同期通信機能を使って画面遷移なしにマークアップ言語で書かれたUIを操作すること
    • Web2.0(笑)の中心的な技術
  • サイト例
    • Google Maps - 裏で地図を自動データを読み込み
    • Google カレンダー、GmailDocsなど - ページの再読み込みなしに編集、保存
    • そこかしこで使われている
  • XMLHttpRequestについて
    • コードの例
    • なんか適当にやってみる
  • ブラウザ以外のAJAXぽいこと

JavaScriptってなんなの?

  • 歴史をちょこっと
  • プロトタイプ指向
  • データ型はプリミティブ以外は全部オブジェクト。で、オブジェクトは全部ハッシュ。配列もハッシュ。
    • ハッシュだからデータ構造を記述できる -> それがJSON、JSONP
    • コード例を書く
  • 色んなライブラリ
  • ブラウザのプラグインにもJavaScript
    • GreaseMonkeyでユーザでも手軽にWebページに手を加えられるようになった

JavaScriptエンジン群雄割拠

おまけ:JavaScriptの使い方

  • 右クリック禁止破り
    • Shift+F10ではなくて

2008-12-05

GreaseMonkeyでjQuery

01:48 | GreaseMonkeyでjQuery - emergentのJavaScript入門日記 を含むブックマーク はてなブックマーク - GreaseMonkeyでjQuery - emergentのJavaScript入門日記

使えるのか調べてた。

GreaseMonkeyのバージョン0.8以降は@requireで外部スクリプトを読み込めると書いてあったのだが、「GreaseMonkey jQuery require」で検索しても、いまいちピンと来るものがなかった。

ここでは使い方については述べてないけど、リンクされているgist: 17960 - GitHubではちゃんと@requireタグでjquery.jsを読み込んでいますね。

それにしても、その機能があるのにGreaseMonkeyから「スクリプトで」jQueryを読み込むコードが多くあるのはなんでだろう?

↓このへん

大概ちゃんと読んでないので自分の理解が間違っているかもしれないけど。

monjudohmonjudoh2008/12/07 09:23>それにしても、その機能があるのにGreaseMonkeyから「スクリプトで」jQueryを読み込むコードが多くあるのはなんでだろう?
単純に0.8が出る前の記事だからじゃね?

emergentemergent2008/12/07 13:34今年の6月かぁ、割りと最近ですね。引用した記事はそれのちょっと前ぐらいですかね。
http://wiki.greasespot.net/Version_history

2個目のリンクは対象が0.7って書いてあった…

2008-11-28

「はじめてのjQuery」を見て

23:14 | 「はじめてのjQuery」を見て - emergentのJavaScript入門日記 を含むブックマーク はてなブックマーク - 「はじめてのjQuery」を見て - emergentのJavaScript入門日記

やるやる言っておきながらjQueryについてこれっぽっちも調べてませんでしたが、これを見てようやく初歩の初歩なところがわかった。

それも知らずにメソッドチェーンがどうたらとかだけ見た記憶があって自分の情報収集能力のなさに呆れた。

JavaScriptとSVG

00:00 | JavaScriptとSVG - emergentのJavaScript入門日記 を含むブックマーク はてなブックマーク - JavaScriptとSVG - emergentのJavaScript入門日記

そういや最近のFirefoxSVGエンジンも搭載してたなーと思い、JavaScriptSVGの関係記事を探してみた。

これはすごいなー。でも変換ツールが凄いのであっていきなりこれじゃ入門には辛いかも。

むご!ちょっと古い記事だけどこんなに前から標準対応だったのか。

jQuerySVGの記事だ。

ちょっとしたサンプルが載ってる。

HTMLではdocumentと書くところをSVGではsvgDocumentなんですね。

あんまり記事がないけど、ちょっと試してみようかな。

Mozillaのサイトに状況が書いてあった。