AWS LambdaでPhantomJS日本語フォント対応 | リクルート
リクルートデータ組織のブログをはじめました。※最新情報はRecruit Data Blogをご覧ください。 Recruit Data Blogはこちら 1年ぶりにこんにちは。エンジニアの永田智章です。 みなさん、AWS Lambda触ってますかー？ 自分は最近どっぷり浸かりすぎて勝手に社内エバンジェリストみたいになってます・・・。 今回はそんなLambdaのお話。 LambdaでPhantomJSでスクリーンショット撮ろうーと思って いざやってみるとこんな感じ。日本語フォントが出ない・・・。 いい方法ないかなーと探し回ってみたものの、どこにも見つからない！ AWSのDiscussion Forumsに直接聞いていた方（おそらく中国の方）もいましたが、 なかのひとから「やりたきゃ自前でがんばって」と無慈悲な返答がきています・・・。 で、仕方なく自前でがんばってみた結果、それなりにいい具合に対
License clarification · Issue #7293 · facebook/react
Good morning! I came across this blog post which says that the BSD license of React is terminated if a React user competes with Facebook, as per the patent clause addition. There seems to be a lot of confusion around what the clause actually means, so I was wondering if you might consider adding a tl;dr summarizing the clause and it's motivation in the readme. This would clear a lot of confusion u
Fetch での Stream を用いたプログレス取得とキャンセル | blog.jxck.io
Intro WHATWG が定義する Fetch API は、出たばかりの仕様では、途中でのキャンセルや、プログレスイベントの取得が含まれていなかった。 しかし、後の更新で fetch 結果の Response Body が WHATWG Stream API を実装することになったため、現在の仕様ではプログレスを取ることもキャンセルをすることも可能となっている。 今回は、こうした API のアップデートについて記す。 Update 最初の公開時には、以下のように書いていた。 「XHR ではできるが Fetch ではできない」ことが、仕様上は無くなったことを意味する。 しかし、現時点で仕様としてまだ出来ないことがあることが判明した。 Upload の Progress これに伴い、記事の一部を修正した。 Fetch 最新の Fetch の仕様は以下で確認できる。 Fetch Spec 仕様
What’s new inside jQuery 3.0 - Slimmer and faster
It's been 10 years since jQuery started ruling the web and it has stuck around for good reasons. After a long time jQuery got a major update last month with the release of jQuery 3.0 and jQuery Compat 3.0. This release promises a slimmer and faster jQuery, with backwards compatibility in mind. You can download the latest jQuery 3.0 from the download page. It's also worth having a look at the upgra
React + ReduxではないSPAフロントエンド事情 - Re.Ra.Ku tech blog
丸山です。 弊社も最近はiOSアプリやAndroidアプリだけではなく、いわゆるSPAなWebApplicationを開発しています。 SPAを採用した背景 その背景には サーバーサイドで複雑なビジネスロジックを実装することになるので、サーバーサイドはScalaを利用したい ScalaでHTMLを吐いてもいいのだけれど、そういうのは動的型付け言語のほうがやっぱり楽な気がする だったらScalaでJSONを喋るAPIだけ作ろう そのAPIと喋ってwebのユーザーインターフェイスを実現する部分はRoRにするか？ それともいっそSPAにしてブラウザから直接APIとコミュニケーションすればよくないか？ と、いろいろ考えたところで、まずは社内向けのツールで技術検証も兼ねてSPAでScalaなAPIとコミュニケーションするのを試してみることにしました。 まだまだ開発中なのですが、意外とうまくいっている
Continuous visual integration for Ember
I’m thrilled to announce official support for Ember.js in Percy! We’ve just launched ember-percy: a drop-in client for visual regression testing for Ember apps. Let’s jump right in to a quick example—say I have a bunch of Ember acceptance tests that look something like this: Simple. Just visit the About page, click a team member, and expect that the is-expanded class is now applied. But wait… are
navigator.userAgentをモックしてJSのユニットテストをする - $shibayu36->blog;
JavaScriptのユニットテストでnavigator.userAgentをモックしてテストしたいことがあり、そのようなユーティリティを作ってテストをしてみたのでメモ。 ちなみにいろいろ試した例は https://github.com/shibayu36/javascript-playground/blob/master/es2015-project/test/stubUserAgent.js にあるので、参照してください。 やりたいこと 最近はkarmaやkarma-html2js-preprocessorを利用することで、DOMに依存するテストでもHTMLの断片を用意してユニットテストを行うことができるようになった。TypeScript環境でそのようなテストをする方法については 以前の記事 で紹介した。またES2015版でのテスト環境を作った例は https://github.com
Isomorphic Survival Guide
isomorphic tokyo meetup http://nodejs.connpass.com/event/13363/
Webブラウザで高速な演算を可能にする低水準言語asm.jsと、WebAssembly詳解ーJavaScript が動く仕組み
Webブラウザで高速な演算を可能にする低水準言語asm.jsと、WebAssembly詳解ーJavaScript が動く仕組み 清水智公（Mozilla） Webブラウザの上で動作するアプリを書くための言語、といえば何が想起されるでしょうか。Flash、Sliverlight、Java、さまざまな言語が利用されてきましたが、やはり今のメインストリームはJavaScriptでしょう。 JavaScriptはさまざまな言語の特徴を併せ持つ動的言語で、Web技術の発展とAPIの整備の結果、Virtual Reality(VR)や画像認識、DAW(Desktop Audio Workstation)といった、少し前まではネイティブでの実装しかありえなかった種類のアプリケーションもWebブラウザをランタイムとするJavaScripで実装されるようになってきました。 そのようなアプリの代表例がゲームで
Angular Router : そのAPIとメンタルモデル、設計理念について | POSTD
(訳注：2017/02/16、画像、元記事がリンク切れしていたため修正いたしました。) 状態遷移の管理はアプリケーション構築の上でもっとも難しいとされる部分の1つです。URLに状態が確実に反映されなければならないという意味ではWeb上では特に難しいと言えます。さらに、アプリケーションを複数のバンドルに分けて要求に応じてロードする処理をする場合がよくありますが、これを透過的に実行するのは大変です。 Angular Routerはこのような問題を解消してくれます。Routerを使えば、アプリケーションの状態を宣言的に特定でき、URLに気を付けながら状態遷移を管理することができ、必要に応じてにコンポーネントをロードできます。この記事では、RouterのAPIについてだけでなく、背後にあるメンタルモデルと設計理念についても考察したいと思います。 では、始めましょう。 概略 Routerは何をするの
DOMイベントのキャプチャ/バブリングを整理する 〜 JSおくのほそ道 #017 - Qiita
こんにちは、ほそ道です。 今回はDOMネタです。 イベントのキャプチャとバブリングについて覚書をまとめて参ります。 また今回はv8での検証であり、レガシーなIEは対象外です。 レガシーなIEはイベント設定メソッド自体が違いますのでご注意くださいませ。 目次はこちら 入れ子なDOMのイベント発生順序制御 DOMが入れ子構造になっていてそれぞれにイベント(例えばClickイベント)が設定されていた場合 「このように動いてほしい」という期待はケースバイケースであると思います。 期待通りの処理になるようカッチリ制御しちゃいましょう。 addEventListenerの第三引数「useCapture」 例えば下記の様なHTMLがあったとします。 body内にdivが入れ子になっておりそれぞれにClickイベントが登録されています。 <html> <head lang="en"> <meta char
4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them
In this article we will explore common types of memory leaks in client-side JavaScript code. We will also learn how to use the Chrome Development Tools to find them. Read on! IntroductionMemory leaks are a problem every developer has to face eventually. Even when working with memory-managed languages there are cases where memory can be leaked. Leaks are the cause of whole class of problems: slowdo
Web API フレームワーク LoopBack で遊んでみる - Qiita
LoopBack とは LoopBackは Web API フレームワークです。 最近は、よりリッチなユーザ体験を提供するために、Web アプリケーションをSPA化する流れが強くあるなーと思います。 それと同時に、バックエンドとしての API サーバ構築の需要もすごく高まってきていて、LoopBack はその API の生成がとても簡単にできるフレームワークです。 Node.js 製なので、フロントエンドとバックエンドを JavaScript のみで記述できます。Universal Web App！ Express がベースになっているのですが、大きな特徴として、モデルが生成されると同時に RESTful な API を自動で生成してくれます。 モデルの生成もジェネレータが用意されているので、一行もコードを書かずに API サーバを構築できます。 LoopBack の特徴 公式ドキュメント
You Don't Know ES Modules
The document is a summary of the Cybozu Meetup held on February 27, 2017, discussing various web technologies including JavaScript frameworks like React and Angular, as well as tools like Kintone and Garoon. It covers topics such as web component development, API integration, and accessibility standards. The agenda includes details on JavaScript best practices, compiler tools, and various JavaScri
Intersection Observer を用いた要素出現検出の最適化 | blog.jxck.io
Intro スクロールによる DOM 要素の出現などを効率よく検知するため、新しく Intersection Observer という API が追加された。 この API の使い方と、本サイトへの適用について記す。 要素交差(intersection)の検出 ページをスクロールしていく過程で、特定の DOM が画面に出現したことをフックしたいケースがある。 代表例は 画像の遅延読み込み であり、初期ロードでは画像の取得を行わずスクロールしていく過程で順次取得する手法である。 特に画像の多いページでは表示に必要なリソース取得のみに最適化でき、初期画面表示などでは効果が大きいとされる。 これを実装するのに必要なのは、「 <img> 要素が出現しているかどうか」であるが、本質的には「画面外にあった <img> が viewport と交差したか」を取得することになる。 つまり、要素出現の取得
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - GianlucaGuarini/allora: Promisify using es6 Proxies every javascript API with less than 50 lines of code
GitHub - rse/astq: Abstract Syntax Tree (AST) Query Engine
ReactのテストをEnzymeで書いてみよう - Qiita
Electronのセキュリティその後 Yosuke HASEGAWA
Headless Chrome (BlinkOn6)
