Code Archive Skip to content Google About Google Privacy Terms
Newsletter Check out the Dev Digest Newsletter I write every week for WeAreDevelopers. Latest issues: 215: Agent Memory, JS2026, Googlebot internals and HTML in Canvas Making agents more efficient and resistant to prompt injection, Axios supply chain attack post mortem and a proposal to use HTML in Canvas ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
New version released, with major updates Tuesday, May 27th, 2008. NOTE: The code below is outdated. A completely rewritten version of getElementsByClassName has been released, taking into account all new available web browser features and possibilities, to offer you the best performing and most flexible implementation. Read about the new version or go and download it straight away. Updated on Tues
200行ぐらいある関数を、分かりやすく書きなおそう、というお話。お題はこんなJavaScript。あとで、軽く ActionScript 3.0 も出てくるよ。 function fly() { // 初期化処理 var init:Boolean = false; // 50行ぐらい初期化処理 // うまくいったら init が true になる // 実行 if(init) { var succeeded = false; // 100行ぐらい実行 } // 終了処理 // 30行ぐらい終了処理 } 構造化プログラミングについて知ってる人なら、きっとこうする。 function fly() { if(startFly()) { doFly(); } endFly(); } 構造がたいそうすっきりした。問題は、startFly()・doFly()・endFly() をどこに記述するか。fl
使い方 multifindはメタサーチエンジンです。ウェブ、ブログ、商品など様々な複数のサーチエンジンから同時に検索を行い、結果を統合・整形して表示します。 検索したい文字列をテキストボックスに入力し、使いたい検索エンジンをチェックし、いずれかのボタンを押して下さい。 ウェブ検索、ブログ検索、商品検索の各ボタンは、現在のチェックに関係なく該当する各エンジン群に一発で問い合わせます。 Firefox検索バープラグイン Firefoxの検索バーにmultifindを追加することができます(Firefoxの解説サイトはこちら)。 検索バー左側のアイコンをクリックして、プルダウンメニューから「 "multifind"を追加」を選択してください。 インフォメーション (via Twitter) multifindへの要望、バグ報告など、http://twitter.com/multifindの方か
簡単に音声-スライド同期型プレゼンテーションが作れるスクリプトを配布します。 概要 スライド同期型プレゼンテーションとは、音声にあわせて自動的にスライドが切り替わっていくもので、WebSig24/7にて行われたセミナーイベントで録音した音声と、スライド情報を組み合わせて、当日の内容をオンラインでも見られるようにしたことが、本スクリプト開発のきっかけです。 lightbox.js ver2.0で表示される画像を音声にあわせて自動的に切り替えていきます。 Flash Player8のインストールが必要です。 サンプル 以下のURLにて本スクリプトを使ったプレゼンテーションを公開しています。 第9回WebSig会議~CGMからPGMへ:第一部 10年足跡メソッドによる自己紹介とセルフブランディングのススメ~ 第9回WebSig会議~CGMからPGMへ:第二部 ホリスティック・コミュニケーション~
addEventListenerのuseCapture true/false時の動作比較 FireFoxでのみテスト。IEはもともと関係ありません。 (1) すべてfalseの場合 イベントハンドラの設定状態
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎! 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
無償のLL向け汎用IDE 前回はPHP用のEclipseプラグインを紹介したが、今回はさまざまなスクリプト言語(以下、LL)に対応したスタンドアロンの軽量IDEである「KomodoEdit」を取り上げたい。 KomodoEditは、Active PerlやActive PythonなどWindows向けのLLディストリビューションで有名なActiveStateから提供されている商用IDE「KomodoIDE」から一部の機能を取り除き、無償で利用可能としたものだ。有償版のKomodoIDEは無償のKomodoEditの機能に加えて以下のような機能を利用することができる。 グラフィカルデバッガ インタラクティブシェル HTTPインスペクタ DOMビューア 正規表現作成支援 コードブラウザ CVS連携 ActiveStateのPDK(Perl Dev Kit)の統合 KomodoEditはPer
■escape()エンコード結果 escape()のエンコード結果を以下の表に示します。エンコードの元の文字列は「あいうえお」です。 ブラウザ名をクリックすると実際の動作画面をキャプチャーした結果が表示されます。 ファイルの文字コードによりescape()の結果が変わってしまうものは緑色で示しています。 SHIFT JISコードの場合 OS ブラウザ名 escape()の処理結果
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき
とうとう星野君が作成していたFlashが完成! 早速赤坂さんはそれを見せてもらいました。しかし赤坂さんの見方はちょっとベクトルが違っていました……。 Flashをめぐる赤坂さんの探求、番外編最終回!
こんにちは、SEの進地です。 XSS(Cross Site Scripting)脆弱性の中であまり注意を払われていないタイプにDOM Based XSSというものがあります。アナウンス自体は随分と昔から行われており、webappsec.orgでも2005/7/4にAmit Klein氏が"DOM Based Cross Site Scripting or XSS of the Third Kind"を発表しています。 Web 2.0的アプリなどでのAjaxの普及でJavaScriptが多用される現在のWeb開発では、DOM Based XSSが入り込む可能性は従来よりも高まっています。そこで、今回はこのDOM Based XSSについて説明しようと思います。 DOM Based XSSとは何か? 一般的にXSS脆弱性と聞いて思い浮かべるのは、攻撃者の悪意ある入力データ(JavaScript
We’re getting things ready Loading your experience… This won’t take long.
先月・今月と新しいメンバーが加わったサイボウズ・ラボですが、いま社内でfont-familyが密かなブームです。 ということで、ブラウザで使用できるフォント名一覧をJavaScriptで取得する方法について調べてみました。 ■ 1. IE の Dialog Helper Object を利用してフォント名一覧を取得する IE の Dialog Helper Object を利用して フォント名の一覧を取得する方法がよく知られています。 まず、HTMLの中に以下のOBJECTタグを定義して、 <OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"> </OBJECT> JavaScriptから以下のコードを実行すると、現在の環境で利用できるフォント
2012/07/22 追記 久しぶりに確認したところ、IE9 では以下で指摘している IE (このときは IE6 でした) の問題(3, 4, 6)がすべて解消されていました。 また、Firefox での問題(5)も Firefox14 で試したらは解消されていました(ただ、All-in-One Sidebar のパネルの上では mousemove イベントが発生しないようでした)。 Chrome20 や Safari5 でも問題無く動作していますから、現在においてドラッグ&ドロップを実装するには mousedown 時の preventDefault() だけでOKと言えそうです。すばらしいですね! safari で動かないらしいのでどなたか情報ください!(くやしい!) というかこういうのに勝ち負けはないので実装できてる方は是非トラックバックお願いします。当方既に ipod 中毒ですし
「JavaScriptによるテンプレート・モナド、すっげー簡単!」にて: 紙と鉛筆でラムダ計算を実行できることは必要だな、やっぱり。 なんて強調したので、ラムダ計算の入門、いってみよう。 [追記]練習問題集を追加しました。説明を読みながら、あるいは読んだ後で是非やってみてください。→「JavaScriptで学ぶ・プログラマのためのラムダ計算 問題集」[/追記] ※印刷のときはサイドバーが消えます。 内容: JavaScriptの関数リテラル ラムダ式ってなんだ ラムダ計算の体系と適用操作 ラムダ式の例をいくつか β変換 -- ラムダ計算のキモ! β変換を何度か実行してみる 中間まとめ、まだ続きがあるよ JavaScriptの関数リテラル 最初に、JavaScriptに関する知識を確認しておきましょう。なお、JavaScriptの対話的実行環境については「もっともお手軽な対話的JavaScr
Google Maps API などを使うにあたり、測地系変換のスクリプトを作成したので公開します。ライセンスは GNU GPL です。 ダウンロード:geotool.js ここギコ!のねねさんが Perl モジュールでもっと素晴らしいものを作っていらっしゃいます。 http://kokogiko.net/wiki.f/Location%2DGeoTool 水谷敏行さんも、Google Maps APIと合わせて使うための、世界測地系(WGS)の経緯度座標と長方形領域を扱うjavascriptのクラス・ライブラリを作っていらっしゃいます。 主な使い方は、以下です。 wgs = Geotool.wgs2tky(deg.lat, deg.lng); dms.lat = Geotool.dms2deg(wgs.lat); dms.lng = Geotool.dms2deg(wgs.lng)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く