Umi Uyuraのブログ

Titaniumを使ったスマートフォンアプリ開発を中心に、プログラミング関連の作業ログ。

node-webkit

NW.jsのパッケージング方式の見直し

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

Material UIをLESSからInline Style方式にアップデートした

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

JSXトランスパイラをBalelifyへ乗り換えた

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

React + NW.jsにデザインフレームワークとしてMaterial UIを組み合わせてみた

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

NW.jsで最も簡単なLivereload

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

React + NW.jsでFinderからドラッグ&ドロップ

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

React + NW.js開発時のpackage.jsonを見直し

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

React + NW.jsのプロジェクトをnode-webkit-builderで配布形式にパッケージングしてみた

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

NW.js上でReactを動かしてみた

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

node-webkit改めNW.jsを触ってみた

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

node-webkitを触ってみた

ズルズルときていた年度末案件がようやく収拾ついてきたので、なんとか次に向けての動きがとれるようになってきた今日このごろ。 業務にて、エンジニアではない人向けにちょっとしたツールを作る必要が出てきたので、この機会にとnode-webkitを使ってみるこ…