node.js Q 使い方 メモ - Qiita
node.jsでpromiseを使う機会があったので、自分のメモ用に残します。 Promiseって何？ Promiseって何よ？ってことで、まずはググる。 Promiseとは非同期処理を上手く扱う為のAPIであり、パターンである。 非同期の処理の完了後に続けて処理を行いたいとき、よくコールバックパターンが使われるが、処理が連続するとコールバック地獄と言われる分かりづらいソースコードになってしまう。 また、複数の非同期処理が完了した時に処理を行うなど、コールバックパターンでは難しい事をスマートにできるのがこのPromiseである。 要するに、同期処理したいけど、コールバック地獄で見づらくなるのを防ぐために使うAPIってことかな？ npmのパッケージとしては使用可能なモジュールはいくつかあるが、今回はQを使用する。 Q の基本 (.when .then .done) 簡単なQの記述は下記のよう
JavaScript: 5分でわかるPromiseの基礎（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: JavaScript: Learn Promises - JavaScript Promises made easy. Learn the basics in 5 minutes. 原文公開日: 2017/10/31 著者: Brandon Morelli サイト: https://codeburst.io/ 更新情報: 2017/11/16: 初版公開 2021/03/05: 更新 JavaScriptのPromiseをわかりやすく解説しました。Promiseの基本を5分で学びましょう。 この記事で学べること 本チュートリアルでは、JavaScriptの「Promise」の基礎を学びます。Promiseのすべてを網羅的に説明するものではありませんが、Promiseを理解してコードで使い始めるのに必要な知識を固めることができます。
JSのソースコードが変えられない！困ったときにモンキーパッチで逃げ切る方法
他人が作ったJavaScriptのプログラムを部分的に、でも元のコードを修正せずに対応するしかない…。そんなときにモンキーパッチ。やらなきゃいけないときの対処方法を実例で。 たった1つの小さな問題点を除いてきちんと動作する、第三者のコードを使ったことはありませんか？ なぜ作成者はこんなやっかいなコンソールログを削除し忘れてしまったのだろう、そのAPIコールがもう1つちゃんとしていればうまくいったのに、と思うことがあるでしょう。こうした場合、メンテナンス担当者に変更箇所を実装させるのは困難（あるいは不可能）です。自分自身でコードを変更しようにも、ソースコードを持っていなかったり、自分でコードをホストしたくなかったりするときはどう対処すればよいか悩みます。 さあ、JavaScriptのモンキーパッチの世界を一緒に探検しましょう！ この記事ではモンキーパッチとはなにかを説明します。また、第三者が
Node書くならEventEmitterについて知っとくべし - Qiita
Nodeの組み込みモジュール・サードパーティモジュール問わず広く使われるのが EventEmitter オブジェクト。 これはNodeで使われるデザインパターンの筆頭みたいなものなので、知っておかねばならない。 ドキュメント: Events ブラウザ上のJavaScriptで addEventListener を使ってイベントドリブンの開発を行うが、Node上でそれを行うのための機能を提供するのが EventEmitter。 例えば次のように使う var EventEmitter = require('events').EventEmitter; function asyncFunc() { var ev = new EventEmitter; console.log('in asyncFunc'); setTimeout(function () { ev.emit('done', 'fo
JavaScript で Pebble アプリを開発できる Simply.js をオンライン IDE の CloudPebble 上で試してみた - 凹みTips
はじめに スマートウォッチの Pebble は Simply.js を利用することで JavaScript のみの開発が可能です。 Simply.js ひとりぶろぐ » 2.0で面白くなったスマートウォッチPebbleを、JavaScriptゴリゴリでネット監視装置として使う また、Pebble は開発環境として CloudPebble というオンライン IDE を用意しており、以前解説した C / JavaScript による開発（Pebble SDK 2.0 Beta の JavaScript framework で Hello World してみた - 凹みTips）に加え、この Simply.js の開発もサポートしています。 CloudPebble Pebbleのアプリを自分で作っちゃおう：Pebble実機レポート後編 そこで、CloudPebble 上で Simply.js を
async関数が実装された - JS.next
概要 非同期な処理を同期的に書ける関数タイプが実装された。 基本 「async」キーワードに続けて関数定義を書くと、async関数となる。 async function afn1() { } afn2 = async () => { } obj = { async afn3() { } } async関数を呼び出すとプロミスが返される。 console.log( afn1() ) // <Promise> このプロミスは、async関数が終了するとその返り値で解決され、例外が起こると棄却される。 async function afn4( flag ) { if ( flag ) return 'Yes' else throw 'No' } afn4( true ).then( v => console.log( v ) ) /// "Yes" afn4( false ).catch( v
『スター・ウォーズ』に登場した「BB-8」をブラウザから動かしてみた！ | 株式会社LIG
こんにちは、ガジェット好きなエンジニアののびすけです。 みなさんは、映画『スター・ウォーズ』の最新作『スター・ウォーズ／フォースの覚醒（エピソード7）』をもう見ましたか？ ファン待望の続編が昨年12月18日に全世界で封切りされてから、ものすごい盛り上がりを見せましたよね。最近やっと熱気が落ち着いてきた気がします。 僕も12月に見てきましたが、かなり面白かったです。2016年2月上旬の今でもまだ放映しているみたいなので、見ていない方はぜひ映画館へ行ってみてください！ ネタバレは良くないので本編の内容は書きません！（笑） 前段はこれくらいにして、今日はJavaScriptを使い、エピソード7に新しく登場したドロイド「BB-8」をプログラムから制御してみたいと思います。 BB-8とは？ BB-8は『スター・ウォーズ／フォースの覚醒（エピソード7）』で初登場したドロイド（ロボット）です。従来の『ス
jQueryのclickとbindとliveとdelegateとonの違い - Qiita
よくある解説 bindはajax等で変更した要素にはイベントが動かない liveはajax等で変更した要素にもイベントが動く jQueryで追加した要素を操作するにはon()メソッドで 問題 $('table').bind('click', function(){ console.log('bind-table') }); $('tr').live('click', function(){ console.log('live-tr') }); $('td').live('click', function(){ console.log('live-td') }); という状態の時、tdをクリックした際にコンソールにどういう順番で出力されるか。 回答、、、の前に javascriptのイベントは本来、外側から内側（tableからtd）に向かい（キャプチャーフェーズ）、対象の要素まで到達すると、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでforEach, filter, map, reduceとか - Qiita