memorycraft wiki: SproutCoreの入手方法の編集

[[<< SproutCore ドキュメント翻訳トップ>SproutCore ドキュメント翻訳]]
*SproutCoreの入手方法 [#l67ead16]
#contents
SproutCore開発ツールはRubyGemsを使って簡単にインストールできます。インターネット上にあなたのアプリケーションをデプロイする準備が出来てしまえば、Webサーバーと、静的なHTML,JavaScriptとCSSで構成されたScroutCoreアプリケーション以外なにも必要ありません。

**SproutCore開発ツールのインストール [#rc0aeef1]

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

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

$ sudo gem install sproutcore

まだ立ち上がっていなければ、コマンドライン（Mac OSXの場合はターミナル）を立ち上げて、上のコマンドを正確に入力して($マークはタイプしません)、Returnキーを押してください(Windowsの場合は、sudoは削ってください)。
: NOTE : | スペースの都合で、コマンド実行の出力は書きませんが、もしコマンドを実行して何か表示されても気にしないでください。~
たいていのコマンドはコンソールになにかしらの情報を表示しますので問題ありません。

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

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

**SproutCoreの新規ワークスペースの初期化 [#b6ef275f]

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開発サーバーの起動 [#i3dc5c0a]

$ cd my_app
 $ sc-server

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

**SproutCoreアプリケーションのブラウザへのロード [#ibd37e74]

SproutCore((開発サーバーでの話))は http://localhost:4020/ でサービスを展開します。
: NOTE : |このURLをクリックすると[[エラー>http://groups.google.com/group/sproutcore/browse_thread/thread/93cb2c5a057e5bf/8d596ebd408f1a12?lnk=gst&q=Merb#8d596ebd408f1a12]]が起こります。下記のアドレスを使用してください。

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

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

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

[[このページの原文へ>http://www.sproutcore.com/documentation/hello-world-tutorial/]]

タイムスタンプを変更しない

[[<< SproutCore ドキュメント翻訳トップ>SproutCore ドキュメント翻訳]]
*SproutCoreの入手方法 [#l67ead16]
#contents
SproutCore開発ツールはRubyGemsを使って簡単にインストールできます。インターネット上にあなたのアプリケーションをデプロイする準備が出来てしまえば、Webサーバーと、静的なHTML,JavaScriptとCSSで構成されたScroutCoreアプリケーション以外なにも必要ありません。

**SproutCore開発ツールのインストール [#rc0aeef1]

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

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

$ sudo gem install sproutcore

まだ立ち上がっていなければ、コマンドライン（Mac OSXの場合はターミナル）を立ち上げて、上のコマンドを正確に入力して($マークはタイプしません)、Returnキーを押してください(Windowsの場合は、sudoは削ってください)。
: NOTE : | スペースの都合で、コマンド実行の出力は書きませんが、もしコマンドを実行して何か表示されても気にしないでください。~
たいていのコマンドはコンソールになにかしらの情報を表示しますので問題ありません。

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

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

**SproutCoreの新規ワークスペースの初期化 [#b6ef275f]

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開発サーバーの起動 [#i3dc5c0a]

$ cd my_app
 $ sc-server

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

**SproutCoreアプリケーションのブラウザへのロード [#ibd37e74]

SproutCore((開発サーバーでの話))は http://localhost:4020/ でサービスを展開します。
: NOTE : |このURLをクリックすると[[エラー>http://groups.google.com/group/sproutcore/browse_thread/thread/93cb2c5a057e5bf/8d596ebd408f1a12?lnk=gst&q=Merb#8d596ebd408f1a12]]が起こります。下記のアドレスを使用してください。

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

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

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

[[このページの原文へ>http://www.sproutcore.com/documentation/hello-world-tutorial/]]

アップロードしたファイルを表示する書式

編集中のページにファイルがある場合: #ref(./添付ファイル名,nolink,ファイルが表示されない時の説明)
別のページにファイルがある場合: #ref(ページ名/添付ファイル名,nolink,ファイルが表示されない時の説明)

詳しく、全部見たい場合は、記法のページで確認して下さい

ページの目次

#contents

見出し

*見出し・レベル1
**見出し・レベル2
***見出し・レベル3
****見出し・レベル4

リスト（順序無し）

-リスト・レベル1
--リスト・レベル2
---リスト・レベル3

リスト（順序有り）

+リスト・レベル1
++リスト・レベル2
+++リスト・レベル3

段落

~勇者は薬草を手に入れた

定義と説明

:○○って何?|××のことだよ

表組み

|ああこう|どうこう| とするか ,ああこう,どうこう

コード

コードの初めを <pre> で、終わりを </pre> でくくる

URLリンク

[[タイトル:リンク先のURL]]

サイト内リンク

[[ページの名前]]
[[タイトル>ページの名前]]

強調

'''強調'''
''もっと強調''

注釈

((ただし、○○すること))

memorycraft wiki

現在の位置

編集画面

添付ファイルのアップロード

Pukiwiki クイック記法リスト

ツールボックス