Ext JSの開発でやってはいけない10のこと
Guest Blog Post CNX では、ほとんどのExt JSで行う開発作業はゼロから新しいアプリケーションを生成する事ですが、時々我々のお客様からパフォーマンス問題、バグ、構造問題で既存の内部作業を取り扱う依頼がきます。 この「清掃人」の作業を長い間を関わって来たので、検査しているアプリケーションによく表れるいけないコーディング習慣に気づいてきました。 この10年間を渡って行って来た作業をレビューして、Ext JSのアプリケーション開発でやってはいけない10のことのリストを作成しました。 1. コンポーネント構造の異常や余計な入れ子 開発者がよくする間違いは意味なくコンポーネントをネストすることです。 これを行うとパフォーマンスも傷つきますし、枠が二重になったり意外なレイアウト挙動をしめすなど、アプリケーションにおかしなことが発生する場合もあります。次の1Aの例では、一つのグリッド
Practical Sencha Touch #3: Sencha の BaaS「Sencha.io」を使う
桜が満開ですね。先週、京都を旅行したのですが、清水寺の桜がとても奇麗でした。という訳で、今回は Sencha.io の話をします。 Problem: できるだけ短い開発期間でアプリをリリースしたいが、サーバーサイドのプログラミングが苦手、もしくは、毎回同じようなサーバーサイドのコードを書くのが面倒。 Solution: BaaS の利用を検討してみましょう。BaaS は Backend as a Service の略で、アプリのサーバーサイドで実装する機能を API として提供してくれるサービスです。 アプリのバックエンドで必要な機能は、だいたい似ています。ユーザー登録、ログイン認証、データの保存、通知 etc。これらの機能を、アプリを作る度に毎回用意するのは面倒ですし、しっかりと実装するにはそれなりのスキルが必要です。短い開発期間でアプリをリリースしたいときに、サーバーサイドの準備が足か
Ext JS Blog - Ext v1.1 Released
Developers, are you ready to think beyond traditional UI components and move with the next-gen UI components and JS frameworks in the year 2024? You have come to the best place to read about it. User interfaces are quite important since they map the gap between users and digital technology. Since the current UIs are […] No Comments Read more JavaScript is unarguably one of the most commonly used
Sencha Touchのカスタムコンポーネントを作る、パート3
Sencha Touchのコンポーネントについてのチュートリアルの最後のパートです。 ここではExt.tux.AudioCoverのコンポーネントのスタイリングについて説明します。 これ とこれ のポストでコンポーネントのコードの開発についていろいろと説明しました。 ここからはコンポーネントの見た目をカスタマイズしたいと思います。 この際、ネイティブの開発者に対して、HTML5で簡単にネイティブ以上にネイティブなコンポーネントが作れることを 証明してやりましょう。 ではSassファイルを定義することから始めましょう。 Sassファイル: コンポーネントの開発をやり遂げるにはSassファイルを定義する必要があります。 最後にアプリケーションテーマをコンパイルしたら、 ユーザーインターフェイスを正しく描画するための コンポーネントエレメントのスタイルができあがります。 もしあまりSassについ
Sencha Touch Tutorial: メモ帳アプリを作る #7 | kawanoshinobu.com
前回までで、アプリの基本的な機能は完成しました。今回は最終回ということで、デザインやデプロイなど、アプリの仕上げを行います。 デザイン 今出来ているアプリは、見た目だけだと、いかにも「Sencha Touch で作りました」といった雰囲気を漂わせていて、イマイチですよね。これを、iOS のメモ帳アプリ風の見た目に変更します。 Sencha Touch には、見た目をカスタマイズするテーマシステムがあります。テーマシステムは、主に二つの機能があります。 変数 ミックスイン それぞれ解説します。 変数 Sencha Touch で利用する CSS は、Sass という CSS のプリプロセッサを使って作成します。Sass の記法で書いたファイルをコンパイルして、アプリの CSS を生成する、という流れです。このコンパイル時に、カスタマイズ用の変数が指定されていた場合は、その変数を利用して出力す
Japan Sencha User Group | Meetup
Japan Sencha User Groupは、Senchaユーザーのためのコミュニティです。 定期的な勉強会を通じて、Senchaについて知りたいこと、話し合いたいことを共有しましょう。 MeetupのUstream配信はこちら Sencha UG について → 2013デブサミ発表資料
Sencha Touch 2 日本語ロケールファイル
Sencha Touch 2 の日本語ロケールファイルってないんですよね。 Ext JS 4 にはあるんですがね。 ないなら、作ってみようと思い立ち作ってみました。 ファイル名を ext-lang-ja.js として、index.html で読み込んでください。 MessageBox とかが日本語化されます。 まだ、試作品です。テストも完了していません。 いろいろなフィードバックもらえるととてもうれしいです。 今の、バージョンの Ext JS や Sencha Touch は Ext.define の override を使って ロケールを適用しているのですね。Ext.define({override:…}); すごいわ。 ソースコードは、github.com の gist に入っています。 また、ご意見などはここのコメントでもいいですが、 Sencha UGのDiscussions の方
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
EExt Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク
Ext CoreはダイナミックなWebサイト構築に最適な軽量かつ高機能なクロスブラウザー対応のJavaScriptライブラリです。その特徴は： ファイルサイズがコンパクトな約25kb (ext-core.jsをgzip圧縮した場合) 柔軟かつ利用しやすいオープンソースライセンスのMITライセンス Ext開発メンバーにより執筆された体系的かつ網羅的な75ページのマニュアル これまでのExt JSを同じ使い慣れた直感的なAPI Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます Ext JS 3.0とExt GWT 2.0が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - wnielson/sencha-SlideNavigation: Sliding side menu for Sencha Touch apps. Inspired by Facebook's mobile app menu.
Sencha Touch
Sencha.com
http://www.mitchellsimoens.com/Sencha-Projects/demos/
Sencha.com
Pain free sencha touch 2.0 setup with sinatra and guard
Find Sencha Extensions: Components, Tools and Themes — Sencha Market
Sencha Advent Calendar 2012 - Adventar
Ext GWT Docs 2.2.4
Ext JS - JavaScript Library