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
-,

執筆者:

関連記事

GoogleHomeに好きな言葉をしゃべらせる〜google-home-notifier

By: Sabrina Eras – CC BY 2.0 目次1 Google Home2 google-home-notifier Google Home Google Homeは言わず …

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

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

GoogleHomeとRaspberryPi3で赤外線リモコンを操作する〜ADRSIR

By: Fujitaka Daidoji – CC BY 2.0 目次1 ADRSIR2 IFTTTとfirebase3 node.js4 pm2 ADRSIR ADRSIRは、ラズベリー …

ElectronでTrayアイコン

By: Cooks & Kitchens – CC BY 2.0 目次1 Tray2 main.coffee3 できた Tray github.com/atom/electron

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

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