タグ

ブックマーク / qiita.com/Quramy (3)

  • CarloでNode.jsのツールにUIをもたせる - Qiita

    先日、GoogleがCarloというライブラリをリリースしました。 少し気になったので、軽くメモを残しておきます。 Carlo is 何 CarloはChromiumを画面描画エンジンとして動作するNode.js アプリケーションフレームワークです。 Node.js、ChromiumともにV8が動作するため、JavaScriptのみでデスクトップアプリが作れるよ、というわけです。 公式のサンプルとほぼ一緒ですが、次のようにコードを書くと、index.htmlデスクトップアプリ風に立ち上がります。 const carlo = require('carlo'); (async () => { const app = await carlo.launch(); // html/CSS/JavaScriptを配置しているフォルダを教える app.serveFolder(__dirname); /

    CarloでNode.jsのツールにUIをもたせる - Qiita
    mapk0y
    mapk0y 2018/11/04
  • わかりやすい画像のdiffを求めて - Qiita

    どうも。フロントエンドエンジニアの @Quramy です。 さて、前回、1日10万枚の画像を検証するためにやったことで書いているとおり、reg-suitという画像に特化した回帰テストツールをメンテしています。 画像回帰テストという文脈において、差分の可視化方法はとても重要なファクターです。なぜなら、画像(=スナップショット)に差分が発生したからといって、それすなわち棄却、というわけではなく、その差分の内容を判断して、意図せぬ変更であれば棄却、意図した変更であればexpectedを更新する必要があります。すなわち、ワークフローに目視による差分のレビューが発生するのです。 そこで、少しだけ異なる2枚の画像について差分を効果的に可視化する、というテーマに向き合ってみました。 主にC++OpenCVでの実装ですが、これらの知識が無くとも読めるよう、コードやAPIへの言及を少なくして、中間画像で説

    わかりやすい画像のdiffを求めて - Qiita
  • VimでJSONファイルを100倍快適に作成する方法 - Qiita

    タイトルは釣りです. JavaScriptを使った開発をしていると、とかくJSONによる設定ファイルが頻出しますよね. NPMのpackage.jsonとか, Bower.json, .jshintrc, tsconfig.json等々です. それぞれの設定ファイルについて, どのようなkeyが必要なのか, 値には何が書けるのか, 暗記していますか? 僕は覚えていません. 毎度毎度, ググったり, リファレンスページに行ったりしてました. npm init や bower init で雛型は生成してくれるものの, 全てのkeyが載っている訳ではないですし... (JSONにコメントが許されないのが辛いですね). そこでJSON Schemaです. JSON Schemaを使えば, keyや値(と言ってもenum程度ですが)の補完情報を生成出来ます. 誰かがそういうVim pluginを作っ

    VimでJSONファイルを100倍快適に作成する方法 - Qiita
    mapk0y
    mapk0y 2015/07/12
  • 1