はてなブックマーク

現在、Sync というメッセージングアプリのWindowsデスクトップ版を、Electronを使って開発している。(同じくElectronを使ったMacデスクトップ版はすでに公開済み!) 普段はMacのみでNode/Electronを開発しているのだが、今回WindowsでのElectron開発・ビルド環境構築の知見がいくらか手に入ったので、この記事でまとめてみた。 あらかじめ Kobito for Windows の開発方法について @mizchi さんに詳しく話を聞かせていただいておりそれがとても参考になった (ありがとうございました)。 OS Windows 10 Home 64bit をMac上のVM (VMWare Fusion) にインストールした。 ライセンスはWindows版開発のために新しく購入した。 マルウェア対策 アプリのバイナリの汚染や誤判定を防ぐため、開発環境では

TypeScript + ES6 が使いたい! JavaScript には ES6 (ES2015) になって多彩な便利機能が追加され、babelなどのトランスパイラを使えば今すぐES6を使った快適生活が実現できる。 また、TypeScriptも、JavaScriptをベースにしながらも静的型付きプログラミングを実現しており、実行時の下らない型エラーなどから解放されてこちらも非常に快適だ。 TypeScript の最新版 (もうすぐリリースされるといいなあ) 1.5では、[ES6の機能のサポートが多く追加されており] (https://github.com/Microsoft/TypeScript/wiki/Roadmap#15) 、TypeScript と ES6 の快適さを両方享受することができる。 しかし、1.5 はまだ正式リリースされておらず、実際ES6と組み合わせて使おうとすると

Virtual DOM がアツい昨今ですが、virtual DOM は特に Reactやdekuのようなコンポーネントライブラリの実装に使われているということで注目を集めています。 一方、virtual DOM自体は概念にすぎないので、それを独立して実装しているvirtual-domなどのライブラリもあります (以前の記事で書きました)。 そこで、その virtual-dom をベースにReactのようなコンポーネントライブラリを自作してみるのも興味深いと思い試してみました。 作ったものの概要 seanchas116/decompose virtual-dom ベース ビューと状態を一つにまとめたコンポーネント 簡単化のためにstates/propsの区別はなし 同じ場所/移動しているが同じキー の時は同一コンポーネントがそのまま生き残る 各コンポーネントごとに独立してdiff/patch

virtual-domという、（その名の通り）仮想DOMの生成とdiffを行うシンプルなJavaScriptのライブラリがあります。 GitHubのexampleを見るとわかるのですが、このライブラリのみでも、シンプルな形で動的なビューを実現することができます。 このシンプルさがとても魅力的で、実際に使ってみたのですが、 分かったことをまとめたいと思います。 仮想DOMって？ Reactなどで以前から採用されていて、最近流行している感じの 仮想DOM ですが、 重い本物のDOMとは別に、仮想のDOM（ただのJSオブジェクトなので軽い）のツリーを構築する 仮想DOMの構築を状態が変更されるたびに行って、前回の仮想DOMとのdiffをとって実DOMに適用する という形で動的なビューの実現に利用されます。 仮想であるので、ブラウザ上だけではなくサーバーサイドのHTMLレンダリングにも使えます。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに Rubyでは、通常のメソッド定義のほかに、動的にメソッドを定義する方法がいくつかありますが、 動的に定義されたメソッドと通常のメソッドの呼出コストの差が気になります。 また、動的に定義されたメソッドの中でもdefine_methodで定義されたものは重いということもよく知られています。 一例として、Railsでは、重いdefine_methodを使う代わりに文字列のclass_evalを使用している箇所が多くあります。 というわけで、 通常のメソッド定義 define_method class_eval + 文字列 class_eval + ブロック で定義したメソッドの呼出コストのベンチマークを取ってみました。 class_eval + ブロックは 正確には動的ではない（メソッドの内容を動的に変更できない）のですが、気になったので同時にベンチマークすることにしました。 ベンチマ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

================ ruby-qmlという、QML / Qt Quickを使ってUIを記述し、Rubyで書いたロジックと組み合わせてGUIアプリを作ることを可能にするgemを作りました (gem名は'qml') 。 https://github.com/seanchas116/ruby-qml で公開しています。 今のところ、Ruby 2.0以降・OS X/Linuxに対応しています。 [追記] Qtは 5.2 以降に対応しています。 [さらに追記] Ruby 1.9.3に対応しました。 [2014-10-14] QML.application do ~をQML.run do ~に修正しました。 何ができるか？ ruby-qmlでできるのは、 クロスプラットフォームのUI記述言語であるQMLを使ってQt QuickのGUIを書く Rubyでアプリのロジック部を書く それらを組

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?