Rejex: the JavaScript regular expression editorYour Regular Expression Options i case insensitive matching g global matching m multiline matching Your Test String
最強のJavaScript IDE 「WebStorm」を使ってみた
JavaScript対応のIDEをまとめてみたの続きのようなもので、その中で紹介していたWebStormが素晴らしいので別途紹介。 WebStormはHTML(5)+CSS+JavaScriptに対応してるIDEで、Windows, Mac OS、Linux上で動作します。 有料のソフトウェアですが、オープンソースライセンスがあったり体験版は45日間使えるのでとりあえず試してみましょう。 この記事の続編(アップデート版)を書きました 特徴 とにかく膨大な機能が載ってるので全てを紹介するのは無理があるため、凄いと思ったところを掻い摘んで紹介。 主にJavaScriptを書くエディタとして使っていますが、CSSやHTMLも普通のIDEより書きやすいです。 基本的にWebStormで日本語に関する問題は少なめです。一部IMEの変換候補が出てくる場所がずれたり、プラグインで日本語がダメだったりする
Events in JavaScript
The following table contains the complete list of events, their browser support and the associated event objects. If you need the event objects in a hierarchical form, see the page for the Event interface. Bubbles Cancelable Event object Name that can be used for the addEventListener, removeEventListener and event initialization (initEvent, ...) methods. Name that can be used for event attributes
JavaScriptのDOM Core基礎 - 三等兵
Coreの簡易リファレンス。Coreは要素を参照したり、相対位置から周りのノードを参照したり、要素を生成するといった部分。主に利用するであろうプロパティやメソッドはカバーしているつもりですけど、これも入れとけってのあったら教えてください。 このあたりは地味で使いづらくその上理解しにくいという残念な部分。ふと忘れたときに使う個人的なものですが、慢性jQuery拒絶症候群な人よかったらどうぞ。それにしても暑い。ガリガリ君おいしいね。 DOMとは。 Document Object Model (DOM) は、HTML および XML ドキュメントのための API です。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。端的に言えば、Web ページをスクリプトやプログラミング言語とつなぐような機構です。 https://developer.mozilla.org/ja/
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
neue cc - JavaScriptエディタとしてのVisual Studioの使い方入門
linq.jsってデバッグしにくいかも……。いや、やり方が分かればむしろやりやすいぐらい。という解説を動画で。HDなので文字が見えない場合はフルスクリーンなどなどでどうぞ。中身の見えないEnumerableは、デバッガで止めてウォッチウィンドウでToArrayすれば見えます。ウォッチウィンドウ内でメソッドチェーンを繋げて表示出来るというのは、ループが抽象化されているLinqならではの利点。sortしようが何しようが、immutableなので元シーケンスに影響を与えません。ラムダ式もどきでインタラクティブに条件を変えて確認出来たりするのも楽ちん。 ところで、JavaScript開発でもIDE無しは考えられません。デバッグというだけならFirebugもアリではありますが、入力補完や整形が可能な高機能エディタと密接に結びついている、という点でIDEに軍配があがるんじゃないかと私は思っています。動
XUL Apps > Tips&Technics - outsider reflex
XUL Tips&Technics XULの技術情報 XUL Tutorials （邦訳）で得られる基礎知識は大変重要なことばかりですが、ちょっと突っ込んだ話になるともうチュートリアルには書かれていなかったりして、躓（つまづ）いてしまうこともあるのではないでしょうか。というか、僕は躓きまくりでした。 これは、自分が XUL をいじるなかで困ったこと・気付いたことなどについての覚え書きです。皆さんが XUL アプリや Mozilla 用の拡張機能を作る上で、何かの参考になれば幸いです。 使い方が分からないインターフェースなどは、 Mozilla のソースコードをオンラインで検索できる Mozilla Cross-Reference を使うと、 IDL （言語非依存のインターフェース定義）の形で詳細を見ることができます。 Mozilla は分かり易い開発者向けのドキュメントが不足しているので、
Latest topics > CSS3セレクタとXPathでの表現の対応表 - outsider reflex
Latest topics > CSS3セレクタとXPathでの表現の対応表 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « getElementsByなんちゃら の代わりにXPathを使う Main Mozilla 24 » CSS3セレクタとXPathでの表現の対応表 - Sep 13, 2007 拡張機能勉強会の時に焚き付けられた、Text Shadowのコード（textshadow.js）を教材にして拡張機能開発のノウハウを解説していくシリーズ。 XPathをノードの検索に活用する方法を紹介したけど、肝心のXPathが書けなきゃ意味がないわけで。でもXPathって、ノードセットがどうとかノードテストがどうとか軸がどうとか修飾がどうとか、い
ECMAScript-262 5th Edition(ES5) 予約語一覧 と その仲間達 - latest log
ES5 の予約語は以下の4種類 Keyword FutureReservedWord NullLiteral null BooleanLiteral false true Keyword 以下のトークンは、Identifiers には使用できません。 debugger は ES5 で FutureReservedWord から Keyword に昇格しました。 break do instanceof typeof case else new var catch finally return void continue for switch while debugger function this with default if throw delete in try debugger はステートメントになりました。 // DebuggerStatement : See 12.15 debu
勝手に添削: Selection内のHTML Textをいい感じに取得する: Days on the Moon
というわけでやってまいりましたこのコーナー! 本日のお題は「Selection内のHTML Textをいい感じに取得する - 枕を欹てて聴く」でございます。選択範囲のHTMLソースを抜き出すというやつですね。では早速いってみましょう! if(src.focusNode){ // selection まずは HTML5 テキスト選択 API の Selection オブジェクトが登場! 以後これに対する操作が続きます。しかしこの Slection オブジェクト、getRangeAt メソッドを使うとなんと選択範囲に対応する DOM 2 Traversal and Range の Range オブジェクトが取れちゃうんです! // common parent node search (以下 21 行省略) それ Range#commonAncestorContainer で取れるよ! // c
XPathについての概略 - 久幸繙文
この記事の概要 本記事はXML言語の一つ「XPath1.0」の仕様に関する概略である。主に軸方向（Axis）と関数の定義をXPath仕様書の邦訳から要約、加筆した。 本記事はXML及びXPathについて一定の理解のある者を対象としており、初めてXPathを学習する方は別の解説記事を参照されたい。 XPathの概要 XPath は、XML ドキュメントの一部をアドレッシングするための言語であり、XSLT および XPointer で使用するように設計されている。 XPathは、マーク付け言語において要素を特定する手段の一つである。アドレス形式で記述し、基本的な記法は軸方向::名前空間:ノードテスト[述語]/～～となる。これをロケーションパスと言い、"/"で区切られた一つの記述をロケーションステップと呼ぶ。 ロケーションパスは、"/"で始まるものを絶対パス、始まらないものを相対パスとして展開す
Latest topics > Webで実名で活動してるとこんなことがあるという話 - outsider reflex
自作絵、Netscape 7/Mozilla用XULアプリケーションの配布、W3C子など。
GoogleReaderでLightBox的なプレビューをするGreasemonkeyスクリプト - Yamkazu's Blog
最近ちょっとJSを触る機会があったので勉強がてらやってみた。 Shift-Vでプレビュ表示、ESCで閉じる的な何か。 JSはほぼ素人なのでうんこなコードだと思いますが、一応貼付けときますね。。。 そうそうiframeつかっててiframeにアクティブが移ったときにkeyイベントって拾えないのかな？そこがうまく実装できなかったorz // Google Reader Light Box Preview // version 0.1 // // Copyright (c) 2009, Kazuki YAMAMOTO // Released under Apache License 2.0 // http://www.apache.org/licenses/LICENSE-2.0 // // ----------------------------------------------------
高度な JavaScript 技集
JavaScript で作って意味があるのかどうか分かりませんが、作ってみました。 応用編 入力したテキストをページ上に書き出し、個々の文字をドラッグ＆ドロップ で動かせるようにする ソースを読んでも中身が分からない HTML を作成する パスワードチェックの部屋 (パスワードは「開けごま」ですが、HTML のソースや JavaScript を解析しても、絶対にパスワードが分からない仕組みになっています。) バー ライブラリ編 こんなの JavaScript で作るかよってな代物です。 できてしまったものはしょうがないでしょう。 utf.js (UTF-8 <-> UTF16 変換) base64.js (Base64 encode/decode) md5.js (MD5) des.js (DES 暗号化/復号化) zlib.js (JavaScript による zlib 実装、zlib
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Provider Regular Expression Generator | Embedly
http://bloga.jp/ws/jq/ref/
DOM キーイベント一覧 - mooz deceives you
IDEA * IDEA
XPath 教程
Category:Coding Tips - Greasespot Wiki