20160930 フロントエンド高速化 業務編 (社内勉強会)バックアップと障害復旧から考えるOracle Database, MySQL, PostgreSQLの違いRyota Watabe
baffle.js
Basic Usage With baffle installed, getting started is as simple as calling baffle() with some DOM elements. Those elements can be in the form of a CSS selector, a NodeList, or a single Node. You can also pass an options object. baffle operates on node.textContent, so it will flatten any child elements. It's best used on elements without children. // With a CSS selector let b = baffle('.headline');
実例とともに学ぶECMAScript 2015 〜Generator〜 | PSYENCE:MEDIA
Introduction この記事は最近JavaScriptに入ったGeneratorと呼ばれる機能について知りたい、もっと詳しく知りたいという方をターゲットとしています。 今回はECMAScript 2015に入った機能のgeneratorについて解説していきたいと思います。 generatorはNode界隈では2014年ごろから非同期処理を同期的に書くことができるツールとしてよく使われていました。 最近ではasync/awaitをよく耳にすることがあると思いますが、async/awaitはgeneratorを使ったものに変換可能なので挙動としては近いものと考えてもらって大丈夫です。 ECMAScript Async Functions What is generator 前置き では、generatorとはなんでしょうか？「実はgeneratorはIteratorを返す関数なのです！」
ECMAScript® 2016 Language Specification
Introduction1 Scope2 Conformance3 Normative References◢4 Overview4.1 Web Scripting◢4.2 ECMAScript Overview4.2.1 Objects4.2.2 The Strict Variant of ECMAScript◢4.3 Terms and Definitions4.3.1 type4.3.2 primitive value4.3.3 object4.3.4 constructor4.3.5 prototype4.3.6 ordinary object4.3.7 exotic object4.3.8 standard object4.3.9 built-in object4.3.10 undefined value4.3.11 Undefined type4.3.12 null value
Chill the lion
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
JavaScriptでbind()を使って部分適用する | POSTD
JavaScriptの中にはコードをもっとシンプルで見やすくできるパターンがあるのに、あまり使われていないものがあります。皆さんも Function.prototype.bind はご存じでしょう。頻繁に使われていた var that = this や var self = this の代わりになる関数です。よくあるのが以下のような例です。 this.setup = function () { this.on('event', this.handleEvent.bind(this)); }; 第1引数が bind （束縛）され、返される関数内で this として働きます。あまり知られていませんが bind は複数の仮引数を取ることができ、 bind された関数が呼び出されると bind される後続のすべての仮引数は、その仮引数リストの前に付加されます。 つまり以下のように、関数を部分適用す
jQueryのDeferredを用いたモダンなAjax処理の書き方 - Hack Your Design!
jQuery 1.4以前の書き方 jQuery 1.5以上の書き方 jQuery 1.8以上の書き方 【発展編1】Deferredを用いた書き方 deferredとは何か？ 【発展編2】$.when() を用いた書き方 参考 本エントリは軽めのjQuery Advent Calendar 2012の14日目の記事として書きます。軽めといいながら少し重めになってしまった感がありますが、初めてのAdvent Calendar参加ということでご勘弁を。 ※ Twitter API仕様変更によりTwitter APIを使ったコード例は現在動作しなくなっていることにご注意。 jQuery 1.4以前の書き方 まずは、少し古めのコード、昔のjQueryの本とかでよく見る書き方。 $.ajax({ url: "ajax.html", success: function(data) { alert('su
Windows ストアアプリ (Metro スタイルアプリ) における JavaScript の非同期処理 (WinJS.Promise) - ひだまりソケットは壊れない
概要 Windows 8 の Windows ストアアプリ (旧称 Metro スタイルアプリ) 開発の話です。 Windows ランタイムと JavaScript 用 Windows ライブラリでは非同期処理を行う関数は基本的に WinJS.Promise オブジェクトを返します。 WinJS.Promise は Common JS Promises/A 提案 の実装であり、非同期処理を行う関数がコールバック関数を引数として受け取る場合にコードが難読化するという問題を克服するためのものです。 WinJS.Promise を使用することにより、非同期処理の連鎖を読みやすく書くことができます。 JavaScript で同様のことを行うものとしては JSDeferred とか jQuery.Deferred とかがあって、それらを知っていればすぐに理解できるのではないかと思います。 本記事は
JavaScriptによるHTML5プログラミング入門 - libro
※ページが正常に表示されない場合 AddBlockなどの広告ブロックツールがONになっていると、ページの一部が表示されないことがあります。これらのツールをOFFにしてみてください。
JavaScriptでの例外設計 （throw，try-catch-finally構文のイメージと利用パターン） - 主に言語とシステム開発に関して
JavaScriptプログラミングのTOPへ JavaScriptの例外（throw, try-catch-finally構文）の使い方について，以下の点を論じる。 （Ａ）breakとreturnとthrowの比較 （Ｂ）throwを利用した設計のイメージ （Ｃ）throwの使いどころ （Ｄ）例外処理のサンプルコード×２ （Ａ）break（continue）とthrowとreturnは何なのか どれも「goto」である。 特に，breakがGOTOである事についてのサンプルコード： HOGE:{ alert( "このメッセージは表示されます。" ); // "GOTO"の役目をする。該当ブロックから抜ける break HOGE; alert( "このメッセージは表示されません。" ); }// end of HOGE alert( "HOGEブロックを抜けました。" ); http://d
フロントエンドで知っておきたい要素指定の考え方 - pixiv inside [archive]
みなさんはじめまして、ピクシブのフロントエンドエンジニア id:koharusugiura です。 JavaScript を用いた開発を行う際に jQuery や React、vue.js といったライブラリーを使う方は多いでしょう。これらのライブラリーは共通して DOM を扱うライブラリーとなります。 DOM についての説明は長くなるのでここでは省きますが、簡単に説明すると HTML や XML の構造を表現するための仕様です。DOM は JavaScript のためだけにある仕様ではなく、 Java や Python など、多くの言語に対応する仕様です。 前述した各ライブラリーは多くのウェブブラウザー間の差異を吸収してくれるため、非常に便利なものです。しかし、その機能の豊富さからライブラリー自体のサイズは大きく、ウェブブラウザーで読み込むファイルの数や合計の容量が増えてしまいます。状況
![フロントエンドで知っておきたい要素指定の考え方 - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/06141560504fa4e927919dd41de3eab52a11d032/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkoharusugiura%2F20151222%2F20151222103513.png)
Box2DJS - Physics Engine for JavaScript
Click this image to start demos. Note that it takes long time to load the page. Left-click to create an object. Right-click to show next example. What's this Box2DJS is a JavaScript port of Box2D Physics Engine. To tell the truth, this is converted from Box2DFlashAS3_1.4.3.1 in an automatic manner. (The reason why not Box2DFlashAS3_2.0.0 based is simply because I overlooked the renewal.) How to us
正規分布(標準ガウス分布)のランダム関数 - ボックス=ミューラー法 - Qiita
ゲームのダメージ値とかであるあれです。 ダメージ80だけど、ある程度運の要素で5前後させたい時などに使います。 正規分布で平均値と分散値を与えて、ランダムな値を取得します。 /** * 正規分布乱数関数 参考:http://d.hatena.ne.jp/iroiro123/20111210/1323515616 * @param number m 平均μ * @param number s 分散σ^2 * @return number ランダムに生成された値 */ var normRand = function (m, s) { var a = 1 - Math.random(); var b = 1 - Math.random(); var c = Math.sqrt(-2 * Math.log(a)); if(0.5 - Math.random() > 0) { return c *
Typed arrays - Binary data in the browser | Articles | web.dev
Typed arrays - Binary data in the browser Stay organized with collections Save and categorize content based on your preferences. Introduction Typed Arrays are a relatively recent addition to browsers, born out of the need to have an efficient way to handle binary data in WebGL. A Typed Array is a slab of memory with a typed view into it, much like how arrays work in C. Because a Typed Array is bac
http://foreignkey.jp/archives/763
See related links to what you are looking for.
Javascriptのcall/apply関数のプロっぽい使い方 〜 JSおくのほそ道 #014 - Qiita
こんにちは、ほそ道です。 今回からしばしJavascriptの基本的な処理と概念を整理していきます。 頻出でありながら詳細を忘れてしまいがちなものや、有効な使い方がわからなくなりがちなもの等をまとめていきます。 今回はcallとapplyを取り上げます。 目次はこちら 基本仕様 callもapplyもFunctionオブジェクトのprototypeであり、用法が良く似ています。 関数.call()や関数.apply()という実行の仕方となり、実際に処理されるのは呼び出し側の関数です。馴れないと直感的じゃないかもしれませんが、何度かやってるとすぐ馴れると思います。 基本１：thisを指定する 第一引数は関数内で参照されるthisとなり、無理矢理thisを変更出来ます。 なんでもできちゃうJavascriptらしい処理です。 下記の例ではcallとapplyは同じ動作となります。
ProcessingをWebブラウザ上で編集してスマホで実行できるサービス「Processin.ga」がすごい - yumulog
図形の描画などグラフィカルな表現が簡単に書ける言語、Processing。これをWebブラウザ上で編集してスマホで実行できる「Processin.ga」というサービスがリリースされました。 Processin.ga - Processing.js editor on web まず、ブラウザでアクセスするとQRコードが表示されるので、それをスマホで読み取る QRコードを読み取ったスマホはProcessin.ga の実行待機状態に ブラウザ上でProcessingのコードを編集 書き終わったら、実行ボタンを押すだけ これだけで、いま書いたコードがそのままスマホで実行されます。 iPadでお絵描き！ #processinga https://t.co/QALc3Bsu5D— 湯村 翼 Tsubasa YUMURA (@yumu19) 2015, 1月 14 このサービス、明治大学FMS(先端メデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
box2dweb -Box2DFlash port to javascript - Google Project Hosting
Hello, ES6 ~これから迎えるJSのミライ~ - @yoshiko_pg
Dynamics.js