Umi Uyuraのブログ

プログラミング関連の作業ログ

Material UI

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

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

React + Material UI + Moment.jsでタイムゾーン変換ツールを作った

海外のWebinarを見たりする際などに 9:00 AM PST って日本時間のいつになるの?というのを調べることがあるので、タイムゾーン変換ツールを作ってみました。 GitHub Pagesで公開しています。 TimezoneConv ソースはこれです。 umi-uyura/timezoneconv 良かっ…

Material UIのv0.10.0が出ていたので見てみた

Material UIのv0.10.0が出たようです。 Material UI、v0.10.0が出てる。バージョンアップ早い。Breaking Changes書いてあるけど、最近使い始めた自分にはあまり影響なさそう / https://t.co/5QdgldMwuV— Umi Uyura (@umi_uyura) July 10, 2015 またマイナー…

Material UIのTableをさっそく使ってみて

Material UI v0.9.2でTableコンポーネントが追加されました。 Table - Material UI ちょうどデータの閲覧ツール的なものを作っていたこともあり、これを使うと見た目が整理できて良さ気だな、と思ったのですが、まだ First iteration と言っているくらいなの…

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

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

差分比較ツールMeldを起動するための「Meld Launcher」を作った

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

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

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