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

執筆者:

関連記事

no image

socket.ioでリアルタイムチャット

目次1 環境2 準備3 サーバー側~express4 socket.ioのイベント駆動5 サーバー側~socket.io6 クライアント側7  接続者全員にメッセージを流したいので修正8  情報 環境 …

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で簡単にMac風UI〜Photon

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

1から学ぶWebpackの使い方

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