RubyとQML/Qt Quickで デスクトップアプリを 書けるようにした

RubyHiroba 2014でLTしました

Transcript

1. RubyとQML/Qt Quickで デスクトップアプリを 書けるようにした ! 2014-09-21
2. " seanchas_t # seanchas116 大学生 (10月から休学予定 Ruby歴は2年くらい “しゃなはす”と読みます
3. Qt Quick Qtの一部 QMLという専用言語で UIを記述するフレームワーク Ruby Rubyで スクリプトとして ロジックを記述する 組み合わせて デスクトップアプリを書けるようにする！！
4. ruby-qml https://github.com/seanchas116/ruby-qml $ gem install qml
5. デスクトップアプリ？
8. どうやって書くの？
9. require 'qml' ! QML.run do |app| app.load_path 'main.qml' end Ruby import QtQuick 2.2 import QtQuick.Controls 1.1 ! ApplicationWindow { visible: true width: 200 height: 100 title: "Hello, world!" } QML
10. class ClickMe include QML::Access register_to_qml ! property :text, 'Click me' def on_clicked puts 'clicked' self.text = 'Clicked!!' end end Ruby ApplicationWindow { visible: true Button { text: clickMe.text onClicked: { clickMe.on_clicked() } } ClickMe { id: clickMe } } QML
11. item.value # => 10 item.poyo Ruby Item { property var value: 10 function poyo() { console.log("poyo") } } QML
12. item.value # => 10 item.poyo Ruby class Foo : public QObject { Q_OBJECT Q_PROPERTY( int value MEMBER m_value) int m_value = 10; public: Q_INVOKABLE void poyo() { qDebug() << "poyo"; } }; C++
13. 開発した理由
14. QMLの特徴 UIの記述に特化した言語 ! 宣言的記法 プロパティバインディング オブジェクトのプロパティ同士のデータバインド …
15. QMLの特徴 QMLでビュー (UI) を記述 C++でロジックを記述 イベントとデータバインドでつなげる いわゆるMVVMパターン UIとロジックを分離できる (最近では当たり前？)
16. QMLの開発スタイル QMLでビュー (UI) を記述 C++でロジックを記述 ◯◯で書きたくない？ (◯◯: 任意の好きな言語) QMLは動的言語なので バインディングが比較的作りやすい
17. QMLの開発スタイル QMLでビュー (UI) を記述 C++でロジックを記述 Go go-qml https://github.com/go-qml/qml
18. QMLの開発スタイル QMLでビュー (UI) を記述 C++でロジックを記述 Ruby ruby-qml 今回作った！！
19. せっかくRubyをつかうので… Rubyらしいライブラリにしたい プロパティなどのクラスマクロ ブロック … DSL、メタプログラミングを通して QMLの世界観をRubyに違和感なく持ってくるのを 心がけた
20. 考えられそうなユースケース
21. RubyとQMLのみで C++を書かず楽にデスクトップアプリを作る Ruby コード QML ビュー ruby-qmlアプリ
22. C++・QMLなどをラップ Rubyはグルー言語 Ruby コード ruby-qmlアプリ C++/Qt コード QML ビュー 他の 機能
23. これから
24. Windows対応 ! モバイル対応 (with mruby?)