node.js

Electronでmaterialize

投稿日:

Materialize

Materializeは、マテリアルデザインにもとづいたCSSフレームワーク
materializecss.com/

bower

sass

sassファイルとフォントのコピー

sassをコピーして、index.scssでインポートする.
コンポーネントごとに読み込むこともできると思う.

index.scss

Google Fonts

グーグルフォントを読み込まないと、アイコンが使えない.
種類がいまいちだから、アイコンだけFontAwesomeのほうがいいかも.

browserify

Javascriptのインポートだけど、ここでdebowerifyがうまく機能しない.
ここを参考に、browserify-shimを使ったらうまくいった.

package.json

レンダラプロセスでrequire

できた

screenshot

-node.js
-,

執筆者:

関連記事

Electron + CoffeeScript + Backbone.js + EcoでTodolistをつくってみた

By: Purple Slog – CC BY 2.0 目次1 はじめに2 gulpの準備3 Hello electron4 Hello Backbone.js & eco5 Ba …

Electronでsqlite3を使ったアプリ

By: fdecomite – CC BY 2.0 目次1 環境2 electronでnpmモジュールを使うには3 jqueryをレンダラプロセスで使う4 slqite3の使い方5 ipc …

Electronで簡単にMac風UI〜Photon

By: Patrick Hoesly – CC BY 2.0 目次1 Photon2 gulpfile.coffee3 index.scss4 Todolistに適用する5 できた Pho …

デスクトップアプリを作成できるフレームワークをWindowsで触ってみた~Electron

By: Adam Jenkins – CC BY 2.0 目次1 Electron2 前提3 electronのインストール4 Hello World5 パッケージング6 DevTool7 …

Electron+Browserify(debowerify)+jQueryUi

By: Wilson Hui – CC BY 2.0 目次1 bower install2 browserify(debowerify)3 require4 jQueryUIをMarion …