Architect's Log

I'm a Cloud Architect. I'm highly motivated to reduce toils with driving DevOps.

JavaScript

【JavaScript】IE9,10でwindow.onerrorでスタックトレースを取得できない

この記事は、JavaScript Advent Calendarの22日目です。qiita.comwindow.onerrorで、Function呼び出しのスタックトレースを取得するサンプルを作成してみました。

「JavaScript&TypeScript+Knockout勉強会(AWDD#7)」に行ってきた(その2「TypeScriptでKnockoutを使ってみた」by 村上俊介さん)

5/21に、「JavaScript&TypeScript+Knockout勉強会(AWDD#7)」に行ってきたので、2回に分けて勉強会の内容を紹介します。 JavaScript&TypeScript+Knockout勉強会(AWDD#7) - connpass 今回は2回目です。2つ目のセッションは、村上俊介さんの「TypeSc…

「JavaScript&TypeScript+Knockout勉強会(AWDD#7)」に行ってきた(その1「JavaScriptで作る動的ウェブサイト入門」by 金箱遼さん)

5/21に、「JavaScript&TypeScript+Knockout勉強会(AWDD#7)」に行ってきたので、2回に分けて勉強会の内容を紹介します。 JavaScript&TypeScript+Knockout勉強会(AWDD#7) - connpass 今回は1回目です。最初のセッションは、金箱遼さんの「JavaScript…

「第一回 knockoutjsハンズオン」に行ってきた(その1「JavaScript入門」by 坂巻瑞穂さん)

5/17に、「第一回 knockoutjsハンズオン」に行ってきたので、6回に分けて勉強会の内容を紹介します。 初心者向けJavaScript入門からテラ・コーティングまで!JavaScriptフレームワークの主流、MVVMアーキテクチャパターンを採用しているknockoutjsを堪能す…

HTML5、CSS3、JavaScript API、SVGの各ブラウザのサポート状況がわかるサイト「Can I Use」

HTML5、CSS3、JavaScript API、SVGの各ブラウザのサポート状況がわかるサイト「Can I Use」を紹介します。 Can I use... Support tables for HTML5, CSS3, etcCompatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browser…

JavaScript整形方法まとめ

JavaScriptを整形する方法をまとめました。IE開発者ツールでJavaScriptコードを整形して表示するには? − @IT特に昨今のJavaScriptコードでは、通信量を極力減らして実行速度を高めるなどの目的で、コードの圧縮が行われている。そのため、生のJavaScriptコ…

jQueryエントリのまとめ

ここまでのjQuery関連のエントリのまとめです。 エントリ jQueryをはじめました - プログラマーな日々 DOM要素の作成、操作、挿入 - プログラマーな日々 jQueryで種類を指定してフォーム要素を選択する - プログラマーな日々 グローバル名前空間での競合を回…

QUnitでJavaScriptのユニットテストを自動化する

QUnitを使うとJavaScriptのユニットテストを自動化できます。テストには以下が必要です。 testsuite.cssのインクルード testrunner.jsのインクルード idが"main"のdiv 詳細はソースコードを見てください。 ソースコード <html> <head> </head></html>

jQueryでAjaxを実装する

ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <div id="contents"></div> <input id="load" type="button" value="load" />…</body></html>

jQuery UIのテーマ

jQuery UIにはテーマと呼ばれるCSSのセットが用意されています。これを適用することで一貫したスタイルを実現できます。テーマはこちらからダウンロードできます。 Download Builder | jQuery UI以下のエントリーで作成したページにテーマを適用してみます。…

【jQuery】マウスホバーをトリガーにしたトグルメニューのサンプル

マウスホバーをトリガーにしたトグルメニューのサンプルです。 動作 ナビゲーションメニュー メニュー1 メニュー2 メニュー3 メニュー4 メニュー5 (function ($) { function initDropdown() { if (!$('ul.dropdown').length) { return } // ナビゲーシ…

jQuery UIのオートコンプリート機能

ソースコード 「jquery-ui.js」をインクルードする必要があります。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <label for="month">月選択</label> </body></html>

【jQuery】1つのチェックボックスに基づいてすべてのチェックボックスを切り替える

ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <fieldset> <legend>Reasons to be happy</legend></fieldset></body></html>

【jQuery】必要なデータをイベントハンドラに提供させる

ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <input id="first" type="button" value="first" /> </body></html>

【jQuery】複数のイベントにハンドラをバインドする

ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <input id="binding" type="button" value="bind" /> </body></html>

【Query】要素のフェードイン・フェードアウト

toggleメソッドで表示/非表示を切り替える ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> </body></html>

【jQuery】要素が見えるようにスクロールする

ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <input id="bar" type="button" value="fooまでスクロール" /> </body></html>

【jQuery】プロファイラを作成する

JavaScriptの簡易プロファイラです。(jQueryクックブックより)jQueryクックブックposted with ヨメレバjQuery Community Experts オライリージャパン 2010-08-18 Amazonで購入Kindleで購入楽天ブックスで購入7netで購入hontoで購入e-honで購入 紀伊國屋書…