HTML5対応サイト作成のプラットフォームSencha Touch#01【導入編】
-----
今なら「コーチング」講座が無料です。ディレクター、プロデューサー、起業家向け
-----
Sencha Touchというのは、例えばこんなサイトが作れるものです。
つまりHTML5でサイトなんかを作って、それが、iPhoneやAndroidで動かせる…ということです。
Sencha Touchでスマホ用サイトを作ると、企業サイトもクールになりますね(もちろんデザインのフルカスタマイズもできます)。
もうひとつ、ネットビジネス(アフィリエイトなど)をやる際のテクニックとして、「サテライトサイトを作る」というものがあります。
SEOに関わる話で長くなるので今は割愛。
どうせサテライトサイトを作るなら、スマホ専用サイトを作っちゃった方がいいんじゃないの?
という話も聞きまして。
誰でも簡単にできるかというと、そうはいかないのですが、とりあえずなるべく簡単に導入する方法を考えている次第です。
Sencha Touchの導入に入る前に、
スマホ専用サイトを作る一番簡単な方法は、以下のようなASPを使う方法です。
・smart4me
無料プランではサイトスペースも貸してくれる。ただし10ページまで。
・スマートフォンサイト簡単作成ツール≪作スマ≫
ASP上でサイトを作り、データをダウンロードして自分のサーバにアップするタイプ。自由度高。
上記は両方ともSencha Touchを使っているわけなんですね。
ということで前置きが長くなりましたが、とりあえずはASPを使わずにやってみようよということでSencha Touchの導入編。
1.Sencha Touchをダウンロードする
http://www.extjs.co.jp/products/touch/download.php
ここからダウンロードします。
2.ここに始め方が書いてあります。
http://www.extjs.co.jp/deploy/touch/getting-started.html
でも詳しすぎて不親切。。。
ということで、簡単に書きます。
3.インストールする(ダウンロードしたzipファイルをまずは解凍)
4.解凍してできたフォルダの名前を変える(今回はsencha01とした)
5.ローカルのサーバにアップロード…と言われても…という場合は、今はMicrosoft WebMatrixという便利なものがあるのでこれを使う。(Winのみ)
※WebMatrixダウンロードについては文末に記載
6.「4」で解凍したフォルダをWebMatrixが使うローカルホスト領域に放り込む
ドキュメントライブラリ>My WebSites>sencha01
C:\Users\foo(ユーザーネーム)\Documents\My Web Sites\sencha01
7.WebMatrixを起動し、「新しいサイト」>「フォルダから新しいサイトを制作」を選び、「sencha01」を選択する
WebMatrixが↓こんな画面になるので、「実行」をクリックしてみる。
ブラウザにこの画面が表示されたら成功です。アドレスを見ると、ローカルホストのアドレスになっていますね。
以上でインストールは完了です。
※Microsoft WebMatrixの登場で、開発に弱いデザイナーなども簡単にローカルサーバ(簡易的)が構築できるようになりました。PHPでのページ制作や、WordPressのカスタマイズには、今や欠かせない存在です。
WordPressがここまで普及した一因として、WebMatrixの存在も大きいのではないかと思っています。
WebMatrixの導入は簡単です。こちらからどうぞ。
http://www.microsoft.com/japan/web/webmatrix/
【GMOとくとくBB】WiMAX月額3,770円
Webサイト・CGI ブログランキングへ
今なら「コーチング」講座が無料です。ディレクター、プロデューサー、起業家向け
-----
Sencha Touchというのは、例えばこんなサイトが作れるものです。
Sencha Touch 1.1 iPhoneおよびAndroidのようなタッチ端末で利用できるWebアプリ、それもネイティブアプリのような操作性を持つWebアプリを開発するための世界初のHTML5対応JavaScriptフレームワーク、Sencha Touchがリリースされました。 http://www.extjs.co.jp/products/touch/
つまりHTML5でサイトなんかを作って、それが、iPhoneやAndroidで動かせる…ということです。
Sencha Touchでスマホ用サイトを作ると、企業サイトもクールになりますね(もちろんデザインのフルカスタマイズもできます)。
もうひとつ、ネットビジネス(アフィリエイトなど)をやる際のテクニックとして、「サテライトサイトを作る」というものがあります。
SEOに関わる話で長くなるので今は割愛。
どうせサテライトサイトを作るなら、スマホ専用サイトを作っちゃった方がいいんじゃないの?
という話も聞きまして。
誰でも簡単にできるかというと、そうはいかないのですが、とりあえずなるべく簡単に導入する方法を考えている次第です。
Sencha Touchの導入に入る前に、
スマホ専用サイトを作る一番簡単な方法は、以下のようなASPを使う方法です。
・smart4me
無料プランではサイトスペースも貸してくれる。ただし10ページまで。
・スマートフォンサイト簡単作成ツール≪作スマ≫
ASP上でサイトを作り、データをダウンロードして自分のサーバにアップするタイプ。自由度高。
上記は両方ともSencha Touchを使っているわけなんですね。
ということで前置きが長くなりましたが、とりあえずはASPを使わずにやってみようよということでSencha Touchの導入編。
1.Sencha Touchをダウンロードする
http://www.extjs.co.jp/products/touch/download.php
ここからダウンロードします。
2.ここに始め方が書いてあります。
http://www.extjs.co.jp/deploy/touch/getting-started.html
でも詳しすぎて不親切。。。
ということで、簡単に書きます。
3.インストールする(ダウンロードしたzipファイルをまずは解凍)
4.解凍してできたフォルダの名前を変える(今回はsencha01とした)
5.ローカルのサーバにアップロード…と言われても…という場合は、今はMicrosoft WebMatrixという便利なものがあるのでこれを使う。(Winのみ)
※WebMatrixダウンロードについては文末に記載
6.「4」で解凍したフォルダをWebMatrixが使うローカルホスト領域に放り込む
ドキュメントライブラリ>My WebSites>sencha01
C:\Users\foo(ユーザーネーム)\Documents\My Web Sites\sencha01
7.WebMatrixを起動し、「新しいサイト」>「フォルダから新しいサイトを制作」を選び、「sencha01」を選択する
WebMatrixが↓こんな画面になるので、「実行」をクリックしてみる。
ブラウザにこの画面が表示されたら成功です。アドレスを見ると、ローカルホストのアドレスになっていますね。
以上でインストールは完了です。
※Microsoft WebMatrixの登場で、開発に弱いデザイナーなども簡単にローカルサーバ(簡易的)が構築できるようになりました。PHPでのページ制作や、WordPressのカスタマイズには、今や欠かせない存在です。
WordPressがここまで普及した一因として、WebMatrixの存在も大きいのではないかと思っています。
WebMatrixの導入は簡単です。こちらからどうぞ。
http://www.microsoft.com/japan/web/webmatrix/
【GMOとくとくBB】WiMAX月額3,770円
Webサイト・CGI ブログランキングへ
弊社は各ランクのブランド商品満載し、ブランド通販店で一番信用のある店なので!。
品質はこちらが間違いなく保証します。
https://www.ginzaoff.com/wallet/product-21847.html
■取扱ブランド ロレックス時計コピー、カルティエ時計コピー、IWC時計コピー、
ブライトリング時計コピー、パネライ時計コピー.
◆ スタイルが多い、品質がよい、価格が低い、実物写真!
◆ ご入金頂いてから最速4日、遅くとも7日程度でご指定場所へ発送出来る予定でございます
◆ 商品送料を無料にいたします
https://www.ginzaoff.com/watch/menu-page-2-pid-268.html
◆信用第一、良い品質、低価格は 私達の勝ち残りの切り札です。
◆ 当社の商品は絶対の自信が御座います。
◇ N品質 シリアル付きも有り 付属品完備!
https://www.ginzaoff.com/bag/product-9392.html
◆ 必ずご満足頂ける品質の商品のみ販売しております。
◇ 品質を最大限本物と同等とする為に相応の材質にて製作している為です。
◆ 絶対に満足して頂ける品のみ皆様にお届け致します。
興味あれば、是非一度サイトをご覧になって下さい。
今後ともよろしくご愛顧くださいますよう、お願い申し上げます
https://www.ginzaoff.com/bag/product-6900.html
お取り引きを開始させていただきたく思います。
詳細に関してはどうぞお気軽にご連絡ください。
by MarquisWaict (2019-09-20 11:17)
ブランド商店-賢者の買物
弊社は各ランクのブランド商品満載し、ブランド通販店で一番信用のある店なので!。
品質はこちらが間違いなく保証します。
相互信頼を旨(むね)として貿易関係を結びたいのですが。
今後ともよろしくご愛顧くださいますよう、お願い申し上げます
URL:
https://www.88kopi.com/menu/menu-p-5-55.html
■取扱ブランド ルイ.ヴィトン、シャネル、クリスチャン ディオール、グッチ、コーチ、ROEXL 、S品、A品、超A品
■主要取扱商品 バッグ、財布、腕時計、靴、服、ベルト、ネクタイ、ライタ!
お取り引きを開始させていただきたく思います。
詳細に関してはどうぞお気軽にご連絡ください。
https://www.88kopi.com/product/product-2605.html
by MarquisWaict (2019-09-25 09:20)