開発部 川野です。今週木曜日(7/25)、キャノン IT ソリューションズ様主催の Sencha セミナーでお話させて頂くことになり、デモンストレーション用に表題のアプリを作成しました。Node.js と Sencha Touch を組み合わせてアプリを作りたい方の参考になる気がしたので、ソースコードを公開します。 Photo Sharing App(ソースコード): https://github.com/kawanoshinobu/photo-sharing-app Photo Sharing App(デモ): http://photo-sharing.herokuapp.com Sencha セミナーでは、このアプリの作成方法を解説します。開催時間が平日昼間なのですが、もしご都合のつく方は、ぜひぜひお越し下さい!参加費は無料です ^^ お申し込みは以下のサイトから ↓ Senchaセミ
Sencha Touch Tutorial: HTML5 is Ready App Contest 1位アプリ「JDI」を作る #2 前回は Sencha.io のユーザーサービスを利用して、認証機能を作成しました。今回はアプリのメイン機能であるタスクデータの CRUD(作成、読み込み、更新、削除)機能を作成します。 – 一覧画面 – 作成画面 – 詳細画面 – 編集画面 今回のチュートリアルの完成形は、以下の URL から利用できます。 JDI at Tutorial #2: http://apps.kawanoshinobu.com/jdi-2 JDI は HTML5 is Ready App Contest で 1 位を獲得した Sencha Touch アプリです。アプリの概要については、チュートリアル #0 を参照して下さい。 Sencha Touch Tutorial: HTM
Ext.Panel や Ext.tabPanel や Ext.navigation.View の画面遷移はサンプルにある まあそれっぽくボタンをおしたりするとなんだかアニメーションして画面遷移してくれる。ありがたいことです。 本家ドキュメント::Touch 2.1 - Sencha Docs サンプル::Kitchen Sink 画面全体を遷移させる 本題。上記のような画面遷移はわかったけど、たとえば初回起動時のビューであるとか使い捨てるような画面をつくらなくてはならない、タブメニュー画面に表示する前に別の画面を表示させたいという時がある。そういうときどうすればいいか。 結論としては、とりあえず Ext.Viewport をさがしてみたところなんとなく Ext.Viewport.removeAll() で全体をクリアできるようだったのでそれでクリアしてもう一度 Ext.Veiwport.a
Solution: Sencha Touch の SCSS ファイルに、カスタマイズ用の変数を追加してコンパイルすることで、オリジナルテーマの CSS を作ることができます。 今回は、Google+ 風な配色を意識したテーマをアプリに適用してみたいと思います。 作成した SCSS は以下。 この SCSS から作った CSS を適用すると、以下のような見た目のアプリが、 それっぽい雰囲気を醸し出すアプリに変わります。 – サンプルページ # WebKit系のブラウザ(Chrome, Safari)もしくはスマートフォンでのアクセスをお願いします _o_ http://recipe2.senchafy.com/ ツールバーの左にあるアイコンをタップすると、テーマのリストが出るので、そこで「G++」を選択すると、見た目が切り替わります。 Discussion: Sencha Touch は、テ
第1回/Webアプリが作れるjsライブラリ「Sencha Touch」の使い方 Javascript2012年12月16日 そろそろWebアプリのひとつも作れるようにならなければいけないと一念発起し、習得を試みることにしました。 しかしいかんせん自分はフロントエンドの人間なので、HTMLやJavascriptは理解できても、iPhoneアプリ開発の標準言語であるobject-Cなどはまったくわかりません。 そこで今回はHTMLコーダーでも容易にWebアプリの開発ができるライブラリ「Sencha Touch」を使ってWebアプリの開発に片足を突っ込んでみることにしました。 Sencha Touchとは 米国のSencha社が開発した、HTML5ベースのWebアプリ開発フレームワークです。 Sencha Touchの特徴 Windows環境でもiOS、Androidどちらでも動作するアプリが作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く