Aptana

Aptanaは外国製のフリーの多機能 WEB エディター:開発環境である。日本語の処理もできる。

2012年5月のバージョンは Aptana Studio 3.1.2 である。(このページでのテストはVer1.1-2008年の時のものである。)

HTML / CSS / JavaScript / Ruby / PHP などの作成編集ができる。(まとめて Ajax 開発という。)

Nvu / KompoZer、Dreamweaver、ホームページピルダー などのWYSIWYG (ウィジーウィグ)のHP作成ソフトと連携して、HTML, CSSの編集をすることもできる。

 Aptana 社は、 2005年に設立され、HTML、CSS、JavaScript の開発環境を提供してきたが、 2007年4月にRDT (Ruby Development Tools)を吸収し、 2007年11月30日に RadRails / Aptana Studio 1.0.1 をリリースした。2011年01月18日 Appceleratorに買収され、Aptanaの開発を継続している。

経過
2005年、Aptana は Paul Colton によって設立された。オフィスはCaliforniaのSan Mateo。
2007年4月にRDT (Ruby Development Tools)を吸収。 RadRails(Ruby on Railsの開発環境)を推進。
Aptana は、Ajax,Web 2.0(高度なWebシステム)を対象とした開発環境(IDE)を提供。
Aptanaの正式版「Aptana Studio」は2007年10月29日にリリース。 Aptana 
2007年10月29日 Aptana Studio 1.0 リリース 無料版: Aptana Studio: Community Edition Professional との比較
2007年11月16日 RadRails 0.9.1 リリース (Ruby on Railsの開発環境)
2007年11月30日 RadRails / Aptana Studio 1.0.1 リリース          
2008年01月22日 Aptana Studio 1.1 リリース 86MB→92MB  Aptana Studio 1.1 released!
2008年01月22日 サーバモードでJavaScriptやRubyなどの実行ができる Jaxer を公開。
2011年01月18日 Appcelerator(Titaniumの開発会社)がAptanaを買収  AppceleratorによるAptana買収に関する簡単なまとめ
2011年05月02日 Aptana Studio 3 の正式版3.0.1 リリース
2011年06月14日 iPhon、Androido などのスマートホン開発用のTitanium StudioがAptana Studioをベースにしてリリースされた。
2012年05月11日 Aptana Studio 3.1.2 がリリース  
2012年08月31日 3.2.2 Release
 
Ajax サーバAptana Jaxer マイコミジャーナル  Jaxerの環境構築 技術評論社 
JavaScript だけで作れるAjax Webアプリ:Aptana Jaxerクイックスタート - builder by ZDNet Japan 
Radrails で快適Rails開発 - HouseTect 
TitaniumとAptanaが買収により統合へ - @IT  
Titanium Studio 1.0プレビュー版とデバッガをリリース
米Appcelerator社の増井氏、iPhone/Androidアプリの統合開発ツール「Titanium Mobile」を解説 
長期的にはAndroidの方が有望――モバイルアプリ開発者調査 
新人Aptana使いが3倍くらいのスピードでコードを書いたり修正できるようになるショートカット12選 
Aptana Studio 3の導入 | TECHSCORE(テックスコア)  

 
Aptana  の機能
下記の項目について動画で説明されている。
30項目以上の使い方動画 動画解説 aptana.tv (以下はバージョンによって変わるので、aptana.tv からたどる。)
 全般 動画解説 Overview Snippet
 HTML 動画解説 HTML/CSS Code Assist 
 CSS 動画解説 CSS: Preview    
 JavaScript 
 Debugger 動画解説 Introduction to the debugger Console View and logging Examining variables 
               Stepping through functions Adding breakpoints 
 Ajax=HTML/CSS/JavaScript 
 Ajax libraries       
 RadRails  (Ruby on Railsの開発環境) 動画解説  RadRails: Intro RadRails: Debugging RadRails: Type Hierarchy 
 PHP
 Adobe AIR
 iPhone
 FTP
 


Aptana の使い方

ここではHTMLや、CSSや JavaScriptのソースコードを編集するための使い方の一部について記載する。

コードアシスト:
タグを打ち込む時に、”<”又は最初の1字を打ち込むと、関係する続きのリストが表示され、↓↑で選べるので打ち込みが効率化できる。
この機能は「コードアシスト」という。上の動画リンク参照。打ち間違いは頭に赤の(X) 印が出る。
行番号を押せば反転するので、スニペットから入れ替えが出来る。
Nvuで作ったHTML、CSS ファイルの一部修正や、JavaScriptなどの追加にも使える。

ファインド:
検索・置換
は、” 必ず”編集画面をクリックしてから、Ctrl+F又はEdit / Finedで開くボックスで検索する。検索設定は、Foward, All, Wrap Serchにチェックしておく。検索後は、Ctrl+K Ctrl+Shift+Kで移動できる。画面の文字を選択してから開くとその文字が出る。

サーチ:
括検索・置換
は便利である。ファイルやフォルダーをグルーピング(Working set)化して検索・置換できる。
正規表現[ Reguler expression ]の検索・置換機能は強力である。このサーチ検索は、編集画面以外の所をクリックしてから、Ctrl+H 又は、懐中電灯の絵を押して Searchボックスで行う。編集画面の文字を選択した場合は、その文字で Searchボックスが開く。
最初に、SearchボックスでWorking setとして、Choose で対象ファイルや対象フォルダーをグルーピング化しておく。
グルーピングは、検索ボックスのScope / Working set / Choose / New / Resource /で選んでグループ名をつけて設定する。
検索ボタンを押すと、サーチボックスは消えて、右下のサーチ窓に該当ファイルが表示される。該当部は、この窓の↓↑ボタンで表示する。
エディターの左右の縦バーに検索該当部が表示されるのでマウスで素早く移動できる。手で修正した場合は、サーチ窓の懐中電灯の絵を再度押す。 関係ホームページのフォルダーやファイル群を一括して検索処理できる。置換の場合は3段階4~5回クリックして行う。

ショートカットキー
一覧は、Help/Key assist で見れる。

エラーチェック
Run/Debugで、FirefoxでのJavaScriptのテスト実行ができる。Firefoxで該当実行ページが出ずにAptanaのHPが開いてしまう場合は、ブラウザを閉じて開きなおす。JS実行後エラーで止まると、 Suspededとして、エラーの行か次の行の番号が表示される
同時に下に表示されるコンソール(Console)ボックスのリンクをクリックすると、該当行が反転表示される。

なお、エラー行の表示は、Firefoxだけでもできる。方法はFirefoxでツール/エラーコンソールを開いておいて実行し、止まったら、表示リンクをクリックすれば、止まった次の行が表示される。 但し両方同時に利用は不可。

注意
JavaScriptのデバッグはFirefox+Firebugのアドオンでも、ツール/Firebug/Open Firebug /Consoleでできるが、競合するので、Firebugを削除しないと、Aptanaのデバッグは出来ない。)

デバッグによって、JavaScriptの間違い行を速く発見できる。デバッグは虫のアイコンを押してもできる。

デバッグから元の画面に戻すには、右上の歯車アイコンを押す。

日本語
UTF-8専用のため、Shift_JISなどのファイルは、文字コード変換ツール for .NET(ドラッグ&ドロップだけで変換できる。)などで一括変換する。
UTF-8に変換するには、テキストエディターからコピペしても出来るし、キストエディターで文字コードを指定して保存しなおしてもできる。

プレビュー機能
IE, Firefox などのブラウザのプレビューができる。プレビュー機能を使うためには、HTMLファイルの中の meta 部も、charset=UTF -8とする必要がある。

Refresh
プロジェクト窓のファイルの表示を更新するにはフォルダーを右クリックしてRefreshを押す。

インデント整形
HTMLファイルをインデント整形するには、Edit / Formatでできるが、これで保存すると、元には戻せない。直後ならCtrl+Zで戻せる。

各種画面
Window/ShowView/で、 File、Project、 Snipets、Console、Outlineなどの画面が開く。

Aptanaのその他の機能: 
Ruby on Rails を使って、高度なWEBシステムを短時間で簡単に作ることが出来る。
Aptana Jaxer により、サーバモードでの実行ができる。
使い方は、上記「Aptana の機能」に示した動画解説が参考になる。
参照 → Do Ruby! aptanaのインストールと使い方について < Do Ruby!(Ruby on Railsのシステム開発)
      railsプロジェクトの作成方法、サーバー、rake タスク、ジェネレーターの表示方法などが書かれている。


 
Aptana の設定方法

 インストール

先ず Aptana から DownLoad する。
DL したファイルを実行すれば、C:\Program Files\Aptana\Aptana Studio にインストールされる。インストールの途中でファイアウォールの設定をしていいか問い合わせてくるので、特に問題なければ、 Configureを選択して進む。その後プラグインもインストールするか聞いて来るので、特に問題なければそれもインストールする。
 
 Java SDK のインストール
Aptana の実行にはSDKのインストールが必要。
Java SE Downloads からJDK=「Java SDK」 (Windows Platform - Java SE Development Kit 6 , Multi-language)をダウンロードしてインストールする。ファイルは、jdk-6u5-windows-i586-p.exe 71.39 MB 
JDK5の場合は、SUN 社の DLサイト JDK 6のインストールと環境設定 からDLする。
Java SE 6へ移行する理由と移行をとどまる5つの理由 - @IT 2007/1/13 Java - Wikipedia 
インストール時は全てデフォルト(選択肢は一番上)のままインストールする。(リンク切れの場合はネットで、SUN JDK を検索のこと。)

インストールしたら、JDK=「Java SDK」 に内臓されている最新のJREを、コピーして、Aptanaのフォルダの中の古いJREを、新しいものに入れ替える。
 
 設定

ワークスペース(作ったデータのデフォルト保管先)は My Documents\Aptana Studioの中。変えることもできる。 
HTMLファイルの作成は、 file/new/[Untitled HTML File]又は、file / new / project / next / project name=名前 / finish で、プロジェクトの container:親を作る。親の1つを選んで、file / new / [HTML File] / file name=名前 / finish で新規ファイルが開く。

Aptanaは日本語処理が可能であるが、日本語が入力出来るようにするためには、
 window / preferences / general / workspace / text file encoding=UTF-8 と設定する。

Window / Show View / Other / Aptana Standerd View / Sample でボックスを開く。その中からいろいろなサンプルを選べる。例えばHTMLのファイルを開いておいてダブルクリックでその中に貼 り付けることができる。その結果をブラウザで表示確認するには画面下のFirefox、IEを押すとプレビューで見られる。

Window / Show View / Snippets でスニペット(断片テンプレート)ボックスが開く。その中からテンプレートが選べる。 
スニペットは右クリックEditで編集できる。

スニペット追加は、 file / new / project / next / project name=名前 / finish で、 container:親を作る。
親の1つを選んで file / new / Folder / next / Folder name=snippets / finish で snippetsという子フォルダを作る。このフォルダを選択しておいて、file / new / [HTML File] / file name=名前 / finish でファイルを開く。
その中を全部消して、自分用のテンプレートHTML断片CSS断片ブログファイルなどを持ってきてコピペする / カーソルをトップに上げて、Window / Show View / Snippets /開くボックスの[Snippets Templates] / [HTML Snippets Templates]をダブルクリック /
/右隅に小さな入力ボックスが開く / そこにSnippets 名を記入 / OKで完了。元のファイルはリネームしないこと。
親を消せば全部消える。元データーは、ワークスペースの中に残っているので Inport してやり直し。詳しくはHELPで snippets を検索。     

HTMLファイルのプレビューは、HTMLファイルのメタ部をcharset=UTF-8に変更し、下の、IE Previewを押せば、日本語も表示される。
試しに、Nvu で作ったShift_JISのHTMLファイルをテキストエディターで開きをコピーしてAptanaの編集画面に貼り付けて、
charset=UTF-8に変更して、プレビューで見たら、日本語も正常に表示された。
UTF-8 に変換するには、コピペでもよいし、キストエディターで、文字コードを指定して保存しなおしてもよいし、文字コード変換ツールなどを使ってもよい。

NvuでHTML,CSSを作って置いて、その後工程として Aptana で細かい修正をしたり、JavaScriptを追加するという使い方もできる。Nvuと同時起動しておいて連携プレーも可能。

HTML,CSSの作成には、Nvuを使うと間違いのないページが速く作れる。詳しくは、Nvu/KompoZerで始める・・ を参照。

 
Aptana  の日本語化
Aptana StandAlone版の日本語化 
【目的】メニュー、タブ名、ダイアログの項目などを日本語表示にするための方法であって英語表示で問題なければ不要である。
日本語処理は最初から日本語処理が可能であって、この日本語表示とは関係ない。
【方法】
上で示したようにAptanaのフォルダの中の古いJREを、新しいものに入れ替えることが必要。
次に MergeDoc Project - Pleiades から、Pleiades(Eclipse 日本語化プラグイン)をDLして、
プラグインの中の jp.sourceforge.mergedoc.pleiadesフォルダーを Aptanaのpluginsフォルダーにコピー。
次に、aptana.ini(又はAptanaStudio.ini)の最後の行に
-javaagent: plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar=default.splash を追加。
英語メニューにはいつでも戻せる。戻すには、この行を削除する。別々のサブフォルダに入れて交互に入れ替えれば早い。

 RadRails のインストール
Aptana をインストールしたら、直ぐに RadRails  (Ruby on Railsの開発環境) もインストールしておいた方がよい。
その前に、上に示した、Java SDK を先にインストールしておいた方がいい。また、途中でRuby が必要と出て引っかかるので、下記 Ruby の項目の通り、先に Ruby もインストールしておいた方がよい。
Ruby on Railsは単独にはDLできない。Aptana を起動してから、Help > Aptana Sutudio Start Page > Ruby on Rails > Install >表示されたものにチェックして > Next  >
-----------------------------------------------------------------------------------
【参考】ここで運悪く以下の警告が出てNext のボタンが押せない場合はDLは不可。警告の意味は次の通り。
”Ruby Mylyn Connector Feature (Optional) (0.9.3.6479) requires feature "org.eclipse.mylyn.context_feature (2.0.0.v20070628-1000)", or later version.” (日本語訳→ルビーの「Mylyn Connector Feature」は「org.eclipse.mylyn.context_featureの2007年 06月28日のバージョン2.0.0以後が必要です。)
ここで、Aptana をアンインストール→PCの再起動→C:\Program Files\Aptana\Aptana Studio内の削除はせず(設定した一部が残る)→最新版1.1をインストールしたがやはりDLは不可。
次に、Eclipse.org home →  Eclipse Mylyn Open Source Project → Eclipse Mylyn Downloads から → 
download.eclipse.org/tools/mylyn/update/e3.3 (mylyn-2.2.0-e3.3.zip 4.2MB) をDL → その中のfeaturesフォルダの中に、
org.eclipse.vmylyn.context_feature_2.2.0.I20071220-1700.jar が入っていた。→入れ替えるにもC:\Program Filesの中をmylynで検索しても、同名のファイルもフォルダの無い。
→ ここで考え方を切り替えて Eclipse Downloads から Eclipse IDE for Java Developers - Windows (eclipse-java-europa-fall2-win32.zip78 MB)をDL→ インストールして実行 → その後Aptana を起動してもやはり、Next のボタンが押せずRadRails  はDLできない。
 Eclipse (統合開発環境) - Wikipedia
また考え方を切り替えて、Aptanaフォルダーの中の構成を調査→featuresとpluginsのフォルダの中にいろいろ入っている →featuresフォルダの中に先ほどDLしたorg~jarをコピーしてみた。やはりダメ→同名のフォルダを作ってその中に入れてもだめ。 aptana.iniに何か書くのか不明。→ここで中断→
→ 何もしない状態にして再度、問題の画面を再分析→いろいろやっていたら、分岐の片方(Integration)の「Ruby Mylyn Connector Feature (Optional) (0.9.3.6479)」が赤X印になっている→X印の方の分岐を抜かしにしたらNextが押せるようになることがわかった。
-----------------------------------------------------------------------------------
 Next を押した後 / accept / next / next / finish / install と進んだら→ 途中以下の警告がでた。
Warning: You are about to install an unsigned feature.You may choose to install the feature or cancel its installation.
そこで、Install All を押してどんどん進めて最後に警告がでた→
そこで一番左の、「Install」を押す→ダウンロードが始まる(トラフィックが上がる)→終わったがあまりすっきりしない。
-----------------------------------------------------------------------------------
後日、PCを再インストールしたら、上記の警告は無くすんなりインストールできた。
インストールの後半で、Rails が必要なのでインストールするかと聞いて来るので、特に問題が無ければ、左端のInstall Rails を押す。するとRubyが必要なのでインストールするかと聞いて来るので、特に問題が無ければ、次に進むと、Ruby のホームページが中に開いてそのままになってしまう。そこでその中の、Ruby on Windows の 「One Click Installer」をダウンロードして実行してインストールする。これでRadRailsのインストールが終わりなのかすっきりしない。そこで、再度、 RadRailsのインストールを最初からやってみた、すると選択項目が全て選択済みになっていて、そのまま先に進むと、また、Rubyが必要と聞いてくる。その意味は、単に検出できないだけなので、インストール済みの場合は、真ん中の「 Setup Preferences」のボタンを押すということなので、それを押す。次に、「Installed Interpreters」 の画面(Preferences/Ruby/Installed Interpreters)が出て、緑のチェックが入っているので、ここでOKを押すと、そこでインストール画面は消えてしまい、完了などのメッセージが 出ない。あまりすっきりしない。一旦Aptana を閉じて再起動すると、又Rubyが必要と聴いてくる。右の端のボタンを押すともう聞いてこなくなる。

-----------------------------------------------------------------------------------
インストール後: Aptana の画面の右上に「RadRails」と「Aptana」のアイコンが出ているので、「RadRails」のボタンを押す。
上中ほどに、JaxerのON/OFFボタンがある。Jaxer を下記のようにインストールしてこれを押せばサーバーモードが起動する。

参照→TV 説明
参照 → Leopard でAptana-RadRailsを動かす - 脱・下流エンジニア (仮)
Rubuのパス /System/Library/Frameworks/Ruby.framework/Versions/1.8/usr
Aptanaのパス Window > Preferences > Rails > Configuration ( /usr/bin/rails /usr/bin/rake  /usr/bin/mongrel_rails )
参照 → Do Ruby!(Ruby on Railsのシステム開発)

 Jaxer のインストール
HP作成はアップロードする前にサーバーモードでテストした方がよいので、Jaxer もインストールしておいた方がよい。
aptana.com/jaxer/download からダウンロードして、「Aptana Jaxer」フォルダを好きな場所に置く。次に .bat ファイルをダブルクリックすると黒いDOS画面が出てサーバーが起動する。ブラウザで http://localhost:8081/aptana/ にアクセスすると、その「Aptana Jaxer」フォルダ内の、\jaxer\aptana内のHTMLファイルが開く。ショートカットキーを作っておくとよい。
サーバーモードをオフにするには、黒い画面でスペースキーを押す。
Aptana JaxerでサーバサイドJavaScriptを始めてみよう! 
JavaScript だけで作れるAjax Webアプリ:Aptana Jaxerクイックスタート


参考リンク
「HTML、 CSS、 JS、PHP、Ruby、AIR」 フリーの開発環境Aptana 1.0リリース2007/07/03
Aptana でWebページ作成はここまでできる!(1/3) - @IT2007/8/8
CodeZine: JRubyに対応したフリーのEclipseプラグイン「Aptana RadRails 0.9.1」リリース(開発ツール)
Aptana Eclipseプラグインで始めるRuby on Rails  
Aptana recap: RadRails 0.9.1 released - SWiK
これはスゴイ!  JavaScript統合開発環境「Aptana」: Recently Ajax2006.08.02  
JavaScript 開発ツールの本命! FirebugとAptana(1/3) - @IT2007/11/16
Aptanaの使い方解説
Aptana入門: Actionsを使いこなそう: Recently Ajax 
はてなブックマーク - boowbookmark / Aptana 



Ajax

PCのブラウザ上で動く JavaScript プログラムと、インターネットサーバー上で動くプログラム(Ruby,PHP,Perlなど)を組み合わせた多様なWEBシステムが増えてきた。このような一般的な概念をAjaxともいう。

第2世代のJavaScript(Prototype.js)と、WEBシステムの雛形(Ruby on Rails)を組み合わせて使うことで、高度なWEBシステム(サイト)を、従来よりもかなり短時間で簡単に構築できるようになり、多種多様な市場ニーズと時代のスピードに対応できるようになった。

Ajaxという概念は2005 年2月にJesse James Garrett が命名したものである。名前の付け方はAsynchronous+JavaScript+ XMLをもじったものである。
名前と概念が新しかったために、第2世代のインターネットシステムをWEB2.0というのと同様に有名になった。

Ruby言語でかかれた「 Ruby on Rails 」と prototype.jsを使った「JavaScript 」は、 Ajaxの新しい方向の例といえる。

WEB技術の競争が激しい中では、高度化した多種多様で流動的なWEB システムを、従来より短時間で構築できることが重要になってきている。



第2世代のJavaScript

JavaScript:
PC のブラウザ上で動くスクリプトタイプのプログラム言語。

(スクリプトタイプ:実行時に機械語に翻訳しながら実行するタイプ。ステップ毎のテスト・修正・実行の繰り返しがすぐにできて開発が楽になる。)

ブラウザには、HTML内に書かれたJavaScript 言語を、PCの機械語に翻訳して実行する機能が組み込まれている。
1995年にNetscape2.0に「LiveScript」という名前で搭載された。後にサン・マイクロシステムズと提携して「JavaScript」と命名され多種類のブラウザに搭載さるようになった。
ところが、多種類のブラウザごとに、JavaScript の言語仕様(機能)が異なる事、有効な使い方が一般化しなかった事、初心者が閲覧者にメリットのないページを作りやすかった事、などもあって一時廃れてしまった。
 
第2世代のJavaScript: 
しかし、2005年にHTMLファイルに100KB程度のプログラムライブラリー(prototype.js)を翻訳ファイルとして抱き合わせるという手 法が出てきて状況が変わってきた。このライブラリーを介在させることによって、上位言語を、各ブラウザ(IE,Firefox,Opera,Mac- Safari)毎に異なる下位のJavaScript言語に翻訳して、ブラウザ上で実行できるようになり強力な言語となった。
 
JavaScript は、ブラウザ上での処理とインターネット上での処理ができるで、危険防止のため PC内のファイルにはアクセス出来ないようになっている。 PC内のファイルのアクセスについては、別途閲覧者にブログラムのインストールを求めた り、Activex などでアクセスする手もあるので、JavaScript が安全でもPCが安全というわけではない。
 
第2世代のJavaScriptには、2つの機能がある。第1は、クロスプラウザ(ブラウザ互換性)の機能であり、第2は、上位言語としての機能である。
上位言語としては、既存のオブジェクト言語よりも、簡単で便利なオブジェクト言語になっている。
(オブジェクト言語:対象物の属性を利用して1つの命令で複雑な処理を行える言語)
(ライブラリー:複雑な仕事をひとつの命令で行うプログラムユニット)

Prototype.js:
2005年2月にSam Stephensonのチームが、Ruby on Railsの一部として開発したライブラリーで、Prototype JavaScript の略である。
version 1.6.0は、4184行(124kB)のテキストファイルで、ファイル形式はUTF-8になっている。(ファイルの解読については下記のリンクを参照。)
prototype.jsのファイルは、Download Prototype のサイトから、無料でダウンロードして使うことができる。Ruby on Railsをダウンロードすればその中にも入っている。
自分のサーバーの領域にprototype.jsを、アップロードしておいて、HTML ファイルにprototype.jsを参照する記述をしておけば、HTML内のprototype言語は各ブラウザ(IE,Firefox,Opera, Mac-Safariなど)に応じたJavaScript言語に翻訳されて実行される。
prototype.jsには、クロスプラウザの機能と、上位言語としての機能がある。既存のオブジェクト言語よりも、更に簡単で便利なオブジェクト言語になっている。
prototypeとはライブラリーの意味で、この種のライブラリーと同類のものはYUI など多数あるが、先駆者である prototype.js は中でも多く使われている。

文字列操作は、JavaScriptでは、Stringを使うが、prototype.jsでは便利な拡張命令(拡張クラス)である EnumerableやString.gsubも使える。基本命令は従来と同じである。拡張命令については下記のリンクを参照。

Aptanaを利用すればJavaScript、prototype.js のプログラムの作成、デバッグ(間違い虫探し)がやりやすくなる。


参考

JavaScript
第1 回 JavaScriptの復権 - @IT  http://www.wings.msn.to/
 (目次) 連載: Ajax時代のJavaScriptプログラミング再入門 - @IT 2007/06/12~2007/09/25
                      クロスブラウザ、開発環境、「Firebug」によるデバッグ、「Aptana」によるプログラミング
JavaScript: 世界で最も誤解されたプログラミング言語 - 実用
JavaScript - Wikipedia
いまさら聞けないJavaScript入門(1/3) - @IT

Core JavaScript 1.5 Guide - MDC
とほほのJavaScript入門
みんなのプログラミング無料講座 JavaScript
JavaScript 例文辞典
一番簡単な JavaScript
一番簡単な JavaScript(第7回) 文字の修飾 文字列の検索
プログラミングTips for JavaScript ― ディスカバリーシステム
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
JavaScript入門
JavaScript 講座
JavaScript講座 [Smart]
新JavaScript 入門 趣味のJavaScriptなページ
ささら庵:プログラムの話:JavaScript
梅ちゃん堂 > JavaScript 入門
あものHTML~JavaScript講座~
@IT:基礎解説 スマートな文字列処理のための正規表現入門(前編)
国語の先生の為の正規表現 Regular Expression(Zaco's Page) 各ソフト、各言語での違い
正規表現サンプル集
第1 回 DOMから始めるモダン・スクリプティングの世界へようこそ:ITpro

Prototype.js (Prototype JavaScript) 
prototype.js を使ってみる 1[to-R]
[ThinkIT] 第1回:Prototype.jsを使う準備 (1/2)
prototype.js を使ってみよう: Recently Ajax
【連載】いまからはじめるPrototype.js (1) Prototype.jsの概要と$で始まるメソッ
prototype.js 逆引きサンプル集 - JavaScriptist 拡張クラスを使った多数のサンプルが載っている。
prototype.js リファレンス
prototype.js v1.5.0 の使い方
prototype.js でクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT ブラウザ上でワープロのようにHTMLファイルを作成する実例。
prototype.js を読み解く Prototypeライブラリ|gihyo.jp … 技術評論社 2007年9月3日 prototype.jsの中身(3276行)を調べたもの。
初級者によるprototype.js解読 1回~45回(全文) [prototype.js解読]日記一覧 - Backstage of theater.js 2006.07.09~2006.10.16
【コラム】そろそろきっちりJavaScript (7) prototype.jsを読む(1) | エンタープライズ | マイコミジャーナル 5 回にわたって解読 2007/04/23~2007/07/24
Prototype.js - Effectサンプル prototype.jsを利用して作成したサンプル
Prototype API Documentation - Prototype JavaScript framework 本家に出ているリファレンス(英語)
Prototype Tips and Tutorials - Prototype JavaScript framework 本家に出ている実例(英語)
cyano: prototype.js version 1.4.0系でのEnumerableの使い方
やまねこのWebメモ: prototype.js その他の便利機能
CodeZine: prototype.jsを使った画像サムネイルの表示ライブラリ(prototype.js, サムネイル表示, ライブラリ)
S- MEMO(エスメモ): prototype.jsの使い方
prototype.js を使おう:$()ファンクションの使い方: Recently Ajax
CSS とprototype.jsで「ぶら下げ」レイアウトをやってみた : webデザイナーのナナメガキ
prototype.js 1.5 からの新機能 Template の使い方 - 川o・-・)<2nd life
「prototype.js」を使う方法
付録 prototype.js:ダウンロードして使ってみよう 早速非同期通信を行ってみましょう。
Prototype.js を使って、MovableTypeで最新記事を表示する:Goodpic
prototype.js を使ったJavaScriptでグラフ描画ライブラリ「Plotr」:phpspot開発日誌
IE とFirefoxの違い JavaScript メモ - MLEXP Wiki
JavaScript クロスブラウザに関するメモ - とみぞーノート IEとFireFoxでのJavaScript(と言うか主にDOMまわり)の挙動の違いに関するメモ書き
新JavaScript 入門 25 互換性 IE3.0とNetscape Navigatorとの違い
JavaScript/ 互換性問題 - BugbearR's Wiki
CodeZine:プロトタイプ(prototype)によるJavaScriptのオブジェクト指向  
JavaScript 講座
Prototype.js を使った JavaScript OOP 講座 #01 - IT戦記



WEB時代の言語

 2005年あたりから2008年にかけてのWeb市場の隆盛の中で、Ruby Python などの新言 語はWebの統合言語となりつつある。

PC用の言語(Basic, C++)、CGI用言語(Perl, PHP)、Webサーバー用言語(Java)など多種類の言語を統合する流れになっている。
言語をいくつも組み合わ せてWEBシステムを構築するより、すっきりした言語で統一した方がやりやすい。

ただし、ブラウザ用の言語(HTML, CSS, JavaScript)だけは、ブラウザの支配下にあるので変えようがない。

今後は、HTML+CSS+JavaScript+統合言語という流れが増え ていくと考えられる。

注目度、人気度として、検索エンジンの検索数を参考にする例がある。 TIOBE Software: Tiobe Index (TIOBE index は、言語名を含む検索数から計算されたものである。)

 
Ruby

1995年12 月24日にまつもとゆきひろ氏が発表したプログラミング言語である。 WEB時代の新しい言語で、記述もスマートで短い行数で書ける。ローカルのPCでもインターネットのサーバー上やCGIでも動く。

Rubyはスマートな言語であるため小回りもきくが、大規模にシステムに不利ということはない。

古い言語は 過去の資産が多くメリットも大きいが、2005年にRuby on Rails が登場してきたことによって、Rubyの資産も増えつつある。WEBの利用が先行しているが、他の用途も出てきている。例えば、SketchUpのスクリプトにも使われている。

なお、同様の言語に Ruby の6年前にスタートした Python がある。

2007.12.16 にRuby Ver.1.86-26 がリリースされた。

2007年末にNetBeans-Ruby版が登場してきて、Rubyの開発環境が増えたが、2011年には、NetBeansは、Rubyのサポートをやめた。

実行ファイルにするには、ExerbやRubyScript2Exeなどでexe形式にできる。

開発時の実行速度を上げるための方法として、ジャストインタイムコンパイル(Just In Time Compilation)方式や適応的コンパイル (Adaptive Compilation)という方式もある。

 
Python

1989年12月にオランダの グイド・ヴァンロッサム(Guido van Rossum)  によって考えられた言語である。
Python (programming language) - Wikipedia, the free encyclopedia Python - Wikipedia 

Ruby と同様に、WEB時代の新しい言語である。Webの普及段階において、 Ruby より6年前に登場し、Ruby より先に普及している。
WEB以外では、Blender や GIMP のスクリプトにも使われている。

日本語の解説は少ないが、増えつつある。Python Japan User's Group 本(Amazon) 

Python は Aptana でも PyDev と組み合わせて使うことができる。 
AptanaでPython開発が可能に、「Aptana Pydev」リリース:CodeZine 
Gyk技術者のメモ: PythonのWebアプリケーション開発環境(Aptana + PyDev)


Objective-C

アップルの、開発用言語である。iPhon  iPad などの普及によって、注目度が急上昇している。

 
Microsoft の状況
 Microsoftは、新言語への対抗策として、2005年末から Basic、C# (Basicの改良言語)、C++、を、Visual Studio Express Edition として無償配布し始めた。以前は何万円もしバージョンアップの度に出費が必要だったソフトが、無料で使えるようになった。(Microsoftは、Sun Microsystems との訴訟の末、独自のMicrosoft Java をやめた。)
 
Sun Microsystems の状況
 (Netbeans 7 が Ruby のサポートを終了NetBeans IDE 7.0 でRubyを使う NetBeans 7.0 Beta 2でRubyプラグインを使う )
 Sun Microsystems は、競合するRuby言語の普及にともない、これをJavaに取り込むために、2001年頃からJRuby(Java Ryby)の開発を行ってきた。2006年から2007年にかけてJRubyの開発を強化し、2007年末に、Rubyの開発環境である、 NetBeans Ruby をリリースした。増加するRubyユーザーを取り込み、Javaの資産も利用可能というメリットを打ち出した。NetBeans Ruby は普通のRubyも使えるので、Rubyの利用者は、JRuby、Javaを使うかどうかはともかく、NetBeans Ruby を利用する道もある。
その後、2011年に、Ruby のサポートを終了。Python についても同様にサポートを終了。どちらも終了後でも使える。
JRuby - Wikipedia(英文)  
NetBeans 7.0 用 Ruby & Rails モジュールがアップデートセンターに (Masaki Katakai's Weblog) NetBeans 7.1でRubyろうぜ!   
   
CGI: 
(Common Gateway Interface)は、ウェブサーバ上でブラウザからの情報によってプログラムを実行させるネット対応システム。
CGI用の言語としては、古くから(1987年12月18日~) Perl 、その後 PHP 、Python、Ruby などが使われている。

RubyGem(Gem): 
Rubyのいろいろなライブラリを簡単にインストールするためのツール。
 
 Rubyとは 初心者のためのRubyインストールガイド
 
 
Rubyの使い方

Rubyを実行する方法としては、コマンドプロンプトSciTENetBeans、AptanaRDEVim などを使う方法がある。
 
RubyWindows XPのPC上で実行する方法: 
     コマンドプロンプト編  SciTE 編  Aptana 編  NetBeans編 Redcar編 RDE編  Ruby Link集 
 

【Ruby の使い方】 コマンドプロンプト編
一番簡易的な方法は、コマンドプロンプトによる方法である。ただしエラーコマンドは出ない。コマンドプロンプト
コマンドプロンプトは、WIndows などのOSに内蔵されているプログラム実行画面である。

コマンドプロンプト画面は黒い不便な画面と思われがちだが、画面上部の青いバーを右クリックすることで、コピー、貼り付け、検索、画面のカスタマイズ(画面の大きさ、背景色、フォントサイズ、フォント色)もできるので、ある程度のことができる実行画面である。

Rubyを実行するには、Windows のアクセサリにあるコマンドプロンプト→コマンドプロンプト画面→ cd \ でルートディレクトリー(
c:\>)に変更する→ cd aaaa でファイルxxx.rbを保存したホルダーに変更しておく。
この状態で、c:\aaaa> と出ているので、準備完了。
 
この状態で ruby xxx.rb と入力すれば実行できる。
ここで注意しなければならないのは、次の右図のように、ファイルの拡張子 .rb がRuby inteerpreter に関連付けられていないと、実行できない。
     
もう一つ重要なことは、このファイルは、Shift_JISで書いておかなければ日本語の答えが文字化けする。
Aptana, NetBeans, SciTEなどで作ったファイルをテストする時など、この文字コードの違いに注意。
コマンドプロンプトの文字コードは設定で変えられるが問題もあるので、すすめられない。

以後、テキストエディターでこの xxx.rb ファイルを書き換えて、同様に実行すればよい。

コマンドプロンプト画面の大きさや背景色やフォントサイズを変える方法は次を参照。→ コマンドプロンプトで作業効率UP
(上のバーを右クリックしてプロパティーを選ぶ)
  
 
参考: main.rb の内容

 puts 1.0 + 3.0
 puts 2.0 * 3.0
 puts 5.0 - 8.0
 puts 9.0 / 2.0
 puts 'あああああ'

    
コマンドプロンプトで実効する方法は、ファイル名を手入力する手間がかかり、エラー時のコメントが出ないので、やはり開発ツールを使った方が便利である。


【Ruby の使い方】 SciTE 編
SciTE は、Ruby に最初から貼付されてくる、テキストエディターであり、このエディターでRubyを実行できる。エラーコマンドも表示してくれる。
 
前述のコマンドプロンプトによる実行では、色分けやエラー時のコメントが出ないが、SciTE ではそれが可能となる。
Windowsの場合、One-Click Ruby Installer for Windows からruby186-26.exeをDLする。サイズは24MB。 インストールすると、 c:\rubyに導入される。DL のページ RubyとRailsの学習

SciTE は元々は高機能テキストエディターだが、Rubyコンパイラーが組み込まれているので、Ruby プログラムの開発実行ができる。高速に反応する。しかも色分けが行き届いており、エラー時のコメント表示も細かくされていたれりつくせりである。更に自分で自由に、カスタマイズもできる(後で別途説明)。複雑化して重装備で重たくなった開発環境より効率的かもしれない。Rubyスクリプトを動かそう!

使い方は、初め方が分かりにくいが、スタート/全てのプログラム/Ruby/SciTE で開いて、そこにプログラムを書き、保存しててから、 PF5キー(Tools/Go)を押せば実行できる。プログラムを変更した場合は再度PF5キーを押せば、自動的に保存されて実行される。

概略: タブ化されているので、いくつも開くことができる。設定ファイルから戻る時もタブをクリックする。
FAQはhttp://www.scintilla.org/SciTEDoc.html に書いてある。

SciTE を日本語処理可能にする方法

UTF-8(ユニコード)のファイルを扱う場合は、
[Options] /[Open Global Options File] でプログラムを開く→210行目あたりの code.page=65001(UTF-8)の行とcharacter.set=128(日本語)の行の頭の #を削除して有効にし、code.page=932 (Shift_JIS用)の行と code.page=0のの行の頭に#をつけて無効にする(コメントアウトという)

Shift_JISのファイルを扱う場合は、
[Options] /[Open Global Options File] でプログラムを開く→210行目あたりの code.page=932(Shift_JIS用)と、character.set=128(日本語用)の頭の#を削除して有効にし、216行目の code.page=0の頭に#をつけて無効にする(コメントアウトという)

設定が終わったら/「File → Save」で上書き保存。(Ctrl+Sでも上書き保存できる)
UTF-8 -  Sift-JIS の文字コード指定は、プログラムおよび読み込むファイルとも全て同じ文字コードにしないと、 SciTEはエラーを起こし誤動作を起こす。その場合は開きなおす。AptanaではUTF -8はOKでJift-JISは不可。今後はUTF-8が増える。

普通のテキストエディターでプログラムを書いて保存し、SciTEで開いてPF5を押してもよい。以後、両方開いたままPF5を押すだけ。

アクセサリにあるコマンドプロンプト/黒い画面/cd コマンドでファイルを保存したホルダーに移動/ruby xxx.rbと入力してもよいが一文字づつ打ち込んで実行する必要があるので面倒。
ただし、gets 命令を実行するには、黒い画面から一文字づつ打ち込んで実行する必要がある。

例題をコピペして「File → Save」で上書き保存、PF5 で実行して例題どおりの結果がでるか確認してみる。各文字コードの日本語ファイルの漢字カタカナ記号など全てが読み込み正常に処理できるかどうかも確認が必要う。

なお、SciTEのUTF-8 は、 ユニコードサインBOM(Byte Order Mark)無しにしないと char 357 273 277 expression のエラーがでる事があるが、BOM付きでもエラーが出ないこともある。(BOM付きは日本の1部のソフトの方便らしい。) シリコンバレー 24時: ruby での「 Invalid char `\357' in expression 」エラーメッセージ
更に実際に日本語を処理するためには、前の方に、次の2行を書いておいた方がいい。
◆UTF-8 の場合
require 'jcode'
$KCODE='u'
Sift-JIS の場合
require 'jcode'
$KCODE='s'

日本語処理は簡単ではない。 文字コードを変換する NKF や Kconv というものもある。ただしSciTEでは読み込みも処理も1つに決まってしまう。文字コード変換はテキストエディターで変換するよりも、文字コード変換ツール for .NETなど専門の文字コード変換ソフトを使った方が確実かもしれない。

SciTE のカスタマイズ方法

[Options] /[Open Global Options File] で開くプログラムをいじればよい。変更する場合は、このファイルをバックアップしておく。
ファイルは C:\ruby\scite\SciTEGlobal.properties テキストエディターで変更するとエラーを起こすのでSciTEで変更する。
マニュアルとFAQはここ http://www.scintilla.org/SciTEDoc.html にある。FAQには、画面背景を黒色にする方法出力画面の色を変える方法外部アプリを開かせる方法、 などが書いてある。ライン番号は書いてないので検索して該当行を探す、連続行を示しているわけではなく設定が必要な行だけを書いてある。背景黒色にする場 合は8行分を変更する。外部アプリを開くには、最後の行に新しく、メニュー名、外部ファイル実行コマンド、再読み込み設定など、数行を追加する。
Ctrl+Fで、変更行の文字を検索し、以後F3又はShift+F3で前後して該当行を探し出して変更する。
ここ プログラミング入門 では、SciTEGlobal.properties をカスタマイズ化した例を上げている。変更行は、ファイル比較ソフトDFを使えば着色して見える、
10 11 15 23 62 69 78 79 86 87 110 118 119 148~159 212 215 216 232 281 286 297 320 321 322 326~332 340 367 443 451 468 488 512 522 533 545  辺りが変わっている。入れ替えてみたがあまり違いはなかった。
ここ 空想具現化プログラミング でも、変更箇所を紹介している。

文字が異常に小さい。昔の低解像度800X600pxのモニターで使うにはいいかもしれないが、今の液晶モニターでは具合が悪い。フォントサイズの変更 は、 font.base=font: という文字列を検索で探して、if PLAT_WIN 以下の9行分くらいのフォントサイズを2~4ポイント上げてみる。(332行目あたり。)変更後Ctrl+Sを押すとその瞬間に画面の 文字が変わるので直ぐに確認ができる。フォントフェースは特に変えなくても問題はない。MS ゴシックにして違いを見てもいい。
変更例:上から順に、13 12 13 ・・・ 14 12 12 11 13 13

起動時の画面サイズと位置を変えるには、10 11 15 行目を例えば次のようにする。
position.left=200
position.top=100
position.width=850
position.height=740

起動時に閉じた時の状態でファイルを開くためには、下記の2行を頭の#を外せば有効にする。
save.recent=1
save.session=1

ステータスバーを表示するには、下記の行を頭の#を外して有効にする。 これは開きなおしてから表示される。カーソルの行番号とカラム番号が分かって便利である。
statusbar.visible=1

下記にテストした画面を示す。




【Rubyの使い方】 Aptana 編

Aptanaに、RadRails(Ruby on Railsの開発環境)のプラグインをインストールすれば、Rubyの開発や雛形を使ったアプリケーションの作成ができる。RadRailsのインストールには、 Ruby と、Ruby Rails をインストールする必要がある。Linux 版もある。
RadRailsのインストール方法は、Aptanaのインストールを参照。

既に Aptana が前述の設定で Ruby on Rails のインストールまで出来ている前提で Ruby の使い方を説明する。
画面左上のメニューから、File/New/Project/wizard画面/Ruby Project/Next/Project Name入力(Rubyホルダと分かる名前が望ましい)/Finish で左サイドボックスにプロジェクトフォルダーが開く。不要になったら右クリックで削除可。

次に実際に使うプログラムファイルを作成する。上で作成したホルダーを右クリック/New/Ruby Class/ Name 入力(頭は大文字)/Finish で指定 Ruby プロジェクト内にxxxx.rb ファイルが作成され上画面に開く。(クラス化されるので他からも引用可。)

開いたファイルの1行目に class xxxx と出るので、2行目からプログラムを書くかプログラミング講座の練習問題をコピペする。実行は、メニューバーから Run/Run As/Ruby Application をクリック。結果は下の画面の Ruby Console に出る。

日本語の出力をコンソールに出すと文字化けする。勉強で処理結果をコンソールに出して見る時などはこの点が不便かもしれない。しかし実際に使うときは、コンソールに出力する事はなく、ファイルなどに出力するので、あまり問題ないかも知れない。
他に、他のソフトで作成した .rb ファイルを Aptana で開くとUTF-8であっても日本語が文字化けする場合がある。勉強で使うにはSciTEの方がいいかもしれない。
日本語文字化けはいろいろな状況で発生するようなので、一筋縄ではいかないようだ。


 

【Rubyの使い方】 NetBeans 編

Netbeans 7 が Ruby のサポートを終了したので、今後は Aptana を使った方がよい。同様にPython のサポートも終了した。
 (Netbeans 7 が Ruby のサポートを終了NetBeans IDE 7.0 でRubyを使う NetBeans 7.0 Beta 2でRubyプラグインを使う )
 
 NetBeans Ruby は、 Aptana Ruby とほぼ同じ頃の、2007年末に、NetBeans 6.0の中の一つのパックとして、Ruby版が登場してきた。Ruby on Railsも含まれている。インストールするだけで直ぐに使える。画面も最初から日本語でヘルプも日本語である。日本語の解説サイトもある。Linux 版もある。
NetBeans はJava との統合を目指していて、Aptanaは、HTML、CSS、JavaScript との統合を目指していて、開発姿勢は違うが、Rubyの開発環境としては、どちらでも使える。
NetBeans はサン・マイクロシステムズ(Sun Microsystems)を中心としたコミュニティにより開発されている。
サン・マイクロシステムズがNetBeans Rubyを出すのは自分のJavaの首を絞めるのではないかとも言われている。しかし、Javaの資産が使えるメリットを生かしてJRubyへの取り込みを目指した方が得策と考えているようだ。
NetBeans には、C++、Java、PHP、版もあるが、新しい言語のRuby をやるのに、古い言語までやる必要はないという場合は
Ruby版(30MB)だけインストールすればよい。 一覧表
付属のRUbyではデバッグができないので、別途Rubyを入れた方がいいそうである。

NetBeans Ruby を実行するには、Aptanaと同様に JDK6 (SDKともいう)が必要である。
JDK 6 Update 7  Windows Offline Installation jdk-6u7-windows-i586-p.exe     77.45 MB をインストールする。
インストールは数回クリックするだけで簡単である。全て標準設定のまま進む。終わったら登録を聞いてくるが登録の必要はない。

NetBeans Rubyをインストールしたままでは処理結果が文字化けするので、
Complete Mirage - NetBeansで NetBeans を・・水の森ノートを参照するとよい。
C:\Program Files\NetBeans 6.1\etc\netbeans.conf の中に、netbeans_default_options="-J-Dfile.encoding=UTF-8" を書くとのこと。
特に、ツール>オプションの画面はメニューが画面最上部になっていてわかりにくいので、何か設定する場合は注意する。
Ruby on Rails の実行もできるが、最初はRubyだけのテストをしてみた。
ファイル>新規プロジェクト>Ruby>Rubyアプリケーション>次へ>完了>左欄>ソース>main.rbをダブルクリック>puts "Hello World"が見えたところでShift+PF6を押したら、すぐに下の画面に答えが出た。puts "Hello World"を削除して、適当に、Bubyの教材を貼り付けて、再度Shift+PF6を押したら、日本語の答えが出た。

下記画面は、テストしたものである。フォントと背景は、ツール>オプション>フォントと色でMSゴシック14などと設定した。

NetBeans 日本語サイト Ruby および Rails の学習 - NetBeans(本家日本語サイトの詳しい日本語解説) 
NetBeans: Ruby開発者の新しい親友 Aptana Studio NetBeansとの比較  
NetBeans でRuby on Rails開発 Ruby / Ruby on Rails入門
NetBeans をインストールしてみた NetBeans - Wikipedia Aptana からNetBeansへ NetBeans 最強伝説  
 


【Rubyの使い方】Redcar編
 
Rubyを実行できるテキストエディター
    Rubyで開発された多機能テキストエディタ「Radcar」 
    日暮れて道遠し: redcarと日本語 
    Ruby製プログラマ向けエディタ「Redcar」 - MOONGIFT 
    TextMateをLinux/Windowsで使いたい人のためのRedcar    



【Rubyの使い方】RDE編
 
RDE は windows 専用である。(2007/07/07) シリコンバレー 24時: RDE (Ruby Development Environment) のインストール
    install_for_beginner  RDE(Ruby Development Environment) - Ruby開発環境
 


【Rubyの使い方】Link 集

プログラミング入門 Ruby 逆引きRuby - ファイルアクセス Rubyスクリプトを動かそう! (1/3)  FAQ:: 日本語の取り扱い - Rubyリファレンスマニュアル  標準添付ライブラリ紹介 Kconv/NKF/Iconv 文字コードを変換するプログラム:ITpro  iconv - Rubyリファレンスマニュアル   

--- Ruby ---
【日本Rubyカンファレンス2006】「趣味の言語からビジネスの言語へ」---日本初のRuby大規模イベント開催:ITpro
2007 年(第17回)日経BP技術賞 プログラム言語Ruby ネットワーク応用通信研究所 まつもとゆきひろ
2007 年「日経BP技術賞」決定 大賞に「プログラミング言語 Ruby 」日経BP社|ニュースリリース 2007年3月16日
----
Ruby Ruby の本家サイト (503 Service Unavailable:過負荷でアクセスできない場合が多いが何回かトライすると、アクセスできる。)
ドキュメント (はじめよう!) Ruby の本家サイト (503:過負荷でアクセスできない場合が多いが何回かトライすると、アクセスできる。)
チュートリアル(tutorial:指導書) プログラミング入門 - Rubyを使って  
インストールガイド Ruby の本家サイト (503:過負荷でアクセスできない場合が多いが何回かトライすると、アクセスできる。)
リファレンスマニュアル Ruby の本家サイト (503:過負荷でアクセスできない場合が多いが何回かトライすると、アクセスできる。)
Ruby リファレンスマニュアル - CGI  Ruby の本家サイト(503:過負荷 でアクセスできない場合は何回かトライする。)
Ruby リファレンスマニュアル - 添付ライブラリ Ruby の本家サイト(503:過負荷でアクセスできない場合は何回かトライする。)
----
Ruby のほそ道・けもの道
逆引きRuby - ファイルアクセス
Ruby - BugbearR's Wiki
Ruby プログラミングはじめの一歩:ITpro
Rubyによるはじめてのプログラミング Windowsのアクセサリにあるコマンドプロンプト画面で簡単な計算を実行するところから、サーバーに CGI プログラムファイルを転送して、ホームページにカウンターや掲示板を設置する所まで解説されている。
RubyとRailsの学習なら RubyLife
Rubyist Magazine - Ruby ではじめるプログラミング 【第 1 回】2005/10/10 第4回にはグラフィカルなゲームの作成例が出ている。
Rubyist Magazine - 標準添付ライブラリ紹介 【第 14 回】 正規表現 (3) 14回に渡って標準ライプラリの説明をされている。
RubyCGI.org RubyでCGIを作ろう
Rubyist Magazine - Ruby ビギナーのための CGI 入門 【第 1 回】 初めての CGI プログラム
RubyでCGI
Rubyはじめました:RubyでCGI.フォームデータを受けとる :: WEBプログラマー+WEBデザイナーなZARU日記
Ruby実習マニュアル 無料チュートリアル:プログラミング
Ruby プログラミング(1)
Exerb を使用して、Rubyスクリプトを実行ファイルに変換する (Exerb - チュートリアル ) Exerb Project
Exerb 又はRubyScript2ExeによるRuby スクリプトの .EXE 化 Windows における Ruby 開発環境の構築
Exerb Project
RAA - rubyscript2exe
RubyGems Manuals
Ruby on Rails チュートリアル集 | Diaspar Journal
----GUI----
Rubyプログラマの3分の2はRubyでGUIプログラミングの経験あり 日本で最も人気のあるツールキットは「Ruby-GNOME2」
Ruby-GNOME2 Project Website - Ruby-GNOME2 Project Website 日本版
 gtk2-tut - Ruby-GNOME2 Project Website Ruby/GTK2 チュートリアル(一部のみ翻訳)
Ruby-GNOME2 Project Website - Ruby-GNOME2 Project Website 本家
 Ruby/GTK2 Tutorial - Ruby-GNOME2 Project Website Ruby/GTK2 チュートリアル(全文 英語)
Rubyはじめました: Ruby-GNOME2
WindowsXPにRubyとRuby-GNOME2 をインストールする.pdf
Shoesサイト http://shoooes.net/ は消滅 
 Shoes - RubyでGUIアプリ開発を簡単に 
 Rubyはじめました: Shoes 


 

 
Ruby on Rails 

Ruby on Rails
2004年7月にDavid Heinemeier Hanssonが公開したWEBアプリケーション(ブラウザと連動する用途向けのシステム)を作るためのフレームワーク(雛形)。 言語はRubyが採用 されている。雛形を使えば、細かいプログラムからいちいち作りこまなくてもお任せセットで必要なプログラム群が自動的に作成されるため、短時間で簡単なブ ラウザ表示から、高度なWEBアプリケーションまで作れる。掲示板、店舗紹介、ブログ、ウェブメール、検索、住所録、スケジュール帖、作業管理、在庫管理 サービス、翻訳、地図、買い物、決済、Wiki などのWEBページやWEBサービスなどが効率的に構築できる。これらの作成例題もチュートリアルとしてネットにいろいろ出ている。

Ruby on Rails のサイトからDLできる。Ver.2.0  ( 2007.12.17 )
15分でウェブログが作れると書いてある。(Creating a weblog in 15 minutes)

RadRails
: 
2005年11月25日に公開された。 Rubyや、Ruby on Railsを使ったアプリケーションの開発環境(開発用ツール)。略してRailsともいう。
Aptana は RadRails と言ったり Ruby on Rails と言ったりしている。

Aptana:

Aptanaに、RadRails(Ruby on Railsの開発環境)をプラグインとしてインストールすれば、Rubyや、Ruby on Railsを使ったアプリケーションの作成ができる。RadRailsとRubyのインストールが必要。
RadRailsのインストール方法は、Aptanaのインストールを参照。
Rubyのインストール方法は、RubyをWindows XPのPC上で実行する方法を参照。
参照 → Leopard でAptana-RadRailsを動かす - 脱・下流エンジニア (仮)

フレームワーク
(Framework): 
アプリケーションプログラムを作るための雛形。 ライブラリなどで作られている。

--- Ruby on Rails ---
「美しいコードを書けるからRubyを選んだ」---Ruby on Rails作者 David Heinemeier Hansson氏:ITpro 2006/06/21
  以前,JavaやPHPでコードを書いていたが美しいコードを書くことができず不満を感じていたとのこと。
[ThinkIT] 第1回:Railsが注目されている理由 (1/3) 2006/5/24~2006/10/25
RubyとRailsの学習なら RubyLife
Ruby on Rails Fun 「Aptana」でRuby on Railsアプリを作成
Ruby on Rails 半日入門  「Aptana」でRuby on Railsアプリを作成
【特選フリーソフト】生産性の高いWeb開発環境 Ruby on Rails:ITpro
Ruby を仕事に使うべし!:ITpro 2006/10/02~2006/10/02
初めてのプログラミング体験まとめ(Ruby on Rails編):小鳥ピヨピヨ(a cheeping little bird)
Ruby on Rails統合開発環境 - RadRails 0.5公開 | エンタープライズ | マイコミジャーナル 2005/11/29
ITmedia エンタープライズ:第2回 Rails専用IDE「RadRails」でRailsをもっともっと快適に (1/3) 2007年 03月12日
ITmedia エンタープライズ:第1回 Instant Railsで始めるWindows環境のRails (1/2)
Ruby on Rails究極指南: 第2回 Rails専用IDE「RadRails」でRailsをもっともっと快適に 2007年 5月 11日
2006 年「Ruby on Rails」が愛された理由 - @IT 2007/01/12
【連載】 Java開発者のためのRuby / Ruby on Rails入門 (1) 忙しいJava開発者のために
Ruby on Rails チュートリアル集 | Diaspar Journal
Ruby On Rails チュートリアル&MORE | チュートリアル
Ruby on Railsの導入方法
プログラミング入門 - Rubyを使って -, by Chris Pine, 日本語ver. by S. Nishiyama
Railsでソーシャルブックマークを作ってみようか(第2回) - 坊やがゆく
【ハウツー】祝2歳!! Ruby on Rails 1.1 + MySQL Administratorで日記システムを作ろう
Ruby on Rails でお手軽データベースアプリ - WebOS Goodies
Rails' Wiki - TodoListTutorial TODOリスト プログラムの作成
Part3  一目でわかるRuby on Rails:ITpro
Part3  一目でわかるRuby on Rails:ITpro レストラン・ガイド]
RoR Wiki 翻訳 Wiki - 10分で作るRailsWiki for Windows
Windows にRailsの開発環境を構築  (1) MySQLをインストール
Windows にRailsの開発環境を構築  (2) MySQL GUI Toolをインストール
Windows にRailsの開発環境を構築  (3) Rubyをインストール
Windows にRailsの開発環境を構築  (4) Ruby on Railsをインストール
Ruby on Rails
Luroni.Lab | Rails開発環境構築(Windows)篇
Ruby on Rails (開発環境構築)

遠隔地のチョロQを操縦する方法 Do Ruby!(Ruby on Railsのシステム開発) 2008.02.25
Ruby を使ってPaSoRi経由でSuicaの乗車履歴を取得し、GoogleMapsやGoogleEarthで表示する 2008.03.25
aptana でrailsをデバッグ実行する 2008.03.13
Ruby on Railsによるソーシャル・ブックマーク管理デスクトップ・アプリケーション
16000枚のFlickrの写真を気楽に眺めるためのサービスを作ってみた  → 例1 例2 使い方は右欄のキーワードをクリックする。