概要

Ruby で JavaScript を書く、 Opal を使ってみます

Opal とは？

Opal Official
Opal is a ruby to javascript compiler.

Ruby の文法で JavaScript を書くための AltJS 言語です。

サンプル

CDN 版を利用してみます。

ソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Opal Sample</title>
  <script src="http://cdn.opalrb.org/opal/current/opal.min.js"></script>
  <script src="http://cdn.opalrb.org/opal/current/opal-parser.min.js"></script>
</head>
<body>
<script type="text/ruby">
3.times { |i| puts "Hello Opal #{i}" }
puts ('a'..'f').map(&:upcase)
Person = Struct.new(:name, :age)
tanaka = Person.new('tanaka', 34)
suzuki = Person.new('suzuki', 23)
[tanaka, suzuki].map { |e|"#{e.name} - #{e.name}" }.each(&method(:puts))
</script>
</body>
</html>

コンソール出力

Hello Opal 0
Hello Opal 1
Hello Opal 2
A,B,C,D,E,F
tanaka - tanaka
suzuki - suzuki

デモ

Opal デモ
※開発ツールでコンソールを確認すると結果が出力されている

メモ

興味を持った誰かが Opal を深掘りしてくれることを期待

外部資料