【Ionic + Electron】Resemble.jsを使って画像比較を行うデスクトップアプリを作成 - Qiita
はじめに Resemble.jsなるものがとても手軽で便利そうだったので、使ってみました。 Node上で動作する画像比較Javascriptライブラリです。 E2Eテスト等で機械的に吐き出されるスクリーンキャプチャに対して前回分との比較&差分をイメージで出力とかやりたい時に便利そうです。 Resemble.jsの基本的な使い方 使い方はとてもシンプルでした。 // 比較したい画像のパスを指定 const image1 = fs.readFileSync(path1); const image2 = fs.readFileSync(path2); resemble(image1).compareTo(image2).onComplete(data => { // 不一致率で指定した値を上回る時のみ画像を出力することができる if (data.misMatchPercentage >= 0.0
React Native Navigation 導入メモ - Qiita
$ date 2017年 3月19日 日曜日 17時09分47秒 JST $ yarn -V 0.21.3 $ react-native -v react-native-cli: 2.0.1 react-native: 0.42.3 React Native Navigation とは ReactNative標準Navigationの微妙なところを改善しようとしている代替パッケージ。詳細はREADMEほかを参照。筆者の導入モチベーションとしては、標準のNavigatorIOSだとReduxにてpropsの更新を伝えられないのを解決できる点でした。 wix/react-native-navigation 導入前の準備 本パッケージを導入するにあたって、標準で想定されているコードとどう違うのかを把握したいところ。なのでまずは、最小限のReactNative新規アプリを用意します。ここでは、自動
ChromeのヘッドレスモードをMacOSXで試してみた - Qiita
マストドンで盛り上がる最中、 こっそり一部で盛り上がってたChromeのヘッドレスモード MacOSXで少し試してみたいと思います。 開発中の機能ということで、仕様の変更もあると思いますが、2017/4/16段階ではちゃんと以下のやり方で動作してます:) 準備 Google Chrome Canaryをインストール 開発段階にある機能がのってるchromeです。ささっと入れちゃいます。 nodejsインストール(v6.3以上) ちなみに今回試したのはv7.9.0 シェルにCanaryバイナリへのエイリアスを作成します(僕は.zshrcに追加しました/bashの人は.bash_profileかな) alias chrome-c='/Applications/Google\ Chrome\ Canary.app/Contents/MacOS/Google\ Chrome\ Canary'
【Python】いつまでprintデバッグで消耗してるの？ - らっちゃいブログ
Python を初めて間もない頃、自分も print デバッグしてました。効率の悪さを認識しつつも、IDEを導入してデバッグする方法を調べてセッティングして、という手順が面倒でずっと放置してました。 // 普段は vim で開発してます そうこうしてたら print デバッグではどうにもならないバグにぶち当たり、仕方なくデバッグポイントを置く方法を調べたわけです。するとどうでしょう。 ソースコード中に以下の一文を入れるだけではないですか。 import pdb; pdb.set_trace() たったこれだけで、上の一文を挿入した行で処理が停止し、コンソール上でステップ実行が出来るようになります。最高かよ。 個人的にですが、デバッガー起動中によく使うコマンドとしては以下です。 コマンド 説明 s(tep) ステップイン n(ext) ステップオーバー r(eturn) ステップアウト l(
CasperJSでサイトのスマホ画面を連続キャプチャする - Qiita
はじめに 先日、サイトの特定情報をCSVに出力するスクリプトを書きました。 今回はスマホ（に限らずですが）画面のキャプチャを連続でできるようなJavaScriptを書いてみました。 こんな簡単に実装できるなんてCasperJSはすごい 使い道 スマホ対応しているかどうかざっと画面で確認ができる どのようにスマホ対応しているか（レスポンシブかUAでページ変更しているのか）、スクリプトを一部変更することで簡単に確認ができる PC画面と比較することで、デバイスによる見せ方の違いがすぐに分かる スクリプト上でUAやViewportの変更もできるので、ちょっとした修正で様々なケースに対応できる ファイル構成 root/─┬─capture.js（実行するスクリプト） │ └─files/─┬─img/xxx.png（自動出力） └─src.json（読み込むURLソース） var json = re
外部コマンドを実行するNodeプログラムの作り方 - Shinnosuke Watanabe
Nodeではchild_process.spawn()などで特定のコマンドを別プロセスで実行することができますが、前提としてそのコマンドが実行可能な状態でなければなりません。当該コマンドにPATHが通っているかどうかはnode-whichなどで確認できますし、ドキュメントに「事前に◯◯というプログラムをインストールしてください」とリクワイアメントを書いておけば利用者は対応できます。 しかし、できることなら利用者にそのような手間をかけさせたくはありません。npm installコマンドひとつでNodeプログラムに必要なファイルは全て揃ってほしいものです。ではどうするのかというと、npmのパッケージと同じように必要ならバイナリーもダウンロードしてしまえば良いのです。このような、一見強引ながら極めて合理的な解決策を提供するのがbin-wrapperです。 bin-wrapperを使うbin-wr
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
5. (それなりに) 正しい認識 'Node.js' === ‘ノンブロッキングI/Oを持つJavascript CLI実行環境' • CLI、Google V8 • シングルスレッド+イベントループ • ノンブロッキングI/O • 高い次元でのモジューラビリティ • リアルタイム (関係ない) 6. どうでもいい知識 正式名称は「Node」です When referring to the software or the project in general, it's Node.js or simply Node. It is a proper noun, so capitalize it. The .js appears with the first use, to disambiguate from other things called "Node", and Node (with
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
