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>

SenchaTouch-環境

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

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

CDNセットアップ

人気の編集者