SenchaTouch-環境

ローカル環境のセットアップ

このセクションでは、SenchaTouchをマシンにダウンロードしてセットアップする方法について説明します。手順に従って環境を設定してください。

ライブラリファイルのダウンロード

次のリンクからSenchaTouchライブラリファイルの商用バージョンをダウンロードします https://www.sencha.com。試用版は、登録済みのメールIDのサイトから入手できます。メールIDは、sencha-touch-2.4.2-commercialという名前のzipフォルダーになります。

フォルダを解凍すると、アプリケーションに含めるさまざまなJavaScriptファイルとCSSファイルが見つかります。主に次のファイルを含めます-

Javascript Files −フォルダ\ sencha-touch-2.4.2commercial \ touch-2.4.2の下にあるJSファイルは−

シニア番号 ファイル説明
1

sencha-touch.js

これは、アプリケーションを実行するためのすべての機能を含むコアファイルです。

2

sencha-touch-all.js

このファイルには、ファイル内にコメントなしで縮小されたすべてのコードが含まれています。

3

sencha-touch-debug.js

これは、デバッグ用のsencha-touch-all.jsの縮小版です。

4

sencha-touch-all-debug.js

このファイルも縮小されておらず、エラー/問題をチェックするためのすべてのコメントとコンソールログが含まれているため、開発目的で使用されます。

これらのファイルをプロジェクトのJSフォルダーに追加することも、ファイルがシステム内に存在する直接パスを指定することもできます。

CSS Files −フォルダI:\ sencha touch \ sencha-touch-2.4.2-commercial \ touch-2.4.2 \ resources \ css \ sencha-touch.cssの下にあるテーマベースのファイルがいくつかあります。

これらのライブラリファイルは、SenchaTouchアプリケーションに次のように追加されます-

<html>
   <head>
      <script type = "text/javascript" src = "../sencha-touch-2.4.2-commercial/touch-2.4.2/sencha-touch-all.js"></script>  
      <link href = "../sencha-touch-2.4.2-commercial/touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
      <script type ="text/javascript" src = "app.js" > </script> 
   </head>
</html>

SenchaTouchアプリケーションコードはapp.jsファイルに保存できます。

CDNセットアップ

CDNは、Sencha Touchライブラリファイルをダウンロードする必要のないコンテンツ配信ネットワークです。代わりに、次のようにExtJSのCDNリンクをプログラムに直接追加できます。

<html>
   <head>
      <script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-all.js"></script>    
      <link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel="stylesheet" />
      <script type = "text/javascript" src = "app.js" > </script> 
   </head>
</html>

人気の編集者

これはWebアプリケーションの開発に使用されるJavaScriptフレームワークであるため、プロジェクトにはHTML、JSファイルが含まれ、Ext JSプログラムを作成するには、テキストエディターが必要になります。市場には複数のIDEがあります。しかし今のところ、あなたは次のいずれかを考えることができます-

  • Notepad − Windowsマシンでは、メモ帳(このチュートリアルに推奨)、メモ帳++などの単純なテキストエディターを使用できます。

  • Brackets −からダウンロードできるもう1つの人気のあるIDE http://brackets.io/。

  • Sublime −からダウンロードできるもう1つの人気のあるIDE https://www.sublimetext.com/3/。