最近のトラックバック

Twitter

楽天

« ダイエットと自転車 | トップページ | Sencha(Ext JS4) 2 »

Sencha(Ext JS4) 1

仕事でSenchaを使いそうなので勉強しろとのことなので、Senchaを初めてみる。
目標はこんなWebDesktop。
ま、sample持ってくればそれなりのが動いちゃいそうな気がしますが、とりあえず基本からおさえようかと。

というわけでGetting Startedにあるサンプルを作ってみます。

環境はサーバ側はubuntu12.04、apache2、クライアントのブラウザはChromeかFirefox+Firebugでいきます。
apacheは/var/www/がDocumentRootになってます。
またSehcha(ExtJS)のバージョンは4.2.1です。

  1. Ext JS4SDKをダウンロードしてきます。
  2. 適当なところに展開します。zipファイルなので、unzipをaptあたりでインストールしときます。
    今回は/var/www/extjsに展開しときました。
  3. Sencha Cmdをダウンロード
  4. 適当なところに展開します。「SenchaCmd-4.0.2.67-linux.run」なんてファイルが展開されるので、実行権限をつけます。
  5. SenchaCmd-4.0.2.67-linux.runを実行します。ライセンス条項の表示があって、インストール先のパスを聞かれますので、適当に入力します。今回は/usr/local/にしました。
  6. /usr/local/Sencha/Cmd/4.0.2.67/にパスを通しておきます。
  7. senchaコマンドを実行してみます。バージョンとかオプションとか表示されます。
  8. senchaコマンドを実行してアプリを生成します。
    sencha -sdk /var/www/extjs generate app Myapp /var/www/sencha/
    ※-sdkの引数にはExt JS4 SDKを配置したパス
    ※Myappは任意のアプリケーション名
    ※/var/www/sencha/はアプリの生成先ディレクトリ
  9. 8でDocumentRoot直下に生成したので、http://hostname/sencha/でアクセスします。
    ↓こんな画面が表示されます
    Sencha1
  10. ちなみに本体を/var/www/extjsにおいたのでhttp://hostname/extjsにアクセスすると、サンプルとかドキュメントとか見えるっぽいです。

とりあえずここまで。

« ダイエットと自転車 | トップページ | Sencha(Ext JS4) 2 »

仕事ネタ」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック


この記事へのトラックバック一覧です: Sencha(Ext JS4) 1:

« ダイエットと自転車 | トップページ | Sencha(Ext JS4) 2 »

2018年10月
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
無料ブログはココログ