LoginSignup
5
5

More than 5 years have passed since last update.

Ruby で JavaScript を書く、 Opal を使ってみる #opalrb

Posted at

:gem: 概要

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.png

デモ

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

:pencil: メモ

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

外部資料

5
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
5