音楽についてもっと深く知るためのマッシュアップアプリ·DiscoverMusic MOONGIFT
DiscoverMusicはSenchaフレームワークを使ったオープンソース・ソフトウェア（GPL v3）です。 Senchaは強力なWebフロントエンドフレームワークですが、実際に作られたものをあまり見る事がないように思います（Sencha Touchは見ますが）。そこで実際どのようなものをできるかを知る上で試して欲しいのがDiscoverMusicです。 トップページです。下にジャンルが並んで、上にストーリーが並んでいます。 ジャンルを選ぶとストーリーが切り替わります。 こちらが記事の詳細です。ストーリーを聴いたり、お気に入り登録したりできます。 お気に入り登録した記事の一覧です。 見た目がとても格好いいです。 DiscoverMusicでは実際の音楽を聴くというよりは、NPR（National Public Radio）のAPIを使って音楽にまつわるストーリーなどを含めて楽しめるサー
HTML5コンテストで優勝したタスクアプリ·JDI MOONGIFT
JDIはHTML5/JavaScript製のタスクアプリです。 HTML5で何ができるのか、そんなコンセプトで行われたコンテストがHTML5 is Ready Contestです。そして見事優勝を勝ち取ったのがJDIになります。 ログイン画面です。ユーザがいない場合はまず登録を行います。 ログイン後に表示される情報です。 サンプルデータを登録しました。 左側にタスクが並んで表示されています。 タスクをクリックすると詳細が出ます。 編集もできます。 タスク詳細にある円をドラッグすると、時間の入力ができます。 タスクの追加画面です。 JDIはHTML5でできたTodoアプリです。Webブラウザベースなのでデスクトップはもちろん、スマートフォンやタブレットでも使えます。そして現在作業可能な時間を入力すると作業可能なタスクをピックアップしてすべき作業をリストアップしてくれる面白い仕組みがあります。
Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック
Sencha Touchの開発チームがHTML5で高速に動作するFacebookアプリを開発したことを紹介した1つ前の記事 「Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム」は、非常に多くの読者に注目されました。 この記事で紹介したSencha Touch開発チームのブログ「The Making of Fastbook: An HTML5 Love Story」の後半では、どのようなテクニックを用いて高速なHTML5アプリケーションを実現したのかも紹介されています。 この記事では、その3つのテクニックについてポイントを紹介したいと思います。タイムラインやニュースフィードのようなユーザーインターフェイスを備えたモバイルアプリケーションは、これから広く開発されていくことにな
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム Facebookは今年、HTML5ベースで開発したモバイルアプリの動作速度や安定性で不評を買い、動作を改善したネイティブアプリケーションをあらためてリリースしました。ザッカーバーグ氏もこれを振り返って「HTML5に賭けたのは失敗」と発言しました。 しかし「Facebookのモバイルアプリ開発チームが抱えた問題の理由を、私たちは怪しいと思っている」（We had our suspicions about why Facebook's mobile application team had problems）とブログに書いたのは、HTML5ベースのモバイルアプリケーションフレームワーク「Sencha Touch」の開発チーム。
Sencha Touch 2を使用したアプリケーション入門
Sencha Touch 2.0 のRCが公開されています。 そのドキュメントのガイドにある Intro to Applications with Sencha Touch 2 を翻訳しました。 Sencha Touch 2は、複数のプラットフォームで動作するアプリケーションを構築することに最適化されています。 できる限り簡単にアプリケーションを構築するために、 シンプルですがパワフルなMVC(モデル、ビュー、コントローラー)パターンを実現するアプリケーションアーキテクチャーを提供します。 このアプローチはコードをクリーンでテスト可能で保守しやすく保ち、アプリケーションを書く上でのいくつかの恩恵を提供します。 履歴のサポート: アプリケーション内で戻るボタンをサポートし、アプリケーションのどのバートにもリンクできるようにします。 ディープ リンク: ウェブページへのリンクのようにアプリケー
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コ
[JS] SenchaTouch入門に最適なWebサイトまとめ | RakuMobi
RakuMobiはSenchaTouchというJavascriptフレームワークを使用しています。 SenchaTouchの敷居はパッと見低め。 カルーセルが超簡単に作れてスワイプしたときの感動はひとしおです。 が、、、さらに一歩踏み込んだ事をやろうとするとドツボにはまります。 偽ハッカーは一歩踏み込もうとしたときに、きっと心を折られます。 でも貴方が立派なハッカーなら、突如出現した半端無く高い壁にでも立ち向かえるはずです。 ということで、これからSenchaTouchに挑む立派なハッカーのために、SenchaTouch入門用サイトをつらつら挙げていきます。 参考になれば幸いです。 SenchaTouchの感動を味わえるサンプル サンプルの動きを見るだけで、とても感動します。まさかこれがブラウザ上で動くなんて。 間違っても入門の時点で、このサンプルのソースコードを読んではいけません。棍棒で
ありえるえりあミニ勉強会#1 ～Sencha Touch～ (2012/04/25 19:00〜)
お知らせ 【重要なお知らせ】iOSアプリの運用および提供を2024年6月3日(月)を以て終了いたします。詳細は お知らせをご覧ください。 お知らせ connpassではさらなる価値のあるデータを提供するため、イベントサーチAPIの提供方法の見直しを決定しました。2024年5月23日(木)より 「企業・法人」「コミュニティ及び個人」向けの2プランを提供開始いたします。ご利用にあたっては利用申請及び審査がございます。詳細はヘルプページをご確認ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
