わんくま同盟 名古屋勉強会 #33のセッション資料 http://www.wankuma.com/seminar/20141115nagoya33/

1. わんくま同盟名古屋勉強会#33Xtextハンズオン(仮) ～～きみのDSLが、僕を楽にする。～～
2014/11/15(土)You&I

2. わんくま同盟名古屋勉強会#33
ジコ、ショウカイ。
•H/N：You&I(読み：ユーアンドアイ)
•SNS：@you_and_i
•出身：生まれも育ちも名古屋市
•年齢：30代中盤
•本職：商学部出身の職業プログラマ
•言語：C++, C#他
•所属：プログラミング生放送勉強会名古屋支部
名古屋アジャイル勉強会
わんくま同盟名古屋勉強会
2

3. わんくま同盟名古屋勉強会#33
AGENDA
1.Hands-onとは
2.Xtextの環境構築
3.Xtextのサンプル紹介
4.Xtextハンズオン(5 Minutes Tutorial編)
5.Xtextハンズオン(15 Minutes Tutorial編)
3

4. わんくま同盟名古屋勉強会#33
1. Hands-onとは
Xtextハンズオン(仮)
4

5. わんくま同盟名古屋勉強会#33
1. Hands-onとは
•何なの？と言う方もいらっしゃると思いますので、 言葉の定義から。
•Hands-onとは、体験学習を意味する教育用 語です。参加体験、実習、実験、体感など体を 使う学習方法です。
•Workshopも同じ意味合いですが、今回のよう にPCを使った実習スタイルは、Hands-onと呼ば れる事が多いです。
•XtextによるDSL作成を体験しましょう。

6. わんくま同盟名古屋勉強会#33
2. Xtextの環境構築
Xtextハンズオン(仮)
6

7. わんくま同盟名古屋勉強会#33
2. Xtextの環境構築(1/3)
•Java SE
–Eclipseを実行するには、Java SEのRuntime (JRE)又はJDKがインストールされている必要がありま す。
•Oracle Java SE Downloads
•http://www.oracle.com/technetwork/java/javase/downloads/index.html
–ダウンロードしたインストーラーを実行し、セットアップを 行って下さい。因みにMcAfeeを入れる必要はありま せん。
7

8. わんくま同盟名古屋勉強会#33
2. Xtextの環境構築(2/3)
•Eclipse本体
–公式サイトから入手するか、日本語表示をしたいので あれば、Pleiades All in Oneをインストールします。
•Eclipse公式
–https://www.eclipse.org/downloads/
–Eclipse IDE for Java and DSL Developersをダウンロード する。
•Pleiades All in One
–Pleiades All in Oneでは、チュートリアルのエディタを起動する手 順でEclipseが異常終了してしまい、手順を進める事が出来ませ んでした。
–Xtextを使うつもりなら、こちらは止めておいた方が良いかも。
8

9. わんくま同盟名古屋勉強会#33
2. Xtextの環境構築(3/3)
•Eclipseのインストール＆起動
–Eclipse公式からダウンロードした場合と、PleiadesAll in Oneからダウンロードした場合でも、ZIP書庫 を任意の場所に解凍すればインスト－ル完了です。
–Eclipseの起動は「eclipse」フォルダの 「eclipse.exe」(windows版)又は「eclipse」 (Windows版以外)を実行します。
9

10. わんくま同盟名古屋勉強会#33
2. Xtextの環境構築(3.1/3)
•Eclipseのインストール＆起動(続き)
–Eclipse初回起動時は左上の「Workbench」のリン クをクリックして画面を切り替えます。
10

11. わんくま同盟名古屋勉強会#33
3. Xtextのサンプル紹介
Xtextハンズオン(仮)
11

12. わんくま同盟名古屋勉強会#33
3. Xtextのサンプル紹介(1/2)
•Xtextなかなか難しいです・・・
•公式サイトにチュートリアルがあります。
–http://www.eclipse.org/Xtext/documentation.html
•5 Minutes Tutorial
•15 Minutes Tutorial
•15 Minutes Tutorial -Extended
•Five simple steps to your JVM language
•今日のハンズオンはこのチュートリアルをやります。
12

13. わんくま同盟名古屋勉強会#33
3. Xtextのサンプル紹介(2/2)
•Xtextのプロジェクト作成にもサンプルが含まれて います。より高度なXtextの利用方法を知りたい 場合はこちらで。
13

14. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン (5 Minutes Tutorial編)
Xtextハンズオン(仮)
14

15. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(1/13)
•早速Xtext公式のチュートリアルをやっていきたい と思います。
•今回は公式サイトのEclipse 4.3(luna)で説明 していきます。

16. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(2/13)
•5 Minutes Tutorial
–このチュートリアルでは、新規Xtextプロジェクトの作り 方、完全動作する言語基盤の生成、エディタをテスト する為に新規のEclipseインスタンスを開始する方法 を学びます。
–始める前に、EclipseXtextがちゃんとインストールさ れている必要があります。

17. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(3/13)
•5 Minutes Tutorialの流れ
1.新規Xtextプロジェクトの作成
2.言語基盤の生成
3.エディタを試す

18. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(4/13)
•新規Xtextプロジェクトの作成
–Eclipseのメニューから[ファイル] -[新規] -[プロジェ クト]を開きます。

19. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(5/13)
•新規Xtextプロジェクトの作成(続き)
–ウィザード欄に「Xtext」と入力します。
–一番上の「Xtext」カテゴリの「XtextProject」を選 択します。

20. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(6/13)
•言語基盤の生成
1.DSLのプロジェクトの[src] – [org.xtext.example.XXX]の下にある 「XXX.xtext」の右クリックメニューを開く。
2.右クリックメニューの[Run As(R)] -[Generate XtextArtifacts]を開く。
3.環境構築して初回の実行時は、赤字でANTLRの ダウンロード確認メッセージが表示されるので、コン ソールで「Y」を入力してENTERキー押下するとダウ ンロードされます。
4.Javaのソースコードなど沢山生成されます。
20

21. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(7/13)
•言語基盤の生成(続き)
21

22. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(8/13)
•エディタを試す
–DSLのプロジェクトの右クリックメニューを開く。
–右クリックメニューの[Run As(R)] -[1 Eclipse Application]を開く。
–別なEclipseが起動します
22

23. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(9/13)
•エディタを試す(続き)
–起動したEclipseで何かプロジェクトを作成します。 Javaのプロジェクトでやりましょう。
–「src」フォルダを右クリックして[New]-[File]で新規 ファイル作成ウィザードを開きます。
23

24. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(10/13)
•エディタを試す(続きの続き)
–ファイル名は「XXX.自分が作ったDSLの拡張子」とし ます。
24

25. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(11/13)
•エディタを試す(続きの続きの続き)
–別で起動したEclipseで新規作成したファイルをエディ タで開きます。
–実はこのエディタは、DSLから生成した言語用のエディ タになっています。
•入力補完が効くので「H」と入力したら[Ctrl+Space]をし てみましょう。
•キーワードハイライトもされているはずです。
•ファイル保存すると、入力チェックも行われます。
25

26. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(12/13)
•エディタを試す(続きの続きの続きの続き)
–入力文法は「HelloXXXX!」です。
26

27. わんくま同盟名古屋勉強会#33
4. Xtextハンズオン(5 Minutes Tutorial編)(13/13)
•すみません。私の時間切れで今日はここまでです。
–なんで5分のチュートリアルを実行するのに、こんなに 時間かかるんだよ！w
•Xtextで書いたDSLから言語生成して、生成し た言語がEclipseのエディタ上で正しく動作してい たかと思います。
27