javascript - Webtech Walker
Category Archive CMS (5) DB/SQL (1) Design (6) iPhone (3) javascript (18) Mac (2) Perl (1) PHP (19) Ruby (2) vim (4) XHTML/CSS (39) zsh (3) 未分類 (29) Monthly Archive 2009年 4月 (6) 2009年 3月 (7) 2009年 2月 (2) 2009年 1月 (10) 2008年 12月 (7) 2008年 11月 (4) 2008年 7月 (1) 2008年 6月 (2) 2008年 5月 (3) 2008年 4月 (2) 2008年 3月 (7) 2008年 2月 (6) 2008年 1月 (3) 2007年 12月 (5) 2007年 11月 (6) 2007年 10月 (6) 2007年 9月 (5) 2007年
趣味のJavaScriptなページ
このサイトはどのページも自由にリンクを張ってもらってけっこうです。 できれば直に張ってください。 これ以下のページはInternet Explorer 5.0、 Netscape Communicator 4.6で表示を確認しています。 フォントサイズは中または12Ptを、 表示色はハイカラー以上を推奨します。 最近、CSSを使ってページを書き換えています。 CSS1対応のブラウザでないとレイアウトがページ作成者の意図と違う可能性大です。 なおNetscape Communicatorをお使いの方はなるべく最新のバージョンでご覧ください。 New! Update! は２ヵ月目安ですが、あくまで目安です。
JavaScript(AJAX)サンプル集 Yahoo! User Interface Library(YUI) - Menu
スポンサードリンク Yahoo! User Interface Library - Menu YUI Menuとは Overlayの拡張で、右クリックをしたときに出てくるメニューやブラウザの一番上のメニューバーのようなインターフェイスを作成することができます。 詳しくはhttp://developer.yahoo.com/yui/menu/のオリジナルを読まれるのがよいと思います。 Menuを使う前準備 必要なのは6つのファイルです。もちろんインストールは済ませておく必要があります。 <script type="text/javascript" src="your install path/yahoo-min.js"></script> <script type="text/javascript" src="your install path/dom-min.js"></script> <
DataTable Control: Basic Example - tetsuya_odakaの日記
YUIのExample「DataTable Control: Basic Example」へのリンク YUIのExampleのタイトルはBasic Exampleと書いてあるが、「（テーブル表示は）結構、これで（もう）いいんじゃないの？」というサンプルとなっている（ページングとかあるか。。。）。 画面はサンプリングとして作成した画面。 YUIのExampleでは、日付の表示方法（M/D/Yとなっている）ところと、通貨単位が$(Dollar Mark)から\(Yen Mark)となっているところが異なっている。 これらは、DataTableをインスタンス化する際の、Configuration Attributeとして指定できる。 このブログに上げてきたHTMLは全てUTF-8でエンコードしているが、さて、Yen Markはバックスラッシュになってしまう。 コードをそのままいれて見たりしたが、
Menu Family: Adding A Context Menu To A Table - tetsuya_odakaの日記
このExampleは、動かしただけでは意味の分からない例（YUIのExampleのページへのリンクはこちら）。 Exampleのページを読むと「何をしたいのか」分かるのだが、tableのようなたくさんの要素があるmarkupに対してContextMenuを貼る方法の例となっている。 このページでは、 tableのtdやtr（ulやli）といった数の多い要素(エレメント）に、ContextMenuインスタンスを貼り付けるのはレスポンスの観点から見てもよくない。 そのルート要素に貼り付けて（つまり、大きな括りのElementをtriggerにして）、動的にメニューのコンテンツを変化させる。 といったことが書かれている。 このExampleは、その方法を1つの示している。 サンプリングした初期画面は以下。YUIのExampleでは、99行もある行列が使われているが、上の目的を理解してしまえば、そ
はてなブログ | 無料ブログを作成しよう
思いは言葉に。 はてなブログは、あなたの思いや考えを残したり、 さまざまな人が綴った多様な価値観に触れたりできる場所です。
IEでjavascriptのエラーをデバッグする方法 - bits and bytes
FirefoxであればFirebugで簡単に問題の場所をみつけられますが、IEでjavascriptのエラーが出ると、素っ気ないうえに意味不明な日本語のエラーメッセージが出てきてお手上げなので、エラーが出ている場所の特定すら困難です。 そんなときでもOfficeについているスクリプトエディタ(前はスクリプトデバッガという名前だった気が....)を使うと、Visual Studioのデバッガとおんなじインターフェイスのデバッガを使ってjavascriptのエラーを出している場所をすぐに見つけることができます。Firebugと比べると極めて重たいですが、関数呼び出しをバックトレースすることもできますし、各スコープでの変数の値を調べることもできるので、これを使わない手はありません。 が、いつもどうやってインストールするのかを忘れてしまうのでメモ代わりに書いておきます。 コントロールバネルのプロ
はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - VTuberになったプログラマーの魂の残滓
JavaScriptの部分は というわけでid:amachangに任せましょう。 というわけでそれ以外の部分でいったいどこが重いのか 何が重いの？ということで重たい箇所を分析していきましょう。 IBM PageDetailer 解析ツールとしてIBM PageDtailerを利用します。 alphaWorks Community 解説するよりも見てもらうほうが早いと思うのでさっそく使ってみるよ。 ちなみに上記ソフトのダウンロードにはIBMアカウント（無料）が必要なので、使いたい人は登録しよう！ http://b.hatena.ne.jp/HolyGrail/ の結果 こんな感じのグラフが出てきます。 では、詳細を見てみましょう。 このグラフですが、長い部分が http://b.hatena.ne.jp/HolyGrail/ のHTMLそのもののロード時間になっています。 内訳としては 濃い
関数リテラルにつまづく・・・ - お笑い好きのITエンジニアブログ
javascriptの関数リテラルの動きがしっくりつかめない・・・ 参考書通りにコードを書いていたが、関数リテラルっていったいなんなの！？って思いました。たとえば、下のコード function flexisum(a) { var func = function() { return "localspace" ; }; var total = 0 ; for(var i=0; i<arguments.length; i++) { var element = arguments[i] ; if(!element) continue ; var n ; switch(typeof element) { /** * ここら辺で色々な型判定 */ case "function" : n = element() ; break ; } alert(n) ; if(typeof n == "number
autocomplpop.vim、javascriptのomni補完 - 呆備録
autocomplpop.vimでJavaScriptのomni補完をできるようにする - 素人がプログラミングを勉強していたブログ "*"がどうのこうのとエラーが出るので、、 ~/.vim/after/plugin/general.vim if exists('loaded_my_general') finish endif let jsbehavs = { 'javascript': [] } call add(jsbehavs.javascript, { \ 'command' : "\<C-n>", \ 'pattern' : '\k\k$', \ 'excluded' : '^$', \ 'repeat' : 0, \ }) call add(jsbehavs.javascript, { \ 'command' : "\<C-x>\<C-f>", \ 'pattern' : (h
ctagsとtaglist.vim - 呆備録
ctags で JavaScript のタグを生成 - 2nd life .ctags --jcode=utf8 --langmap=javascript:.js --regex-javascript=/^(.*).prototype *= *(.*)/\1/o,object/ --regex-javascript=/^[ \t]*(.*) *: *function/\1/o,object/.vimrc " 2個上のディレクトリ以下から再帰的に探す set tags=+../../**/tags let g:tlist_javascript_settings = 'javascript;f:function;c:class;m:method'
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
JavaScript::Swellを使ってvimでJavaScriptを整形する - omoonのブログ
vimでperltidyを使い始めてから、何でもかんでもtidyしたくなる。今度はJavaScript。ちゃんとありました。しかもperlで。cpanに上がってる。 http://search.cpan.org/~yappo/JavaScript-Swell-0.01/lib/JavaScript/Swell.pm まずはインストール。 cpan -i JavaScript::Swellで、このサイトから拝借して、~/bin/js_swell.plを作成 #!/usr/bin/perl use strict; use JavaScript::Swell; my $data; while (<>) { $data .= $_; } print JavaScript::Swell->swell($data); で、vimから :%! ~/bin/js_swell.plとすると、うまく整形される
「JavaScript の勉強」について個人的に: Days on the Moon
「JavaScript の『本気』な勉強 - daily dayflower」での質問に横から勝手に答えちゃいます。 初学者の入り口として既存のライブラリを使うのは どちらかというと望ましい。ブラウザのイベント周りの非互換性など、JavaScript と関係ない部分で悩まずにすむのは便利だと思います。 (初学者であれ) JavaScript の仕様に沿ったメカニズムについて 学習すべきである。いきなり ECMAScript 仕様を読めというつもりはありませんが、体系的な学習はしたほうがいいかと。 DOM 構築後のスクリプト実行についてどう教える? ライブラリを使うならそのライブラリの機能を使って、使わないなら body 要素の内容の終端に script 要素をおくか、もしくは load イベントのイベントリスナで。 自分で書く場合 自家製ライブラリを利用している。今度このブログのレイアウト
JavaScript の「本気」な勉強 - daily dayflower
まだひっぱるのもなんですけど。たぶん，言葉の指す対象にいろいろブレがあると思うんですよね。 勉強する人 まったくの初学者 さわりの文法などは知っているが，現実になにをどう書けばいいかわからない 勉強のスタイル 本気で勉強したい 本気で深く勉強したい 本気でひととおり使えるようになりたい 勉強する対象 ブラウザで使う JavaScript HTML JavaScript (ECMAScript) Core DOM ともかく，もやもやと思ったことをとりとめもなく羅列してみます ライブラリの功罪 ライブラリは流行り廃りが激しいから、特定のライブラリに依存した「おまじない」ばかり覚えているのはどうかと思うなあ やっぱり、 DOM を直接書けたほうが、知識としては幅広く使えると思いますよ。 onclick 属性問題について - IT戦記 僕自身はなんだかんだで仕様原理主義者な所が今も強いわけで、その
js-users.jp - 日本の JavaScript ユーザのためのハブサイト
YAPC::Asia 2008 で Michael Schwern は「SEO に有効な独自ドメインを取って、もっと Perl 初心者が集まりやすい nice な Perl の情報を集めたサイトを作れ！」といったそうです。そして「Perl-users.jp - 日本のPerlユーザのためのハブサイト」ができました。それにインスパイアされてas-users.jpも出来たらしい。 これは JavaScript も同じではないのか？ そう思って js-users.jp ドメインを取り、ここに js-users.jp を開始します。完全に as-users.jp にインスパイアされています。本当にありがとうございます。ノープランです。 イベント情報 ajax Experience http://ajaxexperience.techtarget.com/html/index.html 2008年
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kubeflow Central Dashboard
はてなブログ | 無料ブログを作成しよう