Vue・Vuexでモーダルを管理する - その２ - Qiita
Vue・Vuexでモーダルを管理する - その２ 以前Vue・Vuexでモーダルを管理するで、動的コンポーネントを用いた実装を記載いたしましたが、 これだけでは実案件で使うために不十分だったため、さらに深掘って実装を追加していきたいと思います。 最終的に出来上がったものをgithubにアップしました。 RikutoYamaguchi/vue-vuex-modal-boilerplate 動作サンプル そもそもモーダルウィンドウとは Wikipediaより モーダルウィンドウ（英: modal window）は、コンピュータアプリケーションソフトウェアのユーザインタフェース設計において、何らかのウィンドウの子ウィンドウとして生成されるサブ要素のうち、ユーザーがそれに対して適切に応答しない限り、制御を親ウィンドウに戻さないもの。モーダルウィンドウはGUIシステムで、ユーザーに注意を促したり、選
Jestを使ってみてのハマりどころメモ - console.lealog();
JestいいですよねJest。 あれこれプラグインとかライブラリとか入れなくてもだいたいのことができて。 さて、この1ヶ月くらいひたすらJestでテストを書き続けて、ハマったとこをメモ。 逆に言えば、ここに書いてないことでは一切困ってなくて、Jest最高って感じ。 Karmaみたいなブラウザでテストする機能さえつけばもう一生ついていきます感すらある。 before / afterでもasync Docsにそれらしいコードはないけどできる。 beforeAll(done => { // some async tasks done(); }); beforeEach(async () => { await asyncTask(); }); afterEach(async done => { await asyncTask(); asyncTask2(done); }); afterAll(()
util.promisify が追加された - from scratch
Node.js のコアに util.promisify が追加された。 github.com 今回は util.promisify が持つ役割を中心に Node.js における Promise の立場についても話していけるといいと思う。 util.promisify とは 読んで字のごとく関数を Promise に変換してくれるユーティリティメソッド。 下記のような要領で変換できる。 const util = require('util'); const fs = require('fs'); const stat = util.promisify(fs.stat); stat('.').then((stats) => { console.log(stats); }).catch((error) => { console.error(error); }); async-awaitを使いたい
TypeScript 2.1.1 変更点 - Qiita
追記1：Quramyパイセンから"定義にジャンプする"の解決が違う旨教えてもらったので修正 こんばんは@vvakameです。 TypeScript 2.1(RC)がアナウンスされましたね。 2.0系の正式リリースである2.0.3が9/22のリリースなので、1月半でminor versionが上がりました。 変更点まとめ 公式ブログ記事では小さい更新かと思いきや、Roadmapを見ると結構たくさんの更新があります。 トランスフォームベースのJSコード生成 (Switch to a transformation-based emitter) generatorのdownpileとかに必要だった認識(今回はgeneratorのdownpileはなしっぽい async/awaitのes3 or es5 downpileのサポート (async/await support for ES5/ES3)
Node.js における Promise を使った例外処理 - from scratch
さて、 Node.js のエラーハンドリングは難しいと言われてますが、 2016年現在、つまりNodeの v4 とか v6 が主流になり、 Promise が基本的な処理として採用されている状況ではどうでしょうか。ちょっと考えてみます。 一応これの補足です。 qiita.com TL;DR 未だに難しい。ただし、 Promise で改善されている。async-await や zone まで来たらかなり楽になる。 あと、 unhandledRejection が uncaughtException よりも酷いことにならないので、大分マシになっている。 Node.js のエラーハンドリングの難しさ まず JavaScript には同期と非同期のエラーハンドリングのやり方があります。前者は所謂 try-catch による方法、後者は callback を使って第一引数で実現する方法や emit(
DDDにおいてリポジトリとDBのトランザクションは切り離せないのか? - pospomeのプログラミング日記
DDDではリポジトリに対してDIPを利用し、インターフェースと実装を切り離す傾向にある。 これはいわゆる「抽象に依存せよ」ってやつなので、 DDDというよりは既存のプログラミングテクニックになる。 で、これを実現するためにリポジトリを以下のようにインターフェースで実装する。 コードはTypeScriptです。 interface UserRepo { insert(user: User, master: DbMasterConnection): Promise<User>; findByName(name: string, con: DbConnection): Promise<User>; findById(id: number, con: DbConnection): Promise<User>; }リポジトリの実装自体はインフラレイヤに置く。 「データを取得する」ということなので、個
Chrome 45 の Service Worker の変更点
Chrome 45 の Service Worker の変更点 Aug 7, 2015 | serviceworker 本記事は Chrome 45 の Service Worker のリリースノートを日本語に意訳したものです。原文は service-worker-discuss グループで読むことができます。 [service-worker-discuss] Release Notes for Service Worker in Chrome 45 以前のバージョンのリリースノートはこちら。 Chrome 44 の Service Worker の変更点 Chrome 43 の Service Worker の変更点 今回も草稿を @FalkenMatto さん (原文の投稿者) にレビューしてもらいました。ありがとうございます。 Chrome 45 の Service Worker 関
非同期をわかりやすく制御しよう！ES6の「Promise」入門 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
カメラを新調して写真撮りまくってます。CTOの林です。 ブラウザでの対応が進んできたこともあり、ES6がかなり注目されてきています。今日はその中でも「Promise」について簡単に解説していきたいと思います。 Promiseとは Promiseは、非同期の処理をわかりやすく制御するオブジェクトで、ES6（ES2015/ECMAScript 2015）に追加された機能の1つです。 http://caniuse.com/#feat=promises 現在は、多くのブラウザですでに実装されています。 また、多くのPolyfillが作られているため、非対応のIEでもPromiseを使うことができます。 https://github.com/jakearchibald/es6-promise https://github.com/taylorhakes/promise-polyfill https:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
