memorycraft wiki

SproutCore ドキュメント翻訳

SproutCore 5分間チュートリアル

ステップ１:　ビルドツールのインストール

ここからダウンロードしてください。 （既にインストール済みならステップ２へ）

ステップ２：　SproutCoreアプリの作成

sproutcore example
cd example
sc-server

この段階で、"http://localhost:4020/example"にアクセスすると作成したアプリを起動できます。

ステップ３：　ジェネレータの実行

モデル、ビュー、コントローラーを作成します。exampleディレクトリに移動してから 以下を実行します。

sc-gen model example/contact
sc-gen controller example/detail
sc-gen view example/card

clients/exampleのソースコードをみて、上記のすべてのクラスが作成されたことを確認してください。 テストもモデルデータのフィクスチャーと一緒に作成されます。

ステップ４:　ビューの編集

clients/example/english.lproj/body.rhtmlの中身を編集してください。ページをリロードして編集結果を確認してください。編集するだけではなくビューを新たに作成することもできます。ここでは、例としてbody.rhtmlを以下の内容で置き換えています。

<% content_for('body') do %>

<%= button_view :my_button, :label => 'Here is a functioning button!' %>
<% end %>

また、同じディレクトリにあるCSSファイルも編集することができます。

ステップ５:　単体テストの実行

http://localhost:4020/example/-testsにアクセスしてください。テストがその場で実行されます。 この段階ではまだ何のテストもしません。それはあなたの仕事です(^^)

ステップ６：　ドキュメントの確認

http://localhost:4020/example/-docsにアクセスしてください。右上の"Generate Docs"のボタンをクリックしてください。ここで作成されるドキュメントは、ソースコードに書かれたコメントから作成されます。同じことがSproutCore自体でもできます。http://localhost:4020/sproutcore/-docsにアクセスして、"Generate Docs"のボタンをクリックするだけです。（最初は数分かかりますが、その後はキャッシュされるようになります）

ステップ７：　Step 7: アップロード用ファイルの作成

exampleディレクトリの中で以下を実行してください。

sc-build

新しく作成されたtmp/buildの中を見てください。HTMLファイルやJavaScript?ファイル、CSSファイルがアップロード可能な状態で作成されることが確認できるはずです。このツールは自動的に必要なフレームワークを見つけ出して、アップロードファイルに加えます。できあがったHTMLファイルは適切にキャッシングされ、ロード時間が最適になるように作成されます。

ステップ８：　チュートリアルをやってみる

「HelloWorldチュートリアル1 はじめに」でSproutCoreの詳しい使い方を解説します。

このページの原文

関連ページ

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