プログレッシブ・エンハンスメント (アクセシビリティーはちゃんと確保した上で、より革新的なブラウザにはより快適なデザインや機能を提供すること) というと、「旧来の IE 対 革新的なモダンブラウザ」 という構図でした。ところが <script> タグの defer ... 続きを読む
今日行なわれたインターン4日目の講義「JavaScript で学ぶ イベントドリブン」by id:cho45の資料と録画を公開します。今回は、Javascriptの概要からDOM、イベントドリブンまでを2時間で網羅した密度の高い講義となっています。今回の放送は安定していましたので... 続きを読む
中学二年生ですがよろしくおねがいします>< 続きを読む
注: この投稿は一気にざっくり書いたものでミスも多いと思います。しばらくの間は間違いに気づき次第予告なく書き換えます。 Web 開発や拡張機能開発で JavaScript のコードを書いていると、誰もが次のようなことで悩むかと思います。 ブロックスコープと名前空... 続きを読む
greasemonkeyこんな機能があればいいなあ → ん、Greasemonkey というのでできるらしいぞ → ユーザースクリプトとやらを書けばいいのか → どうやって書くんだ?というところからスタートして、最終的に自作のユーザースクリプトを公開するに至るまでの間、参... 続きを読む
Java変態文法最速マスター - プログラマーの脳みそをリスペクト。JavaScriptの変態文法・技法一覧です。あんまり使わないけど、知ってるとXSSとか攻撃したいのにWAFに妨害されるなど、いろいろ制約があるという場合に便利。文字列の生成引用符を使わずにさくっ... 続きを読む
「プログラミング経験はそこそこだけど、JavaScriptはあんまり…」な人向け社内勉強会用資料です 発表用資料のため、口頭での補足を前提とした箇所もあります。補足を入れてある箇所もありますが、ない箇所もありますので、その点はご了承ください。 Shogo Ohta... 続きを読む
overflow-y:scrollな要素を一番下までスクロールする - ぼくはまちちゃん!(Hatena) 普通に scrollIntoView メソッドじゃダメなのでしょうか? <script> function add() { // 行を追加するよ var peroZone = document.getElementById('peroZone'); var li = docu... 続きを読む
JavaScript を使用してドラッグ&ドロップのようなプログラムを作成する場合は、 座標計算のためにブラウザのスクロール量を知りたいことがあります。 このようなときに使えそうなプロパティとして、次の4つを見つけることが出来ました。 (とりあえず垂直スク... 続きを読む
JavaScript, Code Golf空から女の子が降ってくる - ぼくはまちちゃん!(Hatena)id:murky-satyr先生 の http://gist.github.com/45346 を勉強目的に読んでたら、自分でも書きたくなってついやってしまった。すごく今更感あるけど、折角なので公開。 javascript:H... 続きを読む
bookmarklet, javascript | 15:21 | javascriptに興味があって、javascriptのbookmarkletを書けたら良いなあと思っていたところ、id:Hamachiya2さんの記事を読んで、ソースを解読しながら勉強してみました。(間違えている箇所があるかもしれません…。)http://d... 続きを読む
■ JS のコードを短かくする Tips 14:02 可読性を犠牲にしてコードサイズを減らす簡単な方法のメモ。ゴルファーな人はもっとちゃんと知ってそうだなぁ var を消す そもそもグローバルを汚染していいならいりませんが、そうでなくても関数の仮引数に書くことで普... 続きを読む
css先日 :visited の仕様そのものが脆弱性とかっていう話題が出てきたんですが、でも実際 既読|未読 の判定を親要素を含めてのスタイル指定において利用したいケースはわりとあると思うんです。んで、 a:visited を取得するのには a:visited の CSS のプロパテ... 続きを読む
自分がどのようなタイプの人間なのかを武器に例えて表示できるジェネレータです。世の中には、攻撃的な人、受け身な人、恋愛においてガードの甘い人、いろいろなタイプの人間がいます。 このジェネレータでは、自分がどのようなタイプの人間なのかを武器に例え... 続きを読む
GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類... 続きを読む
How do I start? Find out why it is useful to have a Google AJAX API key and how to sign up for one Read the developer documentation Use a wizard to add a feed control to your website Look at example projects Featured Video What is the Google ... 続きを読む
javascript 経緯id:kazuhooku さんが一年前にやってたことですがKazuho@Cybozu Labs: JavaScript/1.7 で協調的マルチスレッド今日やっと挙動が理解できたのと、 Weave のソースを読んでいたらこのテクニックをバリバリ使っていて「ちょwwおまwww」ってなったの... 続きを読む
JavaScriptでヒアドキュメントを使うライブラリを作りました。heredoc.jshttp://www.teria.com/~koseki/memo/jsheredoc/heredoc.jsテストhttp://www.teria.com/~koseki/memo/jsheredoc/test.html外部ファイルサンプルhttp://www.teria.com/~koseki/memo/jshered... 続きを読む
UAIdentifier - JavaScript によるユーザエージェント判別 © 2006-2007 Magicant / 1.9.2 (2007-02-02) JavaScript を実行しているブラウザの種類およびそのレンダリングエンジン・オペレーティングシステムの種類を判別します。 テストページで実際に試すこと... 続きを読む
javascriptfor 文で 100 項目とか 1000 項目とかあるテストケースを処理するとブラウザが固まる。こんなダイアログが表示されます。 ということで for 文を setTimeout や setInterval に変換する事で定期的にブラウザに処理を戻すことができる。 // ここでは c... 続きを読む