ExtJSで楽しくRIA業務アプリ開発 » お知らせ http://extjs.blog.sus4.co.jp 株式会社sus4 開発チーム Wed, 01 Sep 2010 02:15:15 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 [ExtJS事例紹介]ウェディングステージグレイセル http://extjs.blog.sus4.co.jp/2010/02/25/extjs%e4%ba%8b%e4%be%8b%e7%b4%b9%e4%bb%8b%e3%82%a6%e3%82%a7%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%82%b9%e3%83%86%e3%83%bc%e3%82%b8%e3%82%b0%e3%83%ac%e3%82%a4%e3%82%bb%e3%83%ab/ http://extjs.blog.sus4.co.jp/2010/02/25/extjs%e4%ba%8b%e4%be%8b%e7%b4%b9%e4%bb%8b%e3%82%a6%e3%82%a7%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%82%b9%e3%83%86%e3%83%bc%e3%82%b8%e3%82%b0%e3%83%ac%e3%82%a4%e3%82%bb%e3%83%ab/#comments Thu, 25 Feb 2010 06:51:14 +0000 佐竹 裕行 http://extjs.blog.sus4.co.jp/?p=462 今回は弊社で作成したExtJSを活用したサイトの紹介です。

Wedding Stage GRACEL（ウエディングステージ グレイセル）は、愛知県の北東部に位置する総合結婚式場です。
今回サイトをリニューアルするにあたり管理画面をExtJSのViewportアプリで構築し、トップページやギャラリーなどではExt Coreを活用しています。

サイトはこちらになります。

Wedding Stage Gracel – 瀬戸、尾張旭、長久手エリアの結婚式場ならウェディングステージ　グレイセル

株式会社sus4ニュースリリース グレイセル様Webサイトをリニューアルしました

管理画面
管理画面では、ニュースの投稿、ギャラリーへの写真の追加、お問い合わせの管理などを1画面にViewportアプリで構築しています。

管理画面のサンプル

管理画面のサンプル

各項目の管理パネルではグリッドを使用して一覧表示を行い、ソーティングやフィルタリングしてローカルアプリのような操作感でコンテンツの管理が行えるようになっています。
お客様にも基本的な操作は別途マニュアルを確認しなくても、直感的にわかって頂けたようです。
またサーバーとはJSONをやり取りするだけですので、レスポンスも早く動作も軽快です。UIをExt JSに置き換えたことで業務の効率が良くなったのを実感していただけることと思います。

Ext Coreの活用
今回のサイトリニューアルでは管理画面だけでなく、トップページなど公開されているページにも積極的にExtを使用しました。
ExtJSをフルで丸々読み込むとライブラリのJSファイルだけでかなりの容量になってしまいますが、Ext Coreの場合はライブラリだけなら25kb程度です。Ext CoreではDOM操作やアニメーションなどのための便利な機能が詰まっています。今回はトップページのアニメーション、ギャラリーのLightboxなどに使用しています。

トップページ　アニメーション

トップページ

トップページ

トップページ上部に展開されるアニメーションにExt Coreのアニメーションを使用しています。アニメーション時のDOMの操作もExt行っています。
フェードイン・フェードアウトアニメーションもスムーズでなかなかです。

ギャラリー　lightbox

Ext Lightbox

Ext Lightbox


ギャラリーページでは写真をクリックするとLigthboxで写真を開きます。
LightboxはPrototype + Scriptaculousが有名ですが、今回はExt Coreのlightboxプラグインを使っています。
見た目は本家のLightboxそっくりですが、中身はExtで動いています。

今回は管理画面だけでなく、公開ページにもExtを使ってリニューアルを図りました。管理画面の直感的な操作に対する反応はなかなかよいので、実際の業務のなかでUIの置き換えによる業務効率の実感していただければありがたいです。またExt Coreを使ったアニメーションの動作もなかなかよさそうなので、これからも積極的に使っていこうと思います。

Share/Bookmark]]> http://extjs.blog.sus4.co.jp/2010/02/25/extjs%e4%ba%8b%e4%be%8b%e7%b4%b9%e4%bb%8b%e3%82%a6%e3%82%a7%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%82%b9%e3%83%86%e3%83%bc%e3%82%b8%e3%82%b0%e3%83%ac%e3%82%a4%e3%82%bb%e3%83%ab/feed/ 0 第4回ExtJS勉強会＠名古屋（2010年1月）を開催します http://extjs.blog.sus4.co.jp/2010/01/12/%e7%ac%ac4%e5%9b%9eextjs%e5%8b%89%e5%bc%b7%e4%bc%9a%ef%bc%a0%e5%90%8d%e5%8f%a4%e5%b1%8b%ef%bc%882010%e5%b9%b41%e6%9c%88%ef%bc%89%e3%82%92%e9%96%8b%e5%82%ac%e3%81%97%e3%81%be%e3%81%99/ http://extjs.blog.sus4.co.jp/2010/01/12/%e7%ac%ac4%e5%9b%9eextjs%e5%8b%89%e5%bc%b7%e4%bc%9a%ef%bc%a0%e5%90%8d%e5%8f%a4%e5%b1%8b%ef%bc%882010%e5%b9%b41%e6%9c%88%ef%bc%89%e3%82%92%e9%96%8b%e5%82%ac%e3%81%97%e3%81%be%e3%81%99/#comments Mon, 11 Jan 2010 15:40:43 +0000 野村 亮之 http://extjs.blog.sus4.co.jp/?p=369 ExtJSユーザーの皆様、あけましておめでとうございます。
2009年12月は、名古屋の勉強会を開催しませんでしたので、2ヶ月間あいてしまいましたが、2010年1月28日（木）に第4回ExtJS名古屋勉強会を開催します。
今回は、株式会社ニューキャストさんのご好意により、セミナールームを借りて開催することになりました。

ExtJS3.1もリリースされ、ますます注目度が増すExtJSを名古屋から盛り上げて行きましょう。

詳細情報については、ExtJSウェブサイトをご覧下さい。

Share/Bookmark]]> http://extjs.blog.sus4.co.jp/2010/01/12/%e7%ac%ac4%e5%9b%9eextjs%e5%8b%89%e5%bc%b7%e4%bc%9a%ef%bc%a0%e5%90%8d%e5%8f%a4%e5%b1%8b%ef%bc%882010%e5%b9%b41%e6%9c%88%ef%bc%89%e3%82%92%e9%96%8b%e5%82%ac%e3%81%97%e3%81%be%e3%81%99/feed/ 0 第3回ExtJS勉強会＠名古屋（11月）を開催します http://extjs.blog.sus4.co.jp/2009/10/26/%e7%ac%ac3%e5%9b%9eextjs%e5%8b%89%e5%bc%b7%e4%bc%9a%ef%bc%a0%e5%90%8d%e5%8f%a4%e5%b1%8b%ef%bc%8811%e6%9c%88%ef%bc%89%e3%82%92%e9%96%8b%e5%82%ac%e3%81%97%e3%81%be%e3%81%99/ http://extjs.blog.sus4.co.jp/2009/10/26/%e7%ac%ac3%e5%9b%9eextjs%e5%8b%89%e5%bc%b7%e4%bc%9a%ef%bc%a0%e5%90%8d%e5%8f%a4%e5%b1%8b%ef%bc%8811%e6%9c%88%ef%bc%89%e3%82%92%e9%96%8b%e5%82%ac%e3%81%97%e3%81%be%e3%81%99/#comments Mon, 26 Oct 2009 14:41:18 +0000 野村 亮之 http://extjs.blog.sus4.co.jp/?p=118 11月も引き続き名古屋で第3回ExtJS勉強会を開催いたします。

開催日時は、11月27日（金）18:30から20:30までとなります。
前回と同様、そのあとに懇親会も開催いたします。

セッション内容：
1．ユーザー事例紹介（未定）
※実際の業務アプリを例としてExtJSの優位性を説明していただきます。

2. Ext.PanelをViewportに並べる、Ext.data.Gridのお話など（株式会社sus4 佐竹裕行）
※Ext初心者ユーザー向けセッション。これからExtJSを使いはじめる方を対象に、毎回１機能ずつ紹介していきます。
予定しているチュートリアルの内容は、開催前に掲載いたします。

3．ExtJSコードリーディングリレー（未定）
※ExtJSのソースコードを見ながら、JavaScriptについて学ぶセッションです。

開催概要：

  • 日時：2009年11月27日（金）18:30～20:30（18:00開場）
  • 募集人数：20名程度
  • 場所：あいちベンチャーハウス会議室　〒460-0007　名古屋市中区新栄二丁目2番24号
  • 参加費：無料（懇親会は有料(1000円））

参加をご希望の方はフォーラムから参加表明をお願いします。

  • 参加表明用スレッドはこちら（フォーラムのユーザー登録が必要です）
  • フォーラムの登録はちょっとという方は「info@extjs.co.jp」までご連絡ください
Share/Bookmark]]> http://extjs.blog.sus4.co.jp/2009/10/26/%e7%ac%ac3%e5%9b%9eextjs%e5%8b%89%e5%bc%b7%e4%bc%9a%ef%bc%a0%e5%90%8d%e5%8f%a4%e5%b1%8b%ef%bc%8811%e6%9c%88%ef%bc%89%e3%82%92%e9%96%8b%e5%82%ac%e3%81%97%e3%81%be%e3%81%99/feed/ 0