JavaScript の即時関数パターンはどんなときに使うのか？ - ほくそ笑む
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て この記事長すぎ。。。 即時関数パターン JavaScript では、 (function() { // なんらかの処理 })(); と書くことで、なんらかの処理をその場で実行できます。これを即時関数パターンと呼ぶそうです。 どういうときに使うの？ ブロックスコープを疑似的に作りたいときに使います。 JavaScript では、ブロックの外と中でスコープが同じです。 どういうことかというと、 var message = "hoge"; if(message === "hoge") { var message = "fuga"; alert(message); // fuga と表示される } alert(message); // fuga と表示される if(){} ブロックの中で v
Web Audio APIでギター音源作ったよ - aike’s blog
Web Audio APIを使ってメタルなエレキギターのパワーコードの音を鳴らすウェブ楽器を作りました。ASCIIキーボードでリフを弾いてるだけでちょっと楽しいです。 http://aikelab.net/pg01/ Web Audioを使ったシンセはいくつか作られてきましたが、サンプラー系の本格的な音源があまりないので試しに作ってみました。サンプラーといっても録音機能はないのでいわゆるRomplerです。 最近のモダンなサンプラーにはたいてい以下のような機能がついています。 ・ベロシティレイヤー ・ラウンドロビン ・リリーストリガ ベロシティレイヤーとは、鍵盤を叩く強さ（正確には速度）によって再生サンプルを切り替えるもので、大きい音ほど倍音が増えるような楽器の表現に欠かせません。 ラウンドロビンは、同じ音程の音を連続的に鳴らすときサンプラー特有の機械的な音にならないように、同じ音程のサン
ちょっと高度にJavaScript／クロージャの基礎 | DevelopersIO
JavaScriptのクロージャを一言で言うと、「自身が定義されたスコープにおいて変数を解決する関数」となります。 少し複雑ですが、マスターすれば何かと便利な概念なので、解説したいと思います。 ちなみに、JavaScript未経験なFlex開発者にオススメしたいClosure ToolsのClosure Toolsとは別物です。まぎらわしくてすみません。 例 var f = function() { var i = 0; return function() { return i++; } }(); console.log(f());// 0を出力 console.log(f());// 1を出力 console.log(f());// 2を出力 変数iは、匿名関数のローカルスコープに定義されています。ローカルスコープの変数は、関数の処理が終わると無くなってしまうのが普通ですが、関数fの出力
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Understanding JavaScript OOP — Sorella's Basement
Understanding JavaScript OOP —Prototypical inheritance on awesomeness! JavaScript is an object oriented language, with its roots in the Self programming language, however (sadly) designed to look like Java. This makes the language's really powerful and sweet features stay covered by some pretty ugly and counter-intuitive work-arounds. One of such affected features is the implementation of prototyp
Webパフォーマンス ベストプラクティス - Make the Web Faster
Webパフォーマンス ベストプラクティス Last updated: 02 October 2012 翻訳：@t32k WebページをPage Speedで調べるとルールに準拠していないものが提示される。このルールというのは、一般的にあなたが開発段階において取り入れるべきフロントエンドのベストプラクティスだ。あなたがPage Speedを使用しようとしまいと、私たちはこの各ルールについてのドキュメントを提供する（たぶんちょうど新しいサイトを開発中でテストする準備が整ってないだろう）。もちろん、これらのページはいつでも参照することができる。私たちはあなたの開発プロセスに取り入れてもらうために、このベストプラクティスを実装するための明確なティップスと提案を提供する。 パフォーマンス ベストプラクティスについて Page Speedはクライアント側からの観点でパフォーマンスを評価し、一般的にペー
Video.js - Make your player yours
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but
iOSプログラマへ。HTML5 Canvasがおもしろい！ | DOTAPON Blog
…という題で、発表してきました。 さいたま開発勉強会 vol5です。 iOSのCore Graphicsと共通点の多いHTML5 Canvas。 iOSプログラムの経験がまるごと活かせるぜ！面白いものつくろうぜ！ ということをお伝えしたく、実際に手を動かす場面を取り入れてみました。 実際に効果があったかどうかは…わかりません (^^;) 入門的な位置づけに仕上げてみましたので、iOSプログラマの方もそうでない方も、ぜひ触ってみてください。 iOSプログラマへ。HTML5 Canvasがおもしろい！ from cocopon 練習用の「HTML5 Canvas スターターキット」はこちらから。 マウス・タッチイベント両対応のInputManagerが付属していますので、ぜひご活用ください :) CanvasStarterKit_100.zip
75 (Really) Useful JavaScript Techniques | Developer's Toolbox | Smashing Magazine
In this two-part overview, we feature some of the most useful JavaScript and jQuery libraries which could be just the right solutions for your common problems. We hope that this overview will help you find or rediscover some tools that you could use in your next projects. If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was c
Lispy Script – Acquire solution even for more strenuous problem
A prayer mat is more than just a piece of fabric; it is a sacred space where moments of deep reflection, devotion, and spiritual connection take place. The elegance of a well-crafted prayer mat adds to the tranquility of worship, enhancing the overall experience with its soft texture, intricate patterns, and serene color schemes. Whether placed in a dedicated prayer room or unfolded in a quiet cor
古籏一浩のJavaScriptラボ
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
How to Learn JavaScript Properly
Learn JavaScript Properly (For Beginners and Experienced Programmers) This study guide, which I also refer to as a course outline and a road map, gives you a structured and instructive outline for learning JavaScript properly. In fact, you will find two study guides below, one for absolute beginners and the other for experienced programmers and web developers. [sc:mongodb-book] You do want to lear
JavaScript.Next Returns
JavaScript : What is it really? AND Some new features in ES6
Physics in Javascript: Car Suspension - Part 1 (Spring, Mass, Damper)
Burak Kanber, Engineer Author, tech CTO, engineer, and some other things too. Subscribe via RSS Twitter Contact Our big project -- our goal -- for this mechanics/dynamics portion of Modeling Physics in Javascript is to model a car's suspension system. It'll take us three non-consecutive articles to get there, but it's a worthy system to model. If you can model a car suspension then it's safe to sa
Ruby脳が理解するJavaScriptのオブジェクト指向
(追記：2012-12-15) 本記事およびこれに続くその２，その３をまとめて電子書籍化しました。「Gumroad」を通して100円にて販売しています。内容についての追加・変更はありませんが、誤記の修正およびメディア向けの調整を行っています。 電子書籍「Ruby脳が理解するJavaScriptのオブジェクト指向」EPUB版 このリンクはGumroadにおける商品購入リンクになっています。クリックすると、オーバーレイ・ウインドウが立ち上がって、この場でクレジットカード決済による購入が可能です。購入にはクレジット情報およびメールアドレスの入力が必要になります。購入すると、入力したメールアドレスにコンテンツのDLリンクが送られてきます。 購入ご検討のほどよろしくお願いしますm(__)m 関連記事： 電子書籍「Ruby脳が理解するJavaScriptのオブジェクト指向」EPUB版をGumroadか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://enjalot.github.io/dot-enter/
NaN をなんとかしたい上での諸注意 と global.isFinite() の罠 - Qiita
http://harthur.github.io/kittydar/
IBM Developer
Javascript Helps