memorycraft wiki: HelloWorldチュートリアル1 はじめにの編集

[[<< SproutCore ドキュメント翻訳トップ>SproutCore ドキュメント翻訳]]
*Hello World チュートリアル 1: はじめに [#ofe92cb8]
#contents
SproutCoreへようこそ！SproutCoreはWeb上のJavaScriptアプリをシンプルに楽しく作ることができる、強力なフレームワークです。このチュートリアルでは新規にSproutCoreプロジェクトをつくり、はじめてのビューを作成するという基本を紹介します。このフレームワークは現在進行中のプロジェクトですので、フィードバックや不明な点があったら[[問い合わせください>http://www.sproutcore.com/community/]]。

**ステップ 1. SproutCoreのインストール [#xdf634c8]

SproutCoreをまだインストールしていなくても、Rubyがインストール済みであれば非常に簡単です。以下のように入力します。

sudo gem install sproutcore

完了です！（Macの場合は、Rubyが動くように開発ツールが必要です）　問題があれば、[[ダウンロードページ>http://www.sproutcore.com/download/]] でより詳しい情報を探すことが出来ます。

**ステップ 2. はじめてのプロジェクトの作成 [#i641e0f7]

SproutCoreにはHTML、CSS,およびJavaScriptを自動的に構成し最適化するビルドツール一式が含まれています。どのようなサイトであれ、第一にやらなければならないことは、全てのファイルを管理するために、新規にSproutCoreプロジェクトを作成することです。そのためにはターミナルを起動し、作業ディレクトリに移動して、以下のとおり入力します。

sproutcore hello_world

これではじめるのに必要な全てのファイルを含んだ新規プロジェクトが作成されました。フォルダーを開くと、”clients”というディレクトリーを確認できるかと思います。ここにビルドされたSproutCoreアプリが保存されます。
SproutCoreをロードする各Webページは、それぞれ別のクライアントとして区別されます。ここでは便宜上”hello_world”と名づけられた最初のクライアントをSproutCoreが作成したのを確認できます。

あなたのプロジェクトのルートディレクトリ（clientsディレクトリを入っているところです）にcd((cd : cdコマンド、change directory))して、SproutCoreサーバーを起動します。~
このサーバーは開発中、動的にコンテンツを構成します。スタートするには以下のとおり入力します。
 cd hello_world
 sc-server

これで準備が整いました。ブラウザ（FireFoxかSafari）を立ち上げて、http://localhost:4020/hello_world　にアクセスしてください、以下のようなものが表示されるはずです。

&ref(http://img.skitch.com/20080423-thcdks56c4gmtgr5i6y79ef4g1.png);

すばらしい！SproutCoreが起動しました。それでは何かコードを書いてみましょう。~
[[Hello World チュートリアル 2: はじめてのビュー へ »>HelloWorldチュートリアル2 はじめてのビュー]]

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

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

[[<< SproutCore ドキュメント翻訳トップ>SproutCore ドキュメント翻訳]]
*Hello World チュートリアル 1: はじめに [#ofe92cb8]
#contents
SproutCoreへようこそ！SproutCoreはWeb上のJavaScriptアプリをシンプルに楽しく作ることができる、強力なフレームワークです。このチュートリアルでは新規にSproutCoreプロジェクトをつくり、はじめてのビューを作成するという基本を紹介します。このフレームワークは現在進行中のプロジェクトですので、フィードバックや不明な点があったら[[問い合わせください>http://www.sproutcore.com/community/]]。

**ステップ 1. SproutCoreのインストール [#xdf634c8]

SproutCoreをまだインストールしていなくても、Rubyがインストール済みであれば非常に簡単です。以下のように入力します。

sudo gem install sproutcore

完了です！（Macの場合は、Rubyが動くように開発ツールが必要です）　問題があれば、[[ダウンロードページ>http://www.sproutcore.com/download/]] でより詳しい情報を探すことが出来ます。

**ステップ 2. はじめてのプロジェクトの作成 [#i641e0f7]

SproutCoreにはHTML、CSS,およびJavaScriptを自動的に構成し最適化するビルドツール一式が含まれています。どのようなサイトであれ、第一にやらなければならないことは、全てのファイルを管理するために、新規にSproutCoreプロジェクトを作成することです。そのためにはターミナルを起動し、作業ディレクトリに移動して、以下のとおり入力します。

sproutcore hello_world

これではじめるのに必要な全てのファイルを含んだ新規プロジェクトが作成されました。フォルダーを開くと、”clients”というディレクトリーを確認できるかと思います。ここにビルドされたSproutCoreアプリが保存されます。
SproutCoreをロードする各Webページは、それぞれ別のクライアントとして区別されます。ここでは便宜上”hello_world”と名づけられた最初のクライアントをSproutCoreが作成したのを確認できます。

あなたのプロジェクトのルートディレクトリ（clientsディレクトリを入っているところです）にcd((cd : cdコマンド、change directory))して、SproutCoreサーバーを起動します。~
このサーバーは開発中、動的にコンテンツを構成します。スタートするには以下のとおり入力します。
 cd hello_world
 sc-server

これで準備が整いました。ブラウザ（FireFoxかSafari）を立ち上げて、http://localhost:4020/hello_world　にアクセスしてください、以下のようなものが表示されるはずです。

&ref(http://img.skitch.com/20080423-thcdks56c4gmtgr5i6y79ef4g1.png);

すばらしい！SproutCoreが起動しました。それでは何かコードを書いてみましょう。~
[[Hello World チュートリアル 2: はじめてのビュー へ »>HelloWorldチュートリアル2 はじめてのビュー]]

[[このページの原文>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 クイック記法リスト

ツールボックス