Sencha Touch 2を使用したアプリケーション入門
Sencha Touch 2.0 のRCが公開されています。 そのドキュメントのガイドにある Intro to Applications with Sencha Touch 2 を翻訳しました。 Sencha Touch 2は、複数のプラットフォームで動作するアプリケーションを構築することに最適化されています。 できる限り簡単にアプリケーションを構築するために、 シンプルですがパワフルなMVC(モデル、ビュー、コントローラー)パターンを実現するアプリケーションアーキテクチャーを提供します。 このアプローチはコードをクリーンでテスト可能で保守しやすく保ち、アプリケーションを書く上でのいくつかの恩恵を提供します。 履歴のサポート: アプリケーション内で戻るボタンをサポートし、アプリケーションのどのバートにもリンクできるようにします。 ディープ リンク: ウェブページへのリンクのようにアプリケー
Sencha Touch での Sass 利用事例
開発部の川野です。今回も Sencha Touch をテーマに、記事を書かせて頂きます。 Sencha Touch と言えば、「綺麗な UI」が特徴ですよね （JavaScript だけで画面を構築する独特のスタイルも特徴ですが）。 本記事では、その綺麗な UI を支えている「Sass」「Compass」というツールについて、また、Sencha Touch で、それらをどのように利用しているかについて、少し覗いてみたいと思います。 Sass makes CSS fun again. Sass は、CSS の冗長性や、保守性・生産性の悪さを解決するために生まれた CSS の拡張言語です。独自の文法で記述したファイルをコンパイルして、CSSを生成します。 Sass の具体的な説明は本記事では割愛させて頂きますが、一言で言うと、CSS の「プログラミング」を可能にしてくれます。押さえておきたい特
kawanoshinobu の白熱茶道教室 - 煎茶の A to Z
タイトルが意味不明ですみません （´・ω・｀） 勉強会のテーマは Sencha Touch です。 about me 川野忍 （@kawanoshinobu） 仕事では、主に JavaScript を書いています スマートフォン向けWEBアプリの開発、始めました 最近、感動した本 -> パーフェクトJavaScript [技術評論社] (井上 誠一郎 (著), 土江 拓郎 (著), 浜辺 将太 (著) ) それでは、はじめます Sencha Touch の A to Z ∧＿∧ ( ´･ω･) ( つ旦O と＿)＿) 旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦 A: What is Sencha Touch? What is Sencha Touch? モバイルブラウザ向けのJavaScriptフレームワーク HTML5 CSS3 => ネイティブアプリケーションライクなWEBアプリ
Sencha Touch 2 Developer Preview
Today we’re thrilled to share with you the first developer preview of Sencha Touch 2. Sencha Touch 1.0 launched just one year ago and has become the leading framework to build mobile HTML5 apps. Today, we’re delivering a preview of our biggest update to the framework yet. We’ve focused on three key areas: Performance, Ease of Use, and Native Packaging. We’d like to share with you the details of ea
Sencha Touch 2 First Look :)
今週（10/23-26）、米国オースティンで、年に一度の Sencha の大規模なカンファレンスがあり、そのなかで、Sencha Touch の次期メジャーバージョン「Sencha Touch 2」についての紹介がありました。 Twitter ベースの情報なので発表内容はよく分からないのですが、なかなかイケてるようです :p ベンダーからのアピールは「Sencha Touch 2とはどのようなものか」を参考にして頂くとして、本記事では、実際に少し使ってみた印象をお伝えしてみたいと思います。 ※Sencha Touch 2 はまだリリースされていませんが、プレビュー版はこちらからダウンロードすることができます。 コードが綺麗に書けるように 現バージョンの Sencha Touch を使っている人が Sencha Touch 2 を使ってみて最初に感じることは、「コードの書き方が全然違ってる！
Sencha Touchでのテーマ設定入門 | Ext Japan Blog
この記事は12/17に掲載された「An Introduction to Theming Sencha Touch」を訳したものです（翻訳：@taka_2） Sencha Touchは、SASSとCompassを使って構築された、革新的な新しいテーマシステムを導入しました。このシステムを利用すれば、Sencha Touchの基本テーマをアプリケーションやブランドに合わせて簡単にカスタマイズすることができます。Sencha TouchはWeb標準に基づいた設計になっていて、また、現在はWebKitブラウザ向けに作られているため、WebKitで既に利用可能なCSS3の様々なプロパティ、たとえば、角丸や背景グラデーションだけでなく、CSS3ボックスモデルのような高度なプロパティも、自由に利用することができます。そして、SASSとCompassを使えば、CSS3で構成されているSencha Touc
PhoneGapでSencha Touchを使っためも - あられねこのめも
PhoneGapでSencha Touchを使ったときに、PhoneGapのJavascriptブリッジを有効にする方法が少し特殊だったため、メモしておきます。あわせてSench(Ext JS)風味の書き方ものせておきます。 参考サイト Sencha Touch http://www.extjs.co.jp/ Sencha Touchドキュメント http://www.extjs.co.jp/deploy/touch/docs/ Tutorial:A Sencha Touch MVC application with PhoneGap http://www.sencha.com/learn/Tutorial:A_Sencha_Touch_MVC_application_with_PhoneGa PhoneGap http://www.phonegap.com/home/ 概要 PhoneG
TabPanel???????????html????????
sencha1.0RC????????? sencha touch?TabPanel???autoLoad???????????????????ajax???????????????????????????????????????????2???????????? cardswitch?????????alert()???????????????????????Ajax??????????????? ?????????????????? ??????????examples/ajax????????????????????items???????handler??????Ajax??????????TabPanel?????????????? var tp; Ext.setup({ icon: 'icon.png', glossOnIcon: false, tabletStartupScr
Sencha Touch入門:Sencha Touch の付属サンプルCarouselを使ってSencha Touchのコツをつかむ | ExtJSで楽しくRIA業務アプリ開発
Sencha Touch入門 Sencha Touch に付属するでもCarouselを見ながら、基本的なSencha Touchの使い方を紹介します。 コードは配布されているSencha Touchパッケージの/examples/carousel にあります。 ここではindex.htmlについては,前回の記事をごらんください。 index.jsをお好きなエディタで開きながらご覧下さい。 iPad or iPhoneがあるとなおよいと思います。 Ext JSの基本についてはこちらをご覧下さい： Ext.onReadyからはじめるExtJSのまとめ Sencha Touch Examples Sencha TouchはこれまでのExt JSのコードと違う個所がいくつかあります。 今回はその中でも基本となる、3点を紹介します。 1.Ext.setup() 2.onReadyコ
sencha touchでポチってもうたーモバイル版を作ってもうたー所感
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / まだ途中なんですが、ポチってもうたーのモバイル版を作ってみたので感想など。 以前に、Sencha Touch ちょっと触ってみた所感 でもちょっと書いたんですが、sencha touchというフレームワークを使ってやってみました。 動作面としては、iPhone80点、Android60点ぐらいかなーという感想でした。iPhoneだと、かなりサクサク動いていて、ほぼほぼ不満はないけど、気になった点が2,3点ほど。 まず、タップに対する反応が、ちょっと遅れることがあるという点。これはもうブラウザ上で動いている以上しょうがないんですけど、ネイティブだとボタン押したらすすーっと動くという場面でも、あら
Docs | Sencha Documentation
Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an alias (or xtype if the class extends Ext.Component). The alias/xtype is listed next to the class name of applicable classes for quick reference. Access Levels Framework classes or their members may be specified as private or protec
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ext JS - JavaScript Library
Sencha Docs - Touch 2.0
https://senchafiddle.com/
Sencha.com