javascriptの配列操作に便利なライブラリ「Underscore.js, Lo-Dash」 | SONICMOOV LAB
こんにちは。 最近は自社サービスのHerlockを使ってJavascriptばかり書いているジョニーです。 今回は、以前の記事（【中級編】Herlockにおけるライブラリの使用 ）でも紹介されているライブラリの一つであるUnderscore.jsについて紹介したいと思います。 Javascriptに限らずプログラミングするときに扱うことの多い「配列」の値の操作をするのに便利な機能がこのUnderscore.jsには数多く用意されています。 ただ説明するだけでは分かりにくい部分もあると思いますので、Underscore.jsで使えるメソッドの中から配列操作のメソッドに限定して、その中でもよく使いそうなメソッドを10個サンプルコードを交えて紹介したいと思います。 またUnderscore.jsとほぼ同じ使い方が出来るLo-dashについても少しだけ説明します。 目次 Underscore.js
RSA、AES暗号をJavaScriptで実現できる「cryptico.js」:phpspot開発日誌
ブロック内をiPhone画面内みたいにスクロールできるjQueryプラグイン「Re... 次の記事 ≫：jQueryベースのタブUI１５種まとめ cryptico.js - An easy-to-use strong encryption system utilizing RSA and AES for javascript. RSA、AES暗号をJavaScriptで実現できる「cryptico.js」 JavaScriptで複雑な暗号化アルゴリズムを簡単に実現するライブラリです。 RSAキーの生成には次のようなコードを書くだけです。 // The passphrase used to repeatably generate this RSA key. var PassPhrase = "The Moon is a Harsh Mistress."; // The length of t
Jasmineでテスティング | feedforce Engineers' blog
今年の RubyKaigi 2010で、 Sarah Meiさんによる JasmineというJavaScriptのテスティングフレームワークの紹介発表がありました(発表時はRCでしたが、先日(2010年9月14日)に無事バージョン1.0がリリースされています)。 今回はこの Jasmine を紹介したいと思います。 特徴 Jasmineは以下のような特徴を持ったテスティングフレームワークです。 JavaScript自身でJavaScriptをテスト可能 RSpec風の記述が行える スタンドアローン版とRubyGem版 JavaScript自身でJavaScriptをテスト可能 テスト用に専用の言語・フォーマットを使う必要はありません。 RSpec風の記述が行える 全体の構造は、RSpecのユーザーにはお馴染のdescribe や it という記法で記述します。 Rubyのブロックほど簡潔に
Jasmineでのユニットテスト
本稿は、Sencha公式ドキュメントの Unit Testing with Jasmine の翻訳です。 I. 導入 このチュートリアルでは既存のExtアプリケーションを取り上げ、ユニットテストするJasmineアサーションライブラリを紹介します。 読者はJavaScript, Ext JS 4, MVCアーキテクチャ及びHTML, CSSの基本及びリソースの使い方について精通している人が対象です。 なぜテストするのか? アプリケーションをテストするには多くの理由があります。 テストはすべてのユースケースを手動で消し込んでゆくことなくアプリケーションの機能性を検証できます。 さらに、アプリケーションがリファクタリングやアップデートされる時に、 テストはそれらの変更がシステムに当たらしバグを呼び込まないように検証することが出来ます。 II. はじめに このチュートリアルではExtJSにバンド
『JavaScriptのテスト手法』
みなさんはじめまして。 2011年11月に中途で入社し、現在はAmeba事業本部でスマートフォン版Ameba（通称デカグラフ）の開発をしている川口（facebook）と申します。 JavaScriptにおけるテストフレームワーク JavaScriptにおけるテストフレームワークとしては、有名なもので現在以下のものがあります。 ●JsUnit Javaのテストフレームワークとして有名な「JUnit」を参考に作られたテストフレームワークです。 ●QUnit もともとjQueryをテストするために開発されたフレームワークですが、現在ではjQueryへの依存が無くなっているためjQuery以外のライブラリを使ったプロジェクトでも使用できます。 ●Jasmine
マウス座標を取得する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 マウスポインタのページ内座標を取得するJavascript。 Opera 9、Safari 1.2、IE 5-7、Firefox 2で確認済み。 onmouseX: onmouseY: Script function setPosition(){ target = document.getElementById('sampleform'); window.document.onmousemove = function(e){ target.onmouseX.value = getMousePosition(e).x; target.onmouseY.value = g
オブジェクト、配列のコピー - (new Hatena).blog()
JavaScript では、オブジェクトや配列を関数に渡す時、常にポインタが使われます。いわゆる copy by reference ですね。変数に代入する場合も同様です。 当然メモリー効率を配慮した設計な訳ですが、どうしてもコピーが欲しい時もあるものです。 配列のコピーを取りたい時はどうすればいいでしょうか。 var a = [1, 2, 3]; var b = []; b.unshift(a);うまくいった気がしませんか？ 実はこれは駄目なんですね。unshift が引数に取るのは、配列ではなく、配列に加えたい要素のリストなので、ここでは b[0] に a が丸ごと入ってしまっていることになります（私はこれに気付かず長時間悩みました）。 で、改めて調べたところ、concat メソッドを使えば良いことがわかりました。 var a = [1, 2, 3]; var b = a.concat
Event: preventDefault() メソッド - Web API | MDN
Document Object ModelEventコンストラクターEvent()インスタンスプロパティbubblescancelablecancelBubble 非推奨 composedcurrentTargetdefaultPreventedeventPhaseexplicitOriginalTarget Non-standard isTrustedoriginalTarget Non-standard returnValue 非推奨 srcElement 非推奨 targettimeStamptypeインスタンスメソッドcomposedPath()initEvent() 非推奨 preventDefault() stopImmediatePropagation()stopPropagation()DOM に関連するページAbortControllerAbortSignalAbstra
AjaxとPHPを使ったワンタイムパスワード方式のログイン認証:phpspot開発日誌
JamesDam.com ? AJAX Login System Demo This is an example of a login system that does not require page refreshes, but is still very secure. Ajax+PHPでの画面遷移なしのログイン画面作成サンプルが公開されています。 フォームに、user1, pass1 を入力すると即時認証が行われ、次のようにログイン状態になります。 認証には、Ajaxを使ったワンタイムパスワード方式が使われます。 具体的には、Ajaxでサーバからチャレンジコードを取得し、チャレンジコードとパスワードをmd5でハッシュして、更にその値をサーバに送信し、認証を取ります。 このため、従来の方式よりは安全な認証が可能となります。 Ajaxが出てきたことで、ブラウザを開いたままの状態でインタ
Ajax的に画像などのファイルをアップロードする方法 ::ハブろぐ
a-blog cmsの開発中、Ajax的にファイルをアップロードする必要があったので、その際の調べ物についてかきます。普通にpostしようにも、JavaScriptでローカルのファイルは扱えないよ、って話で、先輩から「iframeがヒントだ！」的なざっくりとしたアドバイスを頂いたので、それを頼りに調べる。 画面遷移なしでファイルアップロードする方法 - 30からのBlog おお、なるほどなるほど。以下、HTML, JavaScript, PHPのサンプルをメモ。 こんなHTMLをJavaScriptで操作すればいい JavaScript自身が要素の生成を作成してもよいですが、最終的にはこういうHTMLが作成されることになります。 <a href="#" id="uploadTrigger">アップロードするぜー</a> <form id="uploadForm" action="画像POS
jQuery UIのダイアログで特定のボタンをデフォルトにする方法
====================================================== 漢(オトコ)のコンピュータ道: 地震による災害復旧に対して今我々が出来ること。 ====================================================== jQuery UIのダイアログを使って見て、デフォルトボタンの指定をするオプションが見当たらなかったので、調査した結果をメモ。 今回の情報元： javascript - jquery-ui Dialog: Make a button in the dialog the default action (Enter key) - Stack Overflow javascript - Submit jQuery UI dialog on <Enter> - Stack Overflow 調べた結果に
jQuery Impromptu | 設置サンプル
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
jQuery BlockUI Plugin v2 | 設置サンプル
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
CSS(スタイルシート)をjavascriptで切り替える色々な方法cookie : 4GALAXYのメモ
19 29 08 2007 CSS(スタイルシート)をjavascriptで切り替える色々な方法cookie jQuery, Css CSSを動的に切り替える方法をいくつか紹介します。全てcookieにより保存されます 1.styleswitch.jsを使う方法 まずGoogleで一番ヒットするのがstyleswitch.jsです。 コード <script src="styleswitch.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="default.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="title1" href="css1.css" />
[JavaScript] newは大事だよ！ / LiosK-free Blog
2010-07-19 カテゴリ: Client Side タグ: JavaScript トラックバック JavaScriptのnewって何？一体何なの？という話 - 愛と勇気と缶ビール クラスってものはJavaScriptにはないはずなのに、 new ClassName();と書くとあたかもClassNameクラスのオブジェクトのインスタンスが生成され、それが返ってくるかのような挙動をしている。 これは気持ち悪い。言語仕様としてはクラスは本来存在しないのに、クラスのようなものが導入されている。まともな神経を持った人間なら、一体 new演算子って何なの？という疑問を持つのが当たり前である。 こんな扱いを受けているnewがあまりにも不憫で涙した＞＜ newはprototype-basedなJavaScriptを書くための唯一の手段[1]で、真にJavaScriptらしいコードを書くためには欠か
「ページの先頭に戻る」をスムーズに移動させるJs
ページの先頭に戻る JavaScript Back to Top 【ページの先頭に戻る】をクリックした時にリンク先までスムーズに移動するJavaScript Back to Topの紹介ページです。 Back to Topを使う 通常「↑ページの先頭へ戻る」をクリックすると一瞬で先頭へ移動します。 しかし、スクロールを何回かしなくてはいけない長いサイトの場合、いきなり移動すると戸惑う時があります。 先頭まで滑らかに移動してくれる Back to Topは、「ページの先頭に戻る」を滑らかに移動させるJavaScriptです。参考記事は【A (slightly) better technique for "Back to Top" links.】です。 Back to Top設置 1.下記をページ内に書き込むか、外部ファイルにする function backToTop() { var x1 =
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://github.com/Layzie/Underscore-ja/blob/master/docs/Collection.md
steamdev.com
フォーカスされている要素を取得する方法 - sawatのブログ
http://labs.fprog.com/kebun/