JavaScript(ES6)のPromiseを試してみる その2

こんにちは、元岡です。 前回に引き続きPromiseの方をご紹介します。 今回はPromiseでラップした非同期処理を、直列に順次処理してみます。 まずはPromiseを使わないで、非同期処理をコールバックで繋げていくと・・・ var async = function(callback){ console.log("async start"); setTimeout(function(){ console.log("async end"); if (callback) callback(); }, 3000); }; async(...

JavaScript(ES6)のPromiseを試してみる その1

すっかりご無沙汰してます。 元岡です。 前回はジェネレータについて紹介させて頂きました。 引き続き、コールバックや非同期関係の記事を書いて行く予定です。 今回は、ジェネレータと同じくES6から実装されたPromiseの方も試してみます。 と、その前に… 今年の6月に公開予定の ES2017 には、5つの新仕様が入ります。 Object.values / Object.entries String padding Object.getOwnPropertyDescriptors Trailing commas in function parameter...

正規表現 発展

和田です。最近はボリビアでゴーストしています。打倒サンタ・ブランカ・カルテル。 さて、前回は「正規表現 基礎」ということで基本的な正規表現を紹介しましたが、今回は発展形として、少し込み入った話になると思います。 前提条件 前回と同じく JavaScript 想定です。 動作確認は Node v6.10.0 で行っています。 目次 後方参照 - (), (?:), \n,...

Google Apps Script でファイルを保存してみる

どうも ASTRONEER を無線接続でやっているとたくさんあるバグが更に増え、我慢できず有線接続にした結果、家の端から端までLANケーブルをはわせることになった和田です。 最近、 Google Apps Script を触っています。 ご存じの方もいるかと思いますが「なんぞや」というのをざっくり説明しますと、 MSOffice に付属する VBA の、 Google Docs 版といった感じです。 MSOffice の VBA のように、定型化した作業や大量のデータを扱う場合などにとても便利に使えるすごいやつです。こんなのがウェブで使えるようになったなんてすごい時代だ。...

AmazonのURLを短くするブックマークレット

どうも、和田です。 最近、The Tomorrow ChildrenというPS4のゲームをやっています。どこかで見たような赤い感じの国な雰囲気を醸し出している、Minecraftライクなゲームです。 The Tomorrow Childrenでは、労働があなたをプレイする! さて、本日は表題にある通りAmazonのURLを短くするブックマークレットを作りました。 こちらのリンクをブックマークとして保存をして、Amazonの商品ページでクリックすると使用できます。 作った意図として、AmazonのURLを共有するときに、そのままペーストすると以下のようにダラっとしたものになってしまいます。 https://www.amazon.co.jp/Deep-Learning-Java%E3%...

JavaScript(ES6)のジェネレータを試してみる

初めまして、初投稿です! 株式会社あゆたに所属する、元岡(もとおか)と申します。 主に Android や iOS 等のスマフォアプリの開発を行っているエンジニアです。 最近は PhoneGap 等の クロスプラットフォームツール や Node.js を使った案件も行う事もあって、JavaScript を使う機会が増えています。 私自身は Webのフロントエンドの経験が浅く、またES6 (ECMAScript6)についても触れる機会がなかったので、...

reactとreduxを使ったExampleのソースコードリーディング:todos編

はじめに 株式会社あゆたの毛利です。 この記事は、第9回これから始める人のためのNode.js,React.js勉強会用の資料です。 ざっくりまとめただけなので、おかしなところがあったらご指摘ください。 今回のネタのreduxのexampleのtodosのソースコードはこちら 一応公式にも解説があるのですが、英語なのと私自身ソースの流れを見ないといまいち理解ができなかったので、まとめてみました。 exampleはES2015で書かれているので必要に応じてその解説もしていきます。 対象、前提 Javascriptが理解できている。 Reactがなんとなく理解できている。 動かしてみる場合は、node.jsがインストールされていてnpmが使用できる環境がある。 ソースをダウンロードして動かしてみる こちらからダウンロード(もしくはgit clone)してください。...

jQueryのSelectorについてちょっと調べた - その1

どうも、和田です! 今回はJavaScript, 特にjQueryについてです。 IntelliJ IDEAでjQueryを書いているとたまに Inefficient jQuery usageと表示されることがあります。 ざっくり言うと「これ効率悪いから、ID部分とクラスセレクタ部分を分割しようぜ」ということらしいのだけれども、ホントかな? というわけで以下のコートでざっくり調べてみました。 <!DOCTYPE html> <html> <head> <...