JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
setTimeoutとUIスレッドを学ぶよ JS Advent Calendar, オレ標準コース - ぶれすとつーる
JS Advent Calendar, オレ標準コース 20日目, id:nazomikan です jsで素人から玄人までみんな愛するsetTimeoutについて色々見直してみる 基本的な話 まずは定義 timeoutID = window.setTimeout(func, delay); timeoutID は、window.clearTimeout で使うことのできるタイムアウトの ID です。 func は delay ミリ秒後に実行したい関数です。 delay はミリ秒(1/1000 秒)で、関数呼び出しはこれにより遅延します。 MDN とまぁ、こうなっている。 色んな語弊を含んでるのを理解の上であえてまるくいうと、setTimeoutはタイマーメソッドで第一引数に与えられたfunc(関数)をdelay ミリ秒後に実行するというもの。 ためしに簡単な例 (function(win,
MicrosoftらがJavaScriptコードの自動テストサービス「BrowserSwarm」を公開 | OSDN Magazine
米Microsoftは9月26日、JavaScriptコード向けの互換性テストツール「BrowserSwarm」ベータ版を公開した。クラウド型のサービスで、JavaScriptコードのWebブラウザおよび端末互換性検証が行える。 BrowserSwarmは、MicrosoftのInternet Explorler（IE）チームが米AppendToおよびSause Labsと協業して作成した、JavaScriptフレームワークやライブラリのWebブラウザ互換検証を行うオープンソースプロジェクト。Web開発者の検証作業を軽減することを目的としている。AppendToはjQueryのトレーニングや支援を行う企業で、Sauce Labsはクラウドベースのクロスブラウザテストを提供する。 BrowserSwarmではGitHub上のコードレポジトリと連携し、リポジトリを更新するとユニットテストフレー
Masato Kinugawa Security Blog: U+2028/2029とDOM based XSS
ECMAScriptの仕様では、0x0A/0x0D以外にU+2028/2029の文字も改行とすることが明記されています。 これはあまり知られていないように思います。 以下はアラートを出します。 <script> //[U+2028]alert(1) </script> 知られていないだけでなく、知っていたとしても、スクリプトで文字列を処理するときに、U+2028/2029まで考慮する開発者がどれだけいるのかという話です。 実際、U+2028/2029を放り込むと文字列リテラル内にその文字が生のまま配置され、エラーが出るページは本当にたくさんあります。まあ、エラーがでるだけなら、大抵の場合大きな問題にはなりません。 ところが、U+2028/2029によってXSSが引き起こされてしまう場合というのを最近実際に見ました。 Googleのサービスで見つけた2つのケースを取り上げたいと思います。 ケ
Cytoscape.js
Introduction Factsheet A fully featured graph library written in pure JS Permissive open source license (MIT) for the core Cytoscape.js library and all first-party extensions Used in commercial projects and open-source projects in production Designed for users first, for both frontfacing app usecases and developer usecases Highly optimised Compatible with All modern browsers Legacy browsers with E
スクロールするとサイドバーの広告が追いかけてくる風の作り方 : IT速報
こんにちは！このブログを作って2ヶ月が経ちました(^^) 少し間が空きましたが、サイト制作日記を書いてみます！ 今回は２ｃｈまとめサイトにありがちなスクロールするとサイドバーの広告が追いかけてくるようなものを作ってみました。 まとめ記事じゃなくて申し訳ありません(>_<)たまーーーに。ほんとたまーーーーーに、こんなサイト制作日記たるものを書いちゃいます。ご容赦くださいm(__)m 何のことだ？って人は当ブログの右サイドバーを見てください。Amazonの広告が追いかけてくるはずです。 これ難しそうに見えて、めちゃくちゃ簡単に実装できるので是非ここでコードを盗っていってください(^^) jqueryを使う 簡単に実装するためにjqueryを使います！jqueryとはjavascriptライブラリです(^^) このjqueryを使うためには下準備が必要になります。 本家のhttp://jquer
機密情報を含むJSONには X-Content-Type-Options: nosniff をつけるべき - 葉っぱ日記
WebアプリケーションにおいてJSONを用いてブラウザ - サーバ間でデータのやり取りを行うことはもはや普通のことですが、このときJSON内に第三者に漏れては困る機密情報が含まれる場合は、必ず X-Content-Type-Options: nosniff レスポンスヘッダをつけるようにしましょう(むしろ機密情報かどうかに関わらず、全てのコンテンツにつけるほうがよい。関連:X-Content-Type-Options: nosniff つかわないやつは死ねばいいのに! - 葉っぱ日記)。 例えば、機密情報を含む以下のようなJSON配列を返すリソース(http://example.jp/target.json)があったとします。 [ "secret", "data", "is", "here" ] 攻撃者は罠ページを作成し、以下のようにJSON配列をvbscriptとして読み込みます。もちろ
JavaScriptにsleepを実装しようとして気づいたら新言語を作ってた話 - aike’s blog
あのですね、JavaScriptにsleep()とかwait()みたいなのってほしいじゃないですか。で、調べてみると標準にはなくて作れるには作れるけどブラウザ依存だったりビジーループだったりJava Applet併用だったりしてがっかりするじゃないですか。 ぼくは1年半くらい前に「竹内関数で音楽生成」っていうエントリーを書いたんですが、当然これをJavaScriptで計算しながら音を鳴らすページを作りたくなりますよね。ですよね。こう見えても昔はN88-BASICでCMD PLAYとかばりばり使ってたくちなんで、そのくらい簡単だと思うじゃないですか。そしたらもう当時はAudio APIも出たばかりで情報もすくなくてブラウザ依存で、しかもJavaScriptでsleepできないしふんだりけったりで最初の一歩も踏み出せない状態。 そんなわけでなんとか手はないかとこの1年以上ずっと試行錯誤してきて
Encoding permutations as integers via the Lehmer code (JavaScript)
Encoding permutations as integers via the Lehmer code (JavaScript) This blog post explores the Lehmer code, a way of mapping integers to permutations. It can be used to compute a random permutation (by computing a random integer and mapping it to a permutation) and more. Permutations A permutation of an array is an array that contains the same elements, but possibly in a different order. For examp
ジャバスクリプト 初心者お助けサイト
ジャバスクリプト 初心者お助けサイト スポンサード リンク 基 本 最初はココからスタート↓ 変 数 変な数字がいっぱい!? 演算子 計算の世界へようこそ ①ジャバスクリプトって何ですか？ ②用意するもの ③ジャバを動かす宣言 ④コメントアウトを忘れずに ⑤扱える値 ⑥ジャバを書いてみよう！ ①変数って何ですか？ ②変数名のきまり ③変数を宣言する ④変数を使ってみる ⑤グローバルとローカル ⑥配列を使う ①演算子って何ですか？ ②算術演算子 ③代入演算子 ④論理演算子 ⑤比較演算子 ⑥文字列演算子 条件分岐 もし雨が降ったら○○する 繰り返し ループと同じ 関数 コードの再利用（リサイクル） ①条件分岐って何ですか？ ②if文 ③if ～ else文 ④if ～ else if文 ⑤ちょっと省略 ⑥switch文 ①繰り返しって何ですか？ ②for文
これがアップルのハック感染元。水飲み場攻撃でフェイスブック、ツイッターなど40社に被害？（動画）追記：マイクロソフトも
これがアップルのハック感染元。水飲み場攻撃でフェイスブック、ツイッターなど40社に被害？（動画）追記：マイクロソフトも2013.02.22 13:00 satomi ｢開発者の1本釣りではなく、井戸に毒を盛ったんですな｣―セキュリティの専門家アシュカン・ソルタニ（Ashkan Soltani）氏（All Things D） アップル社員のコンピュータがハックされましたが、感染元はフェイスブック、ツイッター社員と同じこのiPhoneデベロッパーフォーラム｢iPhonedevSdk.com｣（行って感染しないように）とのことです。 ブルームバーグとAll Things Dが情報筋の話として伝えました。Javaの脆弱性を突くコードがこのサイトのHTMLに仕込まれていたようです。 中の人のイアン・セファーマン（Ian Sefferman）氏が直接関与してたかどうかはまだ分かっていません。一応、Ma
『JavaScript開発時に便利なツールたち』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバ事業本部でディベロッパーをしています、平木(id:Layzie)です。 先日2/9に行なわれたFrontrend Vol.4で"JavaScript Development Tools – JavaScript開発の効率アップ"というテーマで登壇させていただいたのですが、セッションでは時間の都合でお話できなかった補足や、その他のツールのご紹介をしていきたいと思います。公式サイトで各講演のスライドと動画を見ることができますので、残念ながらイベントにいらっしゃらなかった方は、ぜひご覽になってください。 Chrome Canaryビル
最近のJSの開発環境について知っておくべきライブラリ10個 - mizchi log
ほんとに10個だと思った？（無意味に煽っていくスタイル） 最近JSだけのリポジトリで無益なゲームを大量に作っては破棄しているのだけど、割とストレスなく出来上がってきたので書く。 長々と書くが、要は次のリポジトリに概要が詰まってる。 mizchi/mizchi_client_boilerplate · GitHub https://github.com/mizchi/mizchi_client_boilerplate 前提として、最近はCSJSでもnodeのインストールを前提とする環境が多い。必須といってもいい。 grunt gruntjs/grunt · GitHub https://github.com/gruntjs/grunt ビルドタスクを簡単に作れる。make、rake、などに相当するが、node製らしくファイルシステムの監視でアクションを作れるのが特長。$ grunt serv
ホームページで使用したJavaScriptのコピーライト表示漏れについて
2012年6月18日 日本音楽著作権協会 （JASRAC) ホームページで使用したJavaScriptのコピーライト表示漏れについて 去る2012年6月15日、ニュースサイト「秒刊サンデー」において、JASRACのホームページ（HP）に他人のJavaScriptを使用していながら、コピーライト表示（Copyright）を記載していないファイルが存在するとして、無断流用の疑いがあるとの記事が掲載されました。 この件につきまして、事実関係を含めた詳細を確認したところ、サイト全体において2ファイルでその表示の漏れがあることを確認しました。 JASRACは、当該JavaScriptの制作者に連絡をとり、本人の了解を得た上で、ただちに2ファイルに対しコピーライト表示（Copyright）を記載しました。 今後、このようなことのないよう十分注意してまいります。 以 上
JavaScriptの著作権侵害で弁護士さんに相談した時のはなし : ねこの足跡 Revenge:
もう何年も前になりますが、 以前開発してたプログラムを同業他社がコピペして使っていたのをたまたま発見し、頭に来て弁護士さんに相談したときのお話しです。 あたしってほんとバカ ある日、いつものようにお昼ごはんを食べながらニュースサイトを眺めていると、新しく競合他社がサービスを開始したというので早速チェック。 ふむふむ。中々よく出来てるなぁと感心しながら触っていたのですが、不思議なことに使えば使うほどデジャブに襲われたんですよ。どっかで見たことあるな、これ…と。 「……まさかな」と思いながらおもむろにブラウザの「ソースを表示」した瞬間我が目を疑いました。フレームワークも、もちろんそれを使ったコードもほぼそのまま。ご丁寧に変数名までバッチシ同じ。十中八九コピペされてると核心しました。思わずセブンのおでん吹くかと思いましたよ。危ない危ない。 悔しいじゃないですか。 表に見えるコードはJavaScr
JASRACが他人のJavaScriptを無断流用か！著作者のソースと酷似。
これが事実だとすれば一大事、祭りどころの騒ぎではなくなるはずだ。掻い摘んで説明すると、日本の楽曲の著作権を管理する団体ご存じJASRACが、ご自身のホームページ内で使用しているJavaScriptの一部に、他人のソースと思われるコードを流用している可能性が高まった。しかも著作表示もなく、あろうことかオリジナルの著作表示は削除されていた。おいおいJASRACがソースコピペってマジなのかよと思うかも知れませんが、マジです。 ※今回は、技術的な話でかつ長いので『私には難しいかも・・・』と思う方もいらっしゃると思います。なるべく理解しやすいように記述しました。ちょっとだけお付き合いいただきたい。 さて問題があるのは下記URLにあるページのスクリプト（nav_rollover.js）である。このJavaScriptは、jQueryと呼ばれるJavaScriptライブラリを使った、画像のロールオーバ処
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Browse code samples
長文日記
Build and implement a single sign-on solution
