橋本幸樹の無愛想な日記

■[Javascript]tenjin.web/1

昨日、第0回に参加したtenjin.webの第1回に参加しました。HPはこちら。→http://tenjin-web.jottit.com/

id:kiwanamiさんの熱いメッセージとか今回のお題、Firebugワークショップのレジュメ(id:brazilさん作)とか読めます。

めちゃくちゃためになる会でした。Webの仕事している人はこのレジュメを読むだけでも仕事の能率が1割くらいは上がるんじゃないでしょうか。

単なるツールの使い方の紹介にとどまらず、そのツールにこめられた思想までしっかり解説してくれるところがid:brazilさん流の名講義でした。金取れますよ。マジで。

以下メモ、意味不明なところは勘弁です。

tenjin.web第1回
自己紹介など。名前や仕事、ブログなど。（自分はブログのこと言うの忘れた！たいした情報を発信していないのでいいけど。）

Lingerログ：http://www.lingr.com/room/1xkzDqL4h0e/archives

"Firebug"という言葉は「蛍」のことを表す。あのアイコンは気持ち悪いけどゴキブリではない。

Firebugを入れると重い。（disableにしていても）。プロファイルの切り替えがお勧め。（後日紹介するかも）

http://www.lingr.com/room/1xkzDqL4h0e/archives/2008/01/12#msg-23210057

ボックスレイアウト画面をマウスオーバーするとブラウザ画面にルーラ表示
みんな知らなくてびっくり。→Brazil：「みんな来てよかった。。やった甲斐があった。」

http://hyper-text.org/archives/2007/01/css3_selector_cheatsheet.shtml
http://www.csszengarden.com/tr/japanese/?cssfile=/208/208.css&page=0

Stylishという拡張
   自分で作ったスタイルを毎回適用させる
   https://addons.mozilla.org/ja/firefox/addon/2108
   firefoxから起動→エディタが起ちあがってStyleSheetを書き始められる。
   今表示しているページ用のスタイルシートを検索することもできる。

Net
Firebug以外のプラグイン（Google製）
https://addons.mozilla.org/ja/firefox/addon/3371

javascriptコンソール
型変換のイディオム
　12+'' //=>文字列'12'を生成
　!!3   //=>数値3を真偽値に変換
　など
便利スクリプト
 copy(Array.map(document.links,function(link){return link.href}).join('\n'))
Array.mapはFirefoxのみ

パフォーマンスチューニングについて
   console.time/console.timeEnd
   DOMへのアクセスが多いと遅くなる。

Firefox拡張を作るときにもFirebug
# chrome://browser/content/browser.xul
よくバグるので注意。これを開くとFirefoxの動きが以降不安定になる。

プロファイル切り替えについて
#  "C:\Program Files\Mozilla Firefox\firefox.exe" -no-remote -P dev
 -P オプションによって切り替えできるっぽい。

いろいろJSでできたすごいサイト

Opera、IEで使えるDebugツールの紹介

Bookmarkletについて
　アドレスバーに"javascript:<hogehoge>"と入力すれば<hogehoge>の部分のスクリプトが実行可能。
　アドレスバーに入力されたのをブックマークすれば何回でも使える。このスクリプトをBookmarkletと呼ぶ。

例）click2zap:クリックした要素をどんどん削除。
　　http://mrclay.org/index.php/2006/02/18/click2zap-bookmarklet/
Bookmarkletの紹介サイト：http://bookmarklet.daa.jp/
GreaseMonkeyとの使い分け
	いつも表示するときに実行：GreaseMonkey
	使いたいときだけ実行：Bookmarklet
JSアプリが動いている画面でBookmarkletをすると元のアプリが壊れたりする。

5時間も講義。

次回以降：
	望月さんXHTML/CSS（ ? )
	正規表現
	アニメーション

それと出席者もなんか豪華でした。有名ブログや技術書の中の人など。自分の今の会社の社員や前の職場で一緒だった人*1もいた。

それと:brazilさん作の"jsh"の読み方が「ジェイシェル」だということにこの日気づいた。セイシェル諸島みたいだな（←どうでもいい感想）。これからは気をつけます。

17:30ごろ終了。

終了後はお食事会という名の飲み会へ。なんか23時ごろまで盛り上がった。

id:agtさんの野望を聞いて、canvasで遊んでみようかなと思った。まず

http://ponderer.org/download/canvas_demo/とか参考にしつつ。

もう1点。

copy(Array.map(document.links,function(link){return link.href}).join('\n'))

このスクリプトがすごくべんりだと思ってBookmarklet化しようと思ったけど、copy()がエラーになってしまう。これはFirebugのコンソールからしか使えないのでしょうか？（という質問を誰にともなく投げてみる）

Permalink | コメント(0) | トラックバック(0) | 00:46