ちまたではNW.jsよりElectronの方がフィーバー（死語）している感じなので、ちょっと触ってみることにしました。 とりあえずHello World的なものをやろうかと思ったのですが、ざっと眺めた感じ、作り方はわりと似ている印象だったので、ここはひとつ、NW.js…

先日、自分用のReactのプロジェクトテンプレートの構造を見なおしたついでに、 React + NW.jsのテンプレートの方 (umi-uyura/react-on-nwjs-sample) も同じ方針で改良しておくことに。 umi-uyura.hatenablog.com ついでに、以前のテンプレートでは配布形式の…

ReactとNW.jsでツールなど作っていたときに、デザインフレームワークとして Material UI を使ってみました。 React + NW.jsにデザインフレームワークとしてMaterial UIを組み合わせてみた - Umi Uyuraのブログumi-uyura.hatenablog.com そのときのバージョン…

少し前にReactとNW.jsで遊んでいたのですが。 React(JSX)開発にBrowserifyとReactifyを導入 - Umi Uyuraのブログumi-uyura.hatenablog.com Browserify + ReactifyにWatchifyを導入してJSXの自動ビルド環境を作った - Umi Uyuraのブログumi-uyura.hatenablog.…

差分比較ツール Meld を起動するためのツール「Meld Launcher ( umi-uyura/meld-launcher )」を作ってみました。 Meld Launcher 何をするものか Meldで比較する対象を、ドラッグ＆ドロップで指定して実行するだけのツールです。 Meldはフォルダの比較表示が…

私はデザインセンスがかけらもないので、UI部分については、どうしても素っ気ないものになってしまいます。 最近取り組んでいるReact + NW.jsですが、そのまま作ると素のHTML要素が並ぶことになるので、せめて基本的なコンポーネントくらいは見栄えを良くで…

React + NW.jsで作っているツールのUIなどをいじり始めて、いろいろと編集するファイルが増えてきたので、そろそろLivereloadできた方が便利だよなーと思ってきました。 いまどき使ってないの？という感じですが、Web制作は専門ではないので…というのと、実…

以前node-webkitで作ろうとしていたツールで、MacのFinderからファイルやフォルダをドラッグ＆ドロップで指定できるようにしようとしてうまくいかなかったことがあるのですが、ふとGitHubのNW.jsのWikiを見ていたら、 それについて書かれたページ を発見して…

先日、React + NW.jsのプロジェクトをnode-webkit-builderでパッケージングした際、プロジェクトローカルに開発用の依存パッケージとしてインストールしました。 React + NW.jsのプロジェクトをnode-webkit-builderで配布形式にパッケージングしてみた - Umi…

先週から作っていた社内向けツールがなんとなく動いたので、Windows環境でも動くかどうかを確認するために、パッケージングすることにしました。 node-webkitのパッケージングは何度かやったことがありましたが、手動でやると若干面倒くさいので、今回は以前…

昨日NW.jsを触ってみたついでに、ツールの中身はReactを使ってみることにしました。 node-webkit改めNW.jsを触ってみた - Umi Uyuraのブログumi-uyura.hatenablog.com 今回作ろうとしているツールは、お客さんが提供しているAPIを叩いて、結果を自社で持って…

以前少しnode-webkitを触って、ちょっとした社内ツールなどに使ってみていました。 node-webkitを触ってみた - Umi Uyuraのブログumi-uyura.hatenablog.com それからしばらく経ちますが、Node.jsから派生したio.jsの登場により、node-webkitもNW.jsと名前を…