{"image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/m/mofmof-inc/20240128/20240128201756.png","categories":["JavaScript","Opal","Rails"],"author_name":"yubachiri","provider_name":"Hatena Blog","blog_title":"\u3082\u3075\u3082\u3075\u6280\u8853\u90e8","published":"2019-04-24 00:00:00","description":"\u516c\u5f0f TL;DR Opal\u5c0e\u5165\u3059\u308b TL;DR \u5168\u90e8Ruby\u3067\u304b\u3051\u308b\u306e\u304c\u3046\u307e\u5473\uff1f Ruby\u306b\u6163\u308c\u89aa\u3057\u3093\u3060JS\u521d\u5fc3\u8005\u306f\u5b09\u3057\u3044\u304b\u3082\uff1f \u306aOpal\u5165\u9580\u3057\u3066\u307f\u307e\u3059\u3002\u5c0e\u5165\u304b\u3089\u30a2\u30d7\u30ea\u304c\u3061\u3087\u3063\u3068\u52d5\u304f\u3068\u3053\u308d\u307e\u3067\u3002 Opal\u5c0e\u5165\u3059\u308b \u9069\u5f53\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3066\u3001\u6e96\u5099\u3057\u307e\u3059\u3002 Gemfile\u306bOpal\u3092\u8ffd\u52a0 gem 'opal-rails' app/assets/javascripts/application.js \u3092 app/assets/javascripts/application.js.rb\u306b\u5909\u66f4\u3057\u3066\u4e2d\u8eab\u3082\u5909\u3048\u308b require 'opal' require 'opal_ujs' require 'tu\u2026","url":"https://www.mof-mof.co.jp/tech-blog/opal-introduction","blog_url":"https://www.mof-mof.co.jp/tech-blog/","width":"100%","type":"rich","version":"1.0","height":"190","title":"Ruby\u3092JavaScript\u306b\u3057\u3066\u3057\u307e\u3046Opal\u3092\u89e6\u3063\u3066\u307f\u308b","author_url":"https://blog.hatena.ne.jp/yubachiri/","provider_url":"https://hatena.blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.mof-mof.co.jp%2Ftech-blog%2Fopal-introduction\" title=\"Ruby\u3092JavaScript\u306b\u3057\u3066\u3057\u307e\u3046Opal\u3092\u89e6\u3063\u3066\u307f\u308b - \u3082\u3075\u3082\u3075\u6280\u8853\u90e8\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>"}