JavaScript の変数と delete 演算子: Days on the Moon
Kanasan.JS JavaScript 第 5 版読書会 #1 にて delete 演算子の動作が話題に上ったそうです。そこで、それについてちょっとまとめてみようかと思い立ったはいいものの、ずるずると引き伸ばしているうちに年を越してしました。しかし、読書会 #2 の開催も決まり、もうこれ以上引き伸ばしているといつまでたっても書けなさそうなので、いい加減腹をくくって個人的にまとめてみようと思います。 JavaScript の変数 delete 演算子の対象 変数に対する delete 演算子 削除できるプロパティとできないプロパティ 変数の属性 delete 演算子の返り値 JavaScript の変数 delete 演算子の話に移る前に、変数とは何なのかおさらいしておきましょう。JavaScript において、変数とはプロパティの別名です。といっても、すべてのプロパティを変数というわけ
coffeescriptとstep.js でどれぐらい非同期を同期的に簡潔に書けるか？ - mizchi log
なんか日本語がおかしいですが… nodejs/expressの習作として、簡単なマイクロブログ作ってたんですが MongoDBのORMとしてMongooseを使ってて、DBの呼び出しってNodeJSでは基本的に非同期なので たしかにnodeの設計思想からしてそうすべきだとは思うんですが、単純にコードとしての見栄えが悪くなってました で、js直には触らず、全部 coffeescript で書いてるんですが たとえば、expressとmongooseに突っ込むところを組み合わせると、こうなります require 'coffee-script' mongoose = require 'mongoose' express = require 'express' OAuth = require('oauth').OAuth # 中略 # OAuht認証のところだけ抜粋 app.get '/oauth
Node.jsのために知っておくべきJavaScriptの基本3選
node.js上でコードを書くため、JavaScriptをしっかり復習したりnode.jsの制御フローを知るための読むべきページのリストです。 JavaScriptそのものの復習http://ejohn.org/apps/learn/John Resigさんの書かれたチュートリアルがわかり易いと思います。 JavaやRubyなどの言語を普段使っている方で、JavaScriptのプロトタイプベースのオブジェクト指向に親しみのない方は一読です。またJavaScriptに詳しい方も、GoogleのClosureでコードの最適化を行う際に問題を起こしにくいinheritanceを書くために、Michael Bolinさんの「Inheritance Pattern in JavaScript」を読んでみることをすすめます。http://www.bolinfest.com/javascript/inh
Youtube動画を透過(opacity)できるjQueryプラグイン・YTPLAYER - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 あまり見かけないタイプのライブラリだった のでメモ。Youtubeの動画を透過させる事 が出来るjQueryプラグインです。インター フェースもクールにされて全画面に配置した りオート再生させたりも可能でIE6や7でも 一応は動作してくれます。 僕はちょっと知らないんですけど、Youtubeって普通は透過出来ない、で合ってますよね？普通に出来るならちょっと恥ずかしい記事ですけどｗ 透過だけでなく、オート&リピート再生、ミュート設定も出来て、見た目もスッキリさせてくれています。以前はYoutube動画を背景にするjQueryプラグインをご紹介しましたが、今回は透過が出来るプラグイン。いろいろ出来るんですね・・ CPUの問題は否めないとして、これはちょっと素敵なので覚え
Array.prototype.map()
引数 callbackFn 配列のそれぞれの要素に対して実行する関数。その返値は、新しい配列の単一の要素として追加されます。この関数は、以下の引数で呼び出されます。 element 配列内で現在処理中の要素です。 index 現在処理中の要素の配列内における添字です。 array map() が呼び出された配列です。 thisArg 省略可 callbackFn を実行するときに this として使う値です。反復処理メソッドを参照してください。 返値 与えられた関数を配列のすべての要素に対して呼び出し、その結果からなる新しい配列です。 解説 map() メソッドは反復処理メソッドです。指定された関数 callbackFn を配列に含まれる各要素に対して一度ずつ呼び出し、その結果から新しい配列を構築します。これらのメソッドが一般的にどのように動作するのかについての詳細は、反復処理メソッドの節
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Closure Library & HTML5 Presentation
Closure Library & HTML5 自己紹介 伊藤千光（いとう ちひろ） @webos_goodies http://webos-goodies.jp フリーで Web 開発やってます Gadgets API Expert Closure Library 本書きました→ Agenda Closure Library について Closure Library 入門 Closure Library の HTML5 関連機能 Closure Library について Closure Libraryの特徴 Googleの主要なプロダクトで利用されている 豊富なUIコンポーネント どうでもいいよね Closure Library のアイデンティティ GoogleのJavaScript開発ノウハウの結集 量より質の改善 体系化された構造 メンテナンス性の向上 大規模開発への対応 実行効率を
Hashbang(#!)なURLの恐怖
諸方面からお叱りの言葉しかいただけない#!なURLは様々な問題をはらんでいますが、来るべき未来(もうすぐですよ！)におけるメンテナンス性という問題についてAdactioで取り上げられていました。#!の表面的な凶悪さに思考停止していて、こういった本質的な問題についてはまったく考えていなかった気がします。 その問題というのは、#!なURLからHistory APIなどを利用してクリーンなURLに乗り換えよう(戻そう)としても、古い#!なURLを有効なままにするためにはサーバー側の何か(単純なリダイレクトやmod_rewriteなど)ではどうしようもないので、クライアント側での(JavaScriptを利用した)リダイレクトを提供する機能を提供し続けなければならないというメンテナンス性の悪さです。 この#!なURLのメンテナンス性の悪さという問題は、URLの#以降はクライアント側の扱いなので、クラ
Number.prototype.toHexString - latest log
数値(num)から4桁のゼロ埋めされた16進文字列が欲しい場合に var num = 123; var rv = ("000" + num.toString(16)).slice(-4); alert( rv ); // "007b" と毎回書くのもアレなので、こんな感じに書けるといいんじゃないでしょうか。 alert( (123).toHexString(4) ); // "007b" 実装してみました。 //{@prototype (function(_DEC2HEX) { // create HEX2 cache for (var i = 0x100; i < 0x200; ++i) { _DEC2HEX[i - 0x100] = i.toString(16).slice(-2); } Number.prototype.toHexString = function(n) { // @
jQueryを使うときに気をつけるべき8のポイント : tech.kayac.com - KAYAC engineers' blog
DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 （一部jQueryではなく、DOMの仕様上の制限も含まれています） 1 $().filterにstring以外のものを渡すとエラー 1.4系では修正されていました $().findや$().notは大丈夫ですが、$().filterの場合引数にjQuery objectや配列、html elementなどを渡すとエラーになります。 （たとえばjQuery objectを渡した場合、Firefoxでは「TypeError: t.substring is not a function」というエラーが発生します） 確認する ちなみに、$().findや$().notはstring以外も渡せるた
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
jQuery高速化メモ | Bonkura Blog
jQueryを利用する際の高速化記述方法のメモ。 セレクタにid属性を指定できないか検討する classだとすべての要素をチェックしなければならないから処理効率がよくない。idが使えるならばidを使うべし。 セレクタに要素名とclass属性を追加する $(“.nav”)ではなくて、$(“div, nav”)とそれば、JavaScriptのgetElementsByTagNameで精査する要素を絞り込むことができる。 findメソッドを利用する $(“#nav a”)より$(#nav).find(“a”)のほうが早い。これはまったく逆だと思ってた･･･。jQueryのセレクタは「右から左」に解釈されるため、$(“#nav a”)だとa要素を検索して、その中から#navが先祖要素にあたるa要素をjQueryオブジェクトとする。findを使えば、#navを検索してからa要素をjQueryオブジェ
今さら聞けないjQuery実行パターンまとめ :: 5509
なんとなく使っているだろう.ready()メソッドについて詳細に見てみましょう。 .ready()メソッド .ready()メソッドという呼び方がパッとしない人もいると思います。こういうのです↓ $(function(){ // .ready()が呼び出されたときに実行されるハンドラ }); jQueryを実行する際のおまじないみたいなものですね。これの中にjQueryコードを書いていくとページロード時（Documentの読み込みが完了時）に実行してくれます。 何気なく使ってる人も多いと思いますが、実際のところこれは何？ということで、少し掘り下げてみましょう。 .ready()を使う際の形式 jQuery APIによれば、以下の3つが.ready()として同じように使えるようです。 $(document).ready(handler) $().ready(handler) (推奨されていな
JavaScriptのいろいろなコーディングルールをまとめてみた
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
Adobe® AIR® API Reference for HTML Developers
Overview of the Adobe® AIR® API Reference for HTML Developers The Adobe AIR API Reference for HTML Developers includes details on Adobe AIR APIs. Adobe AIR APIs are available to JavaScript code in HTML-based AIR applications via the window.runtime object. You can also reference these classes via the air object by including the AIRAliases.js file in your code: <script src="AIRAliases.js" /> The AIR
input fileをCSSでキレイにしたい
この記事は12年以上前の記事です。情報が古い場合がありますのでお気を付け下さい。結構この壁にぶつかってる人はいると思います。 textとかsubmitをキレイにしたのに、fileの参照ボタンが…！という思いをした人は多いでしょう。 というか僕がぶつかったので記事を書いているわけですが。 というわけで早速調べてみました。 一番参考になったのはこちらのサイト。 CSS2/DOM – Styling an input type=”file” 英語です。 なので、大事なとこだけ簡単に要約します。 ＜CSS＞ １．<input type=”file” />を「position:relative」で配置した要素（divとか）の中に配置する。 ２．「position:relative」で配置した要素（divとか）の中に子要素（divとか）を配置して、そこに<input />と<img />（実際表示され
iPhoneやAndroid等のタッチデバイス向けイメージギャラリー用JSライブラリ・PhotoSwipeなかなか良いですぞ - かちびと.net
なかなか良さ気だったので備忘録。 iPhone、AndroidやiPadなどの人気 のタッチデバイス用に作られたギャラ リー用のJSライブラリ・PhotoSwipe。 人気のプラグイン、jQueryMobileでも 利用することが出来ます。 タッチデバイス専用とあって、独自の操作でもある、ピンチイン/アウト等による拡大や回転、フリックで進むなどの操作が可能です。 PhotoSwipeはタッチデバイス専用のJSライブラリ。iOS(iPhone/iPad)は勿論、AndroidやBlackBerryにも対応出来るそうです。また、jQuery依存型も非依存型が用意されているのも自由さがあっていいかなと。 [note] jQuery Mobileは昨日、サンプル配布したので宜しければ合わせてどうぞ。[/note] PhotoSwipeサンプル with jQuery Mobile 以下、iPhon
Setting up a JavaScript Build Process – JavaScriptr
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - shokai/iphone-js-console: JavaScript interactive shell for iPhone
Gone Away