この Web ページで行うこと.
css, development-buldle, js, index.html の 4つができる.index.htmlは邪魔になるので消しておく.
フォークされています: https://github.com/mihaifm/linq
操作を簡単に行ないたいので Aptana Studio を使っていますが,Aptana Studio に固有の機能は使っていません.
◆ Aptana Studio 3 での操作手順(例)
◆ 端末での操作手順(例)
rails new -J -d sqlite3
◆ 端末での操作手順(例2)
rails new -J -d sqlite3 -m http://datamapper.org/templates/rails.rb
ここに登場するオプション
ActiveRecord では rake db:migrate, DataMapper では rake db:automigrate のようです
rails g controller main jssample
gem 'jquery-rails' gem 'haml-rails' gem 'rspec-rails'
bundle install
rails g jquery:install
HTML ファイルのヘッダの中に次のように書く,という手段もある.
<script type="text/javascript" src="www.google.com/jsapi"></script> <script> google.load("jquery", "1.6.2"); google.load("jqueryui", "1.8.14"); </script>
jQuery, jQuery UI, LINQ のダウンロードがうまく行ったことを確認したいので, JavaScript のサンプルプログラムを動作させてみます.
※ JQuery の機能も LINQ の機能を使わない単純な見本です.
◆ JavaScript の簡単なプログラム(ポップアップウインドウ)
<?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; initial-scale=1.0; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="MSThemeCompatible" CONTENT="yes" /> <title> JavaScript Sample </title> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery.ui.all.css" /> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> <script type="text/javascript" src="js/jquery.linq.min.js" type="text/javascript"></script> <script type="text/javascript" src=//"maps.google.com/maps/api/js?sensor=false"></script> </head> <body> <h1>Main#act3</h1> <script type="text/javascript"> <!-- document.write("Hello World!!"); // --> </script> <img src="/images/rails.png" id="img1" onDblClick="alert('double-click')"/> </body> </html>
rails s
◆ 動作結果の例
Web ブラウザで,http://localhost:3000/main/jssample を開く