memorycraft wiki

<< SproutCore ドキュメント翻訳トップ

SproutCoreの入手方法

SproutCore開発ツールはRubyGems?を使って簡単にインストールできます。インターネット上にあなたのアプリケーションをデプロイする準備が出来てしまえば、Webサーバーと、静的なHTML,JavaScript?とCSSで構成されたScroutCore?アプリケーション以外なにも必要ありません。

SproutCore開発ツールのインストール

Ruby1.8.6とRubyGems? 1.0.1以降（Macの場合はXcode開発ツールも）がマシンにインストールされていれば、SproutCore開発ツールのインストールはコマンド１つで行なえます。 もしそれらがインストールされているかわからない場合や、インストールする必要がある場合は、詳細がInstalling Ruby and RubyGemsにありますので、そちらを訪れてみてください。

このチュートリアルを通して、ターミナルに入力するコマンドは、以下のように $で始まる、背景が灰色のmonospaceフォントで表記します。

$ sudo gem install sproutcore

まだ立ち上がっていなければ、コマンドライン（Mac OSXの場合はターミナル）を立ち上げて、上のコマンドを正確に入力して($マークはタイプしません)、Returnキーを押してください(Windowsの場合は、sudoは削ってください)。

NOTE :

スペースの都合で、コマンド実行の出力は書きませんが、もしコマンドを実行して何か表示されても気にしないでください。
たいていのコマンドはコンソールになにかしらの情報を表示しますので問題ありません。

もしRubyGems?をはじめて使う場合は、SproutCoreのインストール時に、パッケージシステムの初期化が行なわれるために多少時間がかかることがあります。依存関係にあるものをインストールするか確認されると思いますが、すべてYを選んでください。

このコマンド実行が終了したら、おめでとう！SproutCoreのインストール完了です。
次のセクションでは、はじめてのプロジェクトの設定に進みます。

SproutCoreの新規ワークスペースの初期化

SproutCoreの全てのコマンドはSproutCoreワークスペースのルートで実行するように設計されています。
SproutCoreはいかなる場合でもワークスペース名を使用することはありません。自由に名前を付けることが出来ます。

$ sproutcore my_app

以下が新規に生成されたSproutCoreワークスペースの内容です。

README
sc-config.rb (required)
clients
  my_app
    core.js
    english.lproj
      body.css
      body.rhtml
      strings.js
    main.js
frameworks (a directory -- initially empty)
lib (a directory -- initially empty)
log (a directory -- initially empty)
public (a directory -- initially empty)

個別のSproutCoreアプリケーションが clients ディレクトリに作られました。ごらんの通り、my_app というSproutCoreアプリケーションが自動生成されています。

NOTE :

SproutCoreアプリケーションの名前はSproutCoreプロジェクトワークスペースの名前が使用されます。
必要があれば別の名前に変更できますが、これ以降のチュートリアルではmy_appのままを想定しています

SproutCoreはフレームワークであるため、新規に作成されたアプリケーションはすでに機能します。
いますぐにsc-serverコマンドを使用して、アプリケーションのサービスを開始してブラウザにロードすることが出来ます。

必要であれば、追加のSproutCoreアプリケーションを同じワークスペースに作成することができます。
同一ワークスペースに作成されたアプリケーション同士は自動的に特定の属性を共有し、開発中であれば同一のsc-serverによって同時にサービス提供されます。

たとえば、1つの会社のための複数のアプリケーション一式を作成するときは、共通リソースの重複を避けるために、同一のSproutCoreワークスペースに入れることができます。

SproutCore開発サーバーの起動

$ cd my_app
$ sc-server

SproutCoreアプリケーションの開発中は、JavaScript?、HTML、CSSを変更、保存した後、ブラウザをリロードしてその変更を確認します。
sc-serverを再起動する必要はありません。

SproutCoreアプリケーションのブラウザへのロード

SproutCore*1は http://localhost:4020/ でサービスを展開します。

NOTE :

このURLをクリックするとエラーが起こります。下記のアドレスを使用してください。

特定のSproutCoreアプリケーションをロードするためには、以下のように http://localhost:4020　のあとにアプリケーション名を付け加えてください。

http://localhost:4020/''my_app''

思い切って上のURLをクリックして、新しいブラウザウィンドウを立ち上げてください。そして、URL中のmy_app を自分のアプリケーション名に書き換えください。 SproutCoreのwelcomeページが表示されるはずです。もし表示されない場合は、ブラウザのJavaScript?エラーをメーリングリスト宛か、#sproutcore か irc.freenode.netのIRC経由に報告してください。 誰かがあなたの問題を解決してくれるでしょう。

次回は

今回はじめてのアプリケーションの設定と実行を行ない、コーディングを始める準備が整いました。Hello Worldチュートリアルをチェックして初めてのアプリをビルドしてください。

このページの原文へ

関連ページ

1. SproutCore88日前
2. Memorycraft Wiki701日前
3. SproutCore ドキュメント翻訳701日前
4. HelloWorldチュートリアル1 はじめに703日前