JavaScriptのthisについて | まなドット
同期の間でJavaScriptのthisが難しいって話をちょくちょく聞いたので。簡単に説明してみる。 間違っているところがあったら是非突っ込んでほしい。 ※サンプルコードにミスがあったため、修正を行った(9/5) なぜthisが必要なのか まず、thisうんぬん言う前になぜthisがJavaScriptに必要なのか、thisあると何が嬉しいのかを理解してないと、thisの挙動を説明されてもピンと来ないと思う。オブジェクト指向プログラミングを理解していればなんてことはないのだろうけど、念のため再確認しておきたい。 オブジェクト指向プログラミングでは、ある性質を持つモノや概念などを、オブジェクトとして扱うことで効率的なプログラミングを行うのが大前提である。モノや事象の状態をフィールド(ないしはプロパティ)として、ふるまいや処理をメソッドとしてオブジェクトに関連付けてあげる事で、一連のまとまっ
大規模なJavaScript開発の話
大なごやJS#3（2012/07/21）で使ったスライドです。割と「当たり前のこと」をまとめなおしただけな感じです。
20090121 J QueryからはじめるJava Script～初級編～
TypeScript ファーストステップ ～ Any browser. Any host. Any OS. Open Source. ～
pixivポップボードのキャッシュの仕組みとFacebookのUIの話
pixivポップボードのキャッシュの仕組みとFacebookのUIの話 こんにちは。JavaScript Advent Calendar 2011 オレ標準コース18日目の@ykskです。 先日pixivにポップボードという通知機能がリリースされました。自分がお気に入りユーザーに追加されたり、投稿したイラストがブックマークされたりした時にヘッダーに未読件数などのお知らせを表示します。僕は直接機能を実装していたわけではないのですが、リリース直後に起こった負荷の問題でJSを書きました。今日はその話をします。主にUIの話です！ え！ リリース直後、定期的に未読数の更新をAjaxで行っていた部分の負荷が急激に上がりました。ページロード時にHTMLに未読数を埋め込んだあと、2分ごとに未読数取得APIへリクエストするという処理です。 ポップボードはヘッダーに出るため、ほぼ全てのページでこの処理が入りま
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
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
JavaScriptの最適化について、code.google.comの記事の適当訳 - それ図解で。・・・tohokuaikiのチラシの裏
GoogleがWeb全体のスピードアップにいよいよ本格的に着手, 一社だけではできないと強調 からリンクのあった、 http://code.google.com/intl/ja/speed/articles/optimizing-javascript.html が日本語かと思ったら日本語じゃなかった・・・・。 いやー、意外とというか文字列については、全然知らんかった。 Closureって便利だし、「おぉ〜俺って使ってるジャン」みたいな気になれるからついつい使っちゃうんだけど、高コストなのね・・・・。反省。 ということで、超適当翻訳。どっかの誰かが書いてるかも。 前おき 著者: Google Chromeのエンジニア Gregory Baker, Software Engineer on GMail & Erik Arvidsson 推奨される経験：JavaScriptの実践的な知識 クライ
モダンJavaScriptとは何か - VTuberになったプログラマーの魂の残滓
JavaScriptは悪くない - 0xFF この辺の記事を読みながら改めてモダンJavaScriptについて再考する時期なのかなー、と思い考えてみました。 考えられる要素 Ajax XMLHttpRequest クロスブラウザ DOM Event パフォーマンスチューニング 高速化 ファイルサイズ テスト Firebug IE オブジェクト指向 プロトタイプベース ユーザビリティ JavaScriptオフ HTML+CSS+JavaScript 今風の書き方 オブジェクト 関数 スコープ クロージャ 定番ライブラリ jQuery prototype.js Yahoo UI Library Ext.JS とりあえずは 上記のカテゴリの中で細かい部分についてはエントリにおこしてみたいなー、と考えてます。 突っ込み大歓迎！っていうスタンスで改めてノウハウの蓄積ができたらいいなー、と。 Java
JavaScriptは悪くない - os0x.blog
JavaScript の不思議な面白さ - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 第二回 - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 第三回 - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 第四回 - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 第五回 - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 第六回 - Yahoo! JAPAN Tech Blog JavaScript の不思議な面白さ - 最終回 - Yahoo! JAPAN Tech Blog のシリーズがJavaScriptの面白さよりも、暗黒面ばかり伝えてしまっている印象で、連載モノだか
JavaScriptによるブラウザ判別の実際 - os0x.blog
1 行でブラウザ判別を行うスクリプト (IE 用の日本語紹介記事、Firefox、Safari 用の日本語紹介記事) を発端に、SpiderMonkey の判別とブラウザ判別: Days on the Moon や JavaScript でのブラウザ判別 - 「仕様の盲点」ではなく、「プロパティの有無」を使う方がマシ - 2009年2月 - Blog - EOFなどの記事があがっています。 ここでは少し実際的なケースごとにサンプルコードを紹介していきたいと思います。(サンプルコードは適当に書いているので、不正確な箇所があるかもしれません。ご了承ください。間違い等ご指摘いただけると助かります。) なお、これらは汎用的なJavaScriptライブラリを使っていれば意識しなくても良いケースがほとんどです。 分岐する必要がないケース 分岐する必要がないなら、ケースとしてあげる必要はないと思われるか
jQuery1.3 リリースノート - jQuery 日本語リファレンス
2009年1月14日に、jQuery 1.3がリリースされました。 主な変更点を、以下に挙げます。 概要 セレクターエンジンをSizzleに変更 jQueryのCSSセレクターエンジンが、Sizzleと呼ばれる新たなものに変更されました。 このエンジンはjQueryの生みの親であるJohn Resig氏が別に進めていたプロジェクトで、他のJavascriptライブラリでも利用されるように汎用的な設計がされています。以前よりjQueryのエンジンをこれに差し替えるモジュールは公開されていましたが、今回ついに正式に差し換わることになったようです。 Sizzleの目指す姿が、次のように端的に語られています。 最速拡張可能スタンドアロン このうち、最初に挙げた「最速」については、特に使用頻度の高い書式についてこだわっています。CSS3にも対応し、かなりマニアックな記述もできるようになっていますが、
「IEにおけるJavascriptパフォーマンスについてのススメ」を読んだメモ - 今日もスミマセン。
IEBlog：IEBlog : IE + JavaScript Performance Recommendations - Part 1 IEBlogをがんばって読んだのでメモ。内容的には既出のものが多いのであまり参考にならないかも。 この記事は以下３つパートで構成される シンボルの検索のパフォーマンスについて 効果的じゃないJavaScriptコード IEにおいて考慮すべきスクリプトのパフォーマンスについて 以下は１番の「シンボル検索のパフォーマンスについて」の要点 ローカル変数を使用する ローカル変数の参照はスコープチェーンをたどらなくて済む(検索の範囲が狭い)のでパフォーマンスが向上する。 また、意図しないグローバルスコープの変数を定義したり参照したりすることを防ぐ。 オブジェクトの参照をキャッシュする ドットでオブジェクトのプロパティを参照するのはパフォーマンス低下させる。 ので、
EfficientJavaScript - Dev.Opera - 効率的な JavaScript
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編 - - 日向夏特殊応援部隊
IEでJSのエラーになったときに立ち上がるデバッガって大体の人が使いこなせてないのではないでしょうか？ ちなみに僕もそうだったのですが、ふと思い立って調べてみました。 追記 (2008-01-10T14:24:30+09:00) はてブのコメントで、 MS Office持ってない人はVisual Web Developer(VWD)で。/ちょっと前にこんなの書いたので、VWD 2008使う人は参考にしてもらえると幸い。 http://d.hatena.ne.jp/terurou/20071218/119796573 とありました。 これはid:kaorunさんにも聞いていたので後で試そう〜と思ってたので助かります。 合わせてご覧になって下さい。 Microsoft Script Editorとは？ のようにOffice付属のツールだったりします。僕の環境では、 C:\Program Fil
JavaScriptの業界地図を読み解く：JavaScriptのイロハ - builder by ZDNet Japan
JavaScriptをより深く知りたい人のための当連載、前回のイントロダクションに続き、今回が実質的な第一回目です。今回は、本格的にプログラミングテクニックの話に入る前に、JavaScriptの歴史や現状のお話をしてみたいと思います。 昔「何となく」でJavaScriptを書いていたころは、私もJavaScriptについての背景などあまり興味がありませんでした。しかし、当連載で今後扱うようなJavaScriptの高度な機能を知るにつけ「これって他のブラウザでも使えるのか？」などの疑問が生じ始めました。そこで詳しく調べていくと、ECMAScriptという標準規格があったり、ブラウザ以外でも動作する環境があったり、ということを知ったわけです。 JavaScriptはこれからも大きく発展する可能性のある技術です。そうした進化に追随していくためにも、まず現状をしっかり把握してみましょう。 Java
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Summify
Select, Option, Disabled And The JavaScript Solution - Alistair Lattimore