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

執筆者:

関連記事

gulpでelectronをlivereloadしながらcoffeeとsassで開発する環境

By: Nrico – CC BY 2.0 目次1 package.json2 gulpfile.coffee3 bower + browserify4 ストップウォッチ package. …

no image

CentOS5.8にnodebrewでnode.jsをインストール

github.com/hokaccha/nodebrew インストールは簡単

.bashrcに追加 [crayon-5b78ae47a …

Electronで簡単にMac風UI〜Photon

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

ミニドローンTelloをScratch2でプログラミングして飛ばしてみる

By: Christopher Schmidt – CC BY 2.0 目次1 Telloとは2 Scratch23 専用ソフトのダウンロード4 Scratch2オフラインエディターにTe …

1から学ぶWebpackの使い方

By: fdecomite – CC BY 2.0 目次1 webpackとは2 インストール3 webpackをつかう4 webpack.config.js5 babel-loader6 …