JavaScript の変数と delete 演算子: Days on the Moon
Kanasan.JS JavaScript 第 5 版読書会 #1 にて delete 演算子の動作が話題に上ったそうです。そこで、それについてちょっとまとめてみようかと思い立ったはいいものの、ずるずると引き伸ばしているうちに年を越してしました。しかし、読書会 #2 の開催も決まり、もうこれ以上引き伸ばしているといつまでたっても書けなさそうなので、いい加減腹をくくって個人的にまとめてみようと思います。 JavaScript の変数 delete 演算子の対象 変数に対する delete 演算子 削除できるプロパティとできないプロパティ 変数の属性 delete 演算子の返り値 JavaScript の変数 delete 演算子の話に移る前に、変数とは何なのかおさらいしておきましょう。JavaScript において、変数とはプロパティの別名です。といっても、すべてのプロパティを変数というわけ
deleteの使い方についてのメモ - からすの日記
javascript版AutoReleasePoolを作ろうといろいろ調べたら、 deleteの使い方を誤解していたことがわかったのでメモ。 deleteの間違った使い方 a = new Date();//オブジェクトを作る b = a; //アドレスをコピー delete a; //Dateオブジェクトを削除しているつもり document.write(b); //-> 時間が出力される C++的に考えると、オブジェクトは四行目の時点で破壊され、bはundefinedとでも表示されそうな物ですが、実際は読み出せてしまいます。 では、二行目の時点でオブジェクトがコピーされているのかと考えるとそうでもなく、ちゃんと参照だけがコピーされています。 deleteの正しい使い方 そもそもjavascriptにはGCがあり、オブジェクトを解放させたいのなら全ての変数をnullで上書きするなりして、誰
offsetTop/offsetLeft/offsetParentの闇 - Backstage of theater.js
簡単な定義 要素のoffsetLeftプロパティ 要素の左辺と、offset基準要素の左辺との距離(px) 要素のoffsetTopプロパティ 要素の上辺と、offset基準要素の上辺との距離(px) 要素のoffsetParentプロパティ 要素のoffset基準要素(これが何になるかが問題) ○結論から先に見たい方は＞＞こちら＜＜○ いままで、なんとなくoffsetTopやoffsetLeftを使っていました＾＾； これらは「ページ上の要素の位置」を格納してると思って。しかし、よくよく調べてみるとそれは誤りであり、かつかなり複雑でややこしいプロパティであることが分かってきました。*1 もともと、(ここでは述べませんが、offsetHeightとoffsetWidthも含め)offset〜のプロパティはIEがVer5で独自に実装したものらしく、その後他のブラウザが追随して実装したようです
Event - Web API | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback Event インターフェイスは EventTarget で発生するイベントを表します。 ユーザーの操作によって発生するイベント（マウスボタンのクリック、キーボードを叩くなど）もありますし、非同期タスクの進捗を表すための API によって生成されるイベントもあります。要素の HTMLElement.click() の呼び出しや、イベントを定義し、 EventTarget.dispatchEvent() を使用して指定されたター
EventTarget: addEventListener() メソッド - Web API | MDN
ドキュメントオブジェクトモデル (DOM)EventTargetコンストラクターEventTarget()インスタンスメソッドaddEventListener()dispatchEvent()removeEventListener()DOM に関連するページAbortControllerAbortSignalAbstractRangeAttrCDATASectionCharacterDataCommentCustomEventDOMError 非推奨; DOMExceptionDOMImplementationDOMParserDOMPointDOMPointReadOnlyDOMRectDOMTokenListDocumentDocumentFragmentDocumentTypeElementEventHTMLCollectionMutationObserverMutationReco
Post by @hamalog
結論から言うと、-でも_でもキャメルでもどれでもいいと思う。で、自分が-を使っているのは、jQuery UIのcssがそのように書かれていて、僕が年中、ヘビーにjQuery UIのベースとなっているwidgetというフレームワークを使っているから。そして、仕事でやる場合にはだいたいコレを使うので、それに習っている感じ。参照：The jQuery UI CSS Framework -を使う時は、名前空間的な意味合いで使う。単語の区切り目としては使わない。具体的には、こんな感じ。ここで使っているmod-は、モジュールの単位を表す、mod-modulenameを起点にしてそっから下のひとまとまりがcssをごそっと適用するひとかたまりだよーという意味。apply-は、なんかJSをユーティリティ的にぽこっと適用するときに使う。 単語の区切り目は、キャメルケースにしたいところだけどあえてoremodu
多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit（JIT）です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
米Yahoo!がJavaScriptフレームワーク「Mojito」と、Node.jsのホスティング環境「Manhattan」発表。同一コードをブラウザ、サーバ、iOSアプリで実行可能
米Yahoo!がJavaScriptフレームワーク「Mojito」と、Node.jsのホスティング環境「Manhattan」発表。同一コードをブラウザ、サーバ、iOSアプリで実行可能 JavaScriptでアプリケーションを1つ書けば、それがPCでも、クラウドでも、モバイルデバイスでも動作する。米Yahoo!が発表した「Cocktails」（カクテル）が実現するのは、すべてをWeb標準で実現したクロスプラットフォーム／クロスデバイスのアプリケーション環境です。 マルチプラットフォームを実現する「Mojito」 Cocktailsの核となるのが、JavaScriptフレームワークの「Mojito」（モヒート）。 Mojitoベースのコードは、ブラウザでもサーバでも動作すると説明されています。 With Mojito, developers will no longer have to wri
Yahoo! Announces Cocktails – Shaken, Not Stirred · YDN Blog
Developers, time to geek out. Yahoo! has been working behind the scenes for the past several months on an exciting new technology that we think will deeply impact the web developer community. We call it “Cocktails” and it’s the technology powering Livestand, which we launched today at Product Runway. “Cocktails” is a mix of HTML5, Node.JS, CSS3, JavaScript and a lot of ingenious, creative mind-ben
HTML5互換のISO-8601日付フォーマットライブラリ書いた。 - IT-Walker on hatena
JavaScriptには、日時を表すフォーマットとして標準的なISO-8601互換のフォーマットを扱う関数がありません。 （ECMAScript5th/JavaScript2には、Date.prototype.toISOString()として含まれますが、使えるブラウザが限られます） ISO-8601と言うのは、「2009-09-09T11:32:23.123Z」のような形式です。 なので、ISO-8601をフォーマット／パースできるライブラリ、ISO8601.jsを書きました。 初めてのGithubです。 http://github.com/shumpei/iso8601.js/tree/master セットアップ セットアップは簡単で、ここからISO8601.jsのソースファイルをダウンロードし、scriptタグで読み込むだけです。 <script type="javascript"
ウェブブラウザ Opera | 高速かつ安全な多機能ブラウザ | 無料ダウンロード
自分だけのブラウザ デフォルトブラウザよりも速く、安全でスマートなOperaブラウザ。プライバシー、セキュリティ、オンラインで行うすべてのことに対応したフル もっと見る
JavaScriptクックブック
本書は、JavaScriptで新しい手法を試してみたい、あるいはJavaScriptの基本的な機能と高度な機能の両方について理解を深めたいと考えている読者を対象としたレシピ集です。HTML5やECMAScript 5などの新機能をカバーし、今日的なJavaScriptのテクニックを十二分に解説しています。JavaScriptの基礎や本質から解説されているので、本書を読破すればJavaScriptへの理解が深まることは間違いありません。もちろん必要なトピックを拾い読みしても十分に価値があり、JavaScriptへの新鮮な視点とアイデアをたっぷり供給してくれる頼りになる一冊です。 はじめに 1章 JavaScript文字列の操作 はじめに レシピ1.1 複数の文字列を連結する レシピ1.2 文字列と別のデータ型を連結する レシピ1.3 条件に基づいて文字列を比較する レシピ1.4 文字列内で部
JSON - YUI Library
The JSON module is an implementation of the ECMA 5 specification for transforming data to and from JavaScript Object Notation. JSON is a safe, efficient, and reliable data interchange format. This module provides a JavaScript implementation of the spec, based on Douglas Crockford's json2.js. For browsers with native support it defers to the native implementation. Getting Started To include the sou
Firebug
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
HTMLElement: paste イベント - Web API | MDN
HTML DOM APIHTMLElementインスタンスプロパティaccessKeyaccessKeyLabelanchorElement Experimental 非標準 attributeStyleMapautocapitalizeautocorrectautofocuscontentEditabledatasetdirdraggableeditContext Experimental enterKeyHinthiddeninertinnerTextinputModeisContentEditablelangnonceoffsetHeightoffsetLeftoffsetParentoffsetTopoffsetWidthouterTextpopoverspellcheckstyletabIndextitletranslatevirtualKeyboardPolicy Experi
ContextMenus - Archive of obsolete content | MDN
コンテキストメニュー コンテキストメニューとは、メニュー上のアイテムが、メニューが開かれたコンテキスト (状況、文脈) に特有のものであるようなメニューの事です。ユーザがある要素を右クリックした時に、その要素に関係のあるコマンドのメニューを表示させるためによく使われます。 コンテキストメニューイベント コンテキストメニューを開く方法は色々あります。最も一般的なのは要素を右マウスボタンでクリックする方法です。マウスボタンが 1 つしかない Macintosh システムでは、マウスボタンを押し続けるか、Control キーを押しながらマウスボタンをクリックするとコンテキストメニューが開かれます。Windows では、キーボードのメニューキー (多くのキーボードで Control キーの隣にある、メニューの絵が描かれたキー) を押すか、Shift + F10 キーを押してコンテキストメニューを開
Firebugの意外と知られていない機能紹介（プログラマ向け） - KAYAC Engineers' Blog
羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
d3.js - Data-Driven Documents
Date.prototype.toISOString() - JavaScript | MDN
[ヅ] counting characters for twitter (2011-10-30)