for文の中で非同期関数を使いたいときでも慌てずPromiseする - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
開局6か月／900万DL突破の「AbemaTV」、急成長するウェブサービスを支えるフロントエンドエンジニアの舞台裏
開局6か月弱で、900万ダウンロードを達成したインターネットテレビ局の「AbemaTV（アベマティーヴィー）」。ユーザー数の多さはもちろん、動画サービスの特性上、「長時間ユーザーと接する」「処理が重たい」「実用系と異なりエンターテイメント系では、ユーザーがすぐに他サービスに移行してしまう」といった課題を抱えるジャンルにおいて、UI/UXを受け持つフロントエンドの技術にかかる期待や責務は大きい。「Web Initiative Center」という専門部署を立ち上げ、サービスの品質改善を力強くドライブするサイバーエージェントの佐藤歩氏、泉水翔吾氏に、その開発舞台裏を伺った。 株式会社サイバーエージェント 佐藤歩氏（左）、泉水 翔吾氏（右） 「AbemaTV」「FRESH! by AbemaTV」を支えるフロントエンドアーキテクチャと導入背景 ――お二人が所属されている開発チームの規模や構成を教
Node.js ES2015/ES6, ES2016 and ES2017 support
"use strict"; function f(n){ if (n <= 0) { return "foo"; } return g(n - 1); } function g(n){ if (n <= 0) { return "bar"; } return f(n - 1); } return f(1e6) === "foo" && f(1e6+1) === "bar";
ES2015 (ES6)についてのまとめ - Qiita
ECMAScriptとは ECMAScriptはJavaScriptの中核仕様を抜き出して標準化したもの 開発当初のJavascriptは、ブラウザによる独自の拡張が多く、互換性が低かったため、Ecma Internationalが中心となりECMAScriptが開発された ES2015 (ES6)とは 先日策定された、ECMASCriptの6th Editionのことであり、当初はES6と呼ばれているが、正式名称をECMASCript2015(ES2015と呼ばれる)とし、今後は年単位のリリースを予定しているとのこと [公式サイト]http://www.ecma-international.org/ecma-262/6.0/index.html ES2015で可能となる新たなシンタックス let・constキーワードによる変数宣言 class構文 関数の引数のデフォルトパラメータ（Def
や...やっと理解できた！(2) JavaScriptのスコープチェーン - maeharinの日記
前回はJavaScriptのプロトタイプチェーンについて、図解を用いることでなんとか理解できました。今回はスコープチェーンに挑戦してみます。前回と同じく「1. 図解を用いる」「2. 用語を明確に定義する」「3. Standard ECMA-262 3rd editionを情報ソースとする」というアプローチで紐解いて行きます。 用語の定義 ・本エントリの文章における表記は、以下の表の「ECMA-262 3rd」に統一する ・本エントリの図における表記は、以下の表の「本エントリの略称」に統一する ・本エントリ内におけるES3とは、Standard ECMA-262 3rd editionを指す ECMA-262 3rd 本エントリの略称 JavaScript（サイ本）第5版（日本語） Execution Contexts EC 実行コンテキスト Variable Object VO 変数定義の
や...やっと理解できた！JavaScriptのプロトタイプチェーン - maeharinの日記
JavaScriptのプロトタイプチェーンについて理解しようとしたのだけど、prototypeとか__proto__とかごちゃごちゃになって、色んなブログを読んでもなかなか理解しきれなくて悶々としていたのだが、図を書いたらパッと理解できた！以下、情報ソースはなるべくECMAScript仕様書（3rd）を元にするようにして書きました なぜ分かりづらいのか？ そもそも、なぜJavaScriptのプロトタイプチェーンは自分にとってこうも分かりづらかったのだろうか？自分なりに分析してみると、まず、「似ているが違う用語が沢山ある」という点がある。ざっとあげただけでも、「prototypeと__proto__」「__proto__と[[Prototype]]」「FunctionとFunctionオブジェクト」などがある。そして次に、「入り組んだ構造が動的に変化する」という点がある。上記のように似たよう
javascriptとは？知っておきたい基礎知識 - プログラミング学習の窓口
JavaScriptは、htmlとcssで構成したページの動きを操作出来ます。分かりやすい例としては、ボタンやメニューの動き。こういったものもJavaScriptを活用することで実現が出来ます。 Javascriptは非常に人気の高い言語で、JAVAとにていますが別ものです。 ReactのようなJavascriptを応用した技術も普及が進んでおり、今後当分は主流な言語として活用されるでしょう。 The post javascriptとは？知っておきたい基礎知識 first appeared on プログラミング学習の窓口.
JavaScript: Async Promise "while loop" · Victor Quinn
Scaling and leading engineering and data teams to solve the world's problems This is a solution to the situation where you have an asynchronous task you want to perform over and over again, in a non-blocking fashion, stopping when some condition is met. To set the stage, I'll be using the Bluebird Promise library, the best Promise library I've used. First, we'll construct the Promise function whic
ES2015で始めるJavaScript入門 - Qiita
はじめに JavaScript勉強会の資料です。 内容は、簡単なコマンドラインツールを作りながら、JavaScript(ES2015を含む)の書き方を学ぶものとなってます。 内容的には初心者向けなので、JavaScriptを勉強したい、JavaScriptは触ったことあるけどES2015を知らないので勉強したい、といった方が対象です。 JavaScriptとは Webブラウザで実行可能なインタプリタ言語 最近ではサーバサイドのものもある(Node.jsなど) 各ブラウザで独自の実装があるが、標準化されたECMAScriptに準拠している ES5, ES2015(ES6), ES2016, … ES2015からは毎年新しい規格が策定される これによりナンバリングは策定した年に変更 ES2015 ES5(2011年策定)から4年ぶりに策定されたECMAScript 非常に多くの機能が追加された
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方
Promiseを返す関数の直列実行におけるreduceの利用と注意点 - Qiita
TL;DR 配列に突っ込んでreduceすると簡単に直列処理が書けて、さらに処理開始をコントロールできてうれしい reduceした後に配列に処理が増えると、後から増えた分は実行されない 処理が順次増えるときは配列に入れるのではなくthenメソッドでさっさと繋ぐといい Async Functionsはよ この記事は最低限のPromiseへの理解を要します。 Promiseを返す関数の直列実行には本来Promise.prototype.thenを使えばよい。 function f(wait) { return new Promise((resolve) => { setTimeout(() => { console.log(wait); resolve(wait * 2); }, wait); }); }; Promise.resolve(100) .then(f) .then(f) .the
Object.assignが実装された - JS.next
概要 Object.assignはオブジェクト同士をマージするJSerの誰もが長年追い求めた夢のメソッドである。 使い方 Object.assign( target, ...sources ) 第一引数で渡したオブジェクトに、第二引数以降のオブジェクトが直接持つ、 全ての列挙可能なStringまたはSymbolプロパティを加え、結果として返す。 例： var sym = Symbol() var obj1 = { "str": 1, } var obj2 = { "str": 2, [sym]: 2 } var obj3 = Object.assign( obj1, obj2 ) console.log( obj1 == obj3 ) // true console.log( obj1["str"] == 2 ) // true console.log( obj1[ sym ] == 2
[JointJS入門]JointJSを使ってブラウザ上にフォルダ構成図を描いてみよう - Tech-Sketch
HTML5の登場によりCanvasやSVGなどを利用することでWebサイトやアプリでリッチな表現ができるようになってきています。しかし、CanvasやSVGを使って全て自前でグラフを描くのは大変なので、D3.jsなどのライブラリを使用してグラフや図を描くことが多いと思います。そこで、今回は「JavaScript Diagramming Library」であるJointJSを使い、ブラウザ上に図を書いてみます。 JointJSとは JointJS はJavaScriptでダイアグラム描くことができるライブラリで、2014年5月16日時点では0.9.0となっています。JointJSは、「静的や動的なダイアグラムが作れるJavaScriptライブラリ」であると公式ページにて謳われています。JointJSは以下のように色々な図が表現可能になっています。 JointJSデモ ～Rappid A co
![[JointJS入門]JointJSを使ってブラウザ上にフォルダ構成図を描いてみよう - Tech-Sketch](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e24f346cf6b48fbc88431e22d16794f6f6b0888/height=288;version=1;width=512/http%3A%2F%2Ftech-sketch.jp%2Fassets_c%2F2014%2F06%2Fjointjs_tutorial-thumb-600x405-1883.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでオブジェクトの型を判別するのにtypeof演算子使うとツラいよね - Qiita
Promiseでwhileループを書いてみる - Qiita
図で理解するJavaScriptのプロトタイプチェーン - Qiita
How to pass arguments to addEventListener listener function?
Is there a null-coalescing (Elvis) operator or safe navigation operator in javascript?
Sort array of objects by string property value
引数を渡さなかった際にデフォルト値を使う場合の注意点 - Qiita
