Sencha Touch 2.0 のRCが公開されています。 そのドキュメントのガイドにある Intro to Applications with Sencha Touch 2 を翻訳しました。 Sencha Touch 2は、複数のプラットフォームで動作するアプリケーションを構築することに最適化されています。 できる限り簡単にアプリケーションを構築するために、 シンプルですがパワフルなMVC(モデル、ビュー、コントローラー)パターンを実現するアプリケーションアーキテクチャーを提供します。 このアプローチはコードをクリーンでテスト可能で保守しやすく保ち、アプリケーションを書く上でのいくつかの恩恵を提供します。 履歴のサポート: アプリケーション内で戻るボタンをサポートし、アプリケーションのどのバートにもリンクできるようにします。 ディープ リンク: ウェブページへのリンクのようにアプリケー
The ultimate visual app builder for developing cross-platform HTML5 applications on desktop and mobile devices. START FREE TRIAL Architect empowers your team to build HTML5 applications using drag-and-drop features, so you spend less time on manual coding and your application code is optimized for high performance. Architect saves developers time by removing the need to type most boilerplate code.
世界中で使用されているRIAアプリケーション構築のためのJavaScriptライブラリ、Ext JS。この素晴らしいツールがより安定し、より早く、より手軽に新しい機能を盛り込んでバージョン・アップしました。 本書では、Ext JS 4を実際にWeb制作の現場で活用し、進化した新しいアプリケーションを生み出すための手順を実践的に解説しています。 第1章 イントロダクション 第2章 Ext JSの基本 第3章 Modern JavaScript 第4章 CSS セレクタ 第5章 クラスシステム 第6章 イベントモデル 第7章 コンポーネントモデル 第8章 コンテナーとレイアウト 第9章 データモデル 第10章 パネルとツールバー 第11章 ボタンとメニュー 第12章 ツリーとグリッド 第13章 フォーム 第14章 テンプレートとデータビュー 購入にあたって 書籍版 電子書籍版 PDF版
開発部の川野です。今回も Sencha Touch をテーマに、記事を書かせて頂きます。 Sencha Touch と言えば、「綺麗な UI」が特徴ですよね (JavaScript だけで画面を構築する独特のスタイルも特徴ですが)。 本記事では、その綺麗な UI を支えている「Sass」「Compass」というツールについて、また、Sencha Touch で、それらをどのように利用しているかについて、少し覗いてみたいと思います。 Sass makes CSS fun again. Sass は、CSS の冗長性や、保守性・生産性の悪さを解決するために生まれた CSS の拡張言語です。独自の文法で記述したファイルをコンパイルして、CSSを生成します。 Sass の具体的な説明は本記事では割愛させて頂きますが、一言で言うと、CSS の「プログラミング」を可能にしてくれます。押さえておきたい特
タイトルが意味不明ですみません (´・ω・`) 勉強会のテーマは 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アプリ
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
今週(10/23-26)、米国オースティンで、年に一度の Sencha の大規模なカンファレンスがあり、そのなかで、Sencha Touch の次期メジャーバージョン「Sencha Touch 2」についての紹介がありました。 Twitter ベースの情報なので発表内容はよく分からないのですが、なかなかイケてるようです :p ベンダーからのアピールは「Sencha Touch 2とはどのようなものか」を参考にして頂くとして、本記事では、実際に少し使ってみた印象をお伝えしてみたいと思います。 ※Sencha Touch 2 はまだリリースされていませんが、プレビュー版はこちらからダウンロードすることができます。 コードが綺麗に書けるように 現バージョンの Sencha Touch を使っている人が Sencha Touch 2 を使ってみて最初に感じることは、「コードの書き方が全然違ってる!
この記事は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
さて、前回は、 Sencha Touch と PhoneGap の導入編として Ext.NestedList を利用した簡単なサンプルアプリケーションを紹介しました。今回は、Sencha の世界では今後主流となる Sencha Touch MVC というMVC (Model View Controller) 構成を利用し、より実践的なサンプルアプリケーションの実装を解説します。 この記事のサンプルコードを GitHub で公開しています。 対象読者 Sencha Touch と PhoneGap の組み合わせに興味のある方を対象としています。 ただし、PhoneGap + Sencha Touch を利用したプロジェクトのセットアップ方法などについては解説しない為、詳細は前回の記事、及び PhoneGap の公式のサイトを参照してください。 準備 Eclipse で Android のプロ
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
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く