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

執筆者:

関連記事

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

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

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

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

Todolistをmarionette化

By: Jackie – CC BY 2.0 目次1 Marionette.js2 インストール3 Application4 gulpfile.coffee5 ItemView6 Coll …

no image

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

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

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

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