ElectronでOnsen UI 2.0を使ってみた

成果物

github.com

• このようなTwitterクライアントライクなアプリが簡単に作れます

Onsen UIとは

• ハイブリッドアプリを作るためのフレームワーク
• 日本語のドキュメントがある
• 公式サイト

Onsen UI 2.0で使えるJavascriptフレームワーク

• AngularJS
• Angular 2
• React
• Vue.js
• Meteor
• などなど

やったこと

• ElectronでOnsen UI 2.0を使う
• →Ver1系でElectronでOnsen UIを使うチュートリアルはありましたが、相性などの問題でなかなか大変そうでした

感想

• Onsen UI 2.0では特に問題なく使うことができました
• ボタンを装飾したければボタンタグに<Ons.Button 〜とするだけでCSSが適用されるので学習コストが低くて使いやすい