SlideShare a Scribd company logo
1 of 35
Download to read offline
Rails2.0とAIRで作るリアルタイム
付箋共有アプリケーション


               ⾼橋 健⼀ (kenchan)
        http://blog.shu-cream.net
      (株)永和システムマネジメント
百聞は一見にしかず
 http://stipa.agile.esm.co.jp




             http://stipa.agile.esm.co.jp
自己紹介
⾼橋健⼀
 Blog : http://blog.shu-cream.net
 Twitter : @kenchan
所属
 (株)永和システムマネジメント
コミュニティ
 Eclipse Plugin 開発勉強会


           http://stipa.agile.esm.co.jp
今日伝えたいこと
 私のこと
 アプリケーションの紹介
 開発プロセス
 Rails+dRuby+TCPServer+XMLSocketで
 リアルタイムアプリケーション




          http://stipa.agile.esm.co.jp
突然ですが


  上司から
 こんなこと
 ⾔われたら…
        http://stipa.agile.esm.co.jp
100万円
好きに使って
 いいよ!
 http://stipa.agile.esm.co.jp
そんな
うまい話は
 なくて
 http://stipa.agile.esm.co.jp
いい企画を
   考えたら
 1⼈⽉好きに
使わせてあげる                 *本当に制度があります
  http://stipa.agile.esm.co.jp
私の答え

 リアルタイム
  付箋共有
アプリケーションを
 作るだろ。JK
       http://stipa.agile.esm.co.jp
Rails2.0とAIRを使って1人月で作る
リアルタイム付箋共有アプリケーション


                         ⾼橋 健⼀
        http://blog.shu-cream.net
      (株)永和システムマネジメント
アジェンダ
 アプリケーション紹介
 開発プロセス
 同報の仕組み
 まとめ




        http://stipa.agile.esm.co.jp
アジェンダ
 アプリケーション紹介
 開発プロセス
 同報の仕組み
 まとめ




        http://stipa.agile.esm.co.jp
概要
名前
 Stipa (Stikcy Party!)
要素技術
 Ruby, Ruby on Rails
 Adobe AIR




            http://stipa.agile.esm.co.jp
出来ること
 付箋っぽい何かをペタペタ
 リアルタイムで共有できる
 スナップショットを保存
 データをエクスポート




        http://stipa.agile.esm.co.jp
スクリーンショット




       http://stipa.agile.esm.co.jp
アジェンダ
 アプリケーション紹介
 開発プロセス
 同報の仕組み
 まとめ




        http://stipa.agile.esm.co.jp
今回の開発プロセス


〜これはイテレーティブかつインクリメンタルと⾔っていい!〜




 イテレーティブかつ
インクリメンタルな開発
         http://stipa.agile.esm.co.jp
スケジュール
 1週間1イテレーション × 4

       月      火               水             木     金
      機能選定
             実装              実装             実装   デプロイ
AM
       ⾒積り

      実装     実装              実装             実装    デモ
PM1


      実装     実装              実装             実装   要望整理
PM2


             http://stipa.agile.esm.co.jp
インクリメンタルな開発
                                      • ⾊変更
     4 th イテレーション                     • KPT用ボード
                                      • WebAPI拡張

                                      • 複数ボード
     3 rd イテレーション                     • データエクスポート
                                      • スナップショット

                                     • ユーザ機能
     2nd   イテレーション                   • 複数⾏⼊⼒(自動拡張)
                                     • コンテキストメニュー

                                      • リアルタイム共有
     1st   イテレーション                    • 付箋の作成・移動・削除

           http://stipa.agile.esm.co.jp
1st イテレーション




        http://stipa.agile.esm.co.jp
2nd イテレーション




        http://stipa.agile.esm.co.jp
3rd イテレーション




        http://stipa.agile.esm.co.jp
4th イテレーション




        http://stipa.agile.esm.co.jp
アジェンダ
 アプリケーション紹介
 開発プロセス
 同報の仕組み
 まとめ




        http://stipa.agile.esm.co.jp
登場人物
サーバ側
                     通知サーバ
  Rails
                      (Ruby)



クライアント側
   AIR              AIR                  AIR




          http://stipa.agile.esm.co.jp
登場人物の関係

                 dRuby                   通知サーバ
  Rails
                                          (Ruby)




  HTTP                                    XMLSocket

                    AIR




          http://stipa.agile.esm.co.jp
リアルタイム通知の仕組み

        Rails                              通知サーバ


                                               1. 通知サーバと
                                                  コネクションを確⽴




  AIR                     AIR                   AIR



                http://stipa.agile.esm.co.jp
リアルタイム通知の仕組み

        Rails                              通知サーバ


                                2. 付箋リストを更新




  AIR                     AIR                  AIR



                http://stipa.agile.esm.co.jp
リアルタイム通知の仕組み
                          5. idが10の付箋が動いた


                  Rails                              通知サーバ

4. id:10の付箋を
    x=10, y=20に                                          6. idが10の付箋を
    変更                                                       アップデートすること




          AIR                       AIR                    AIR

     3. 付箋を動かす
                          http://stipa.agile.esm.co.jp
リアルタイム通知の仕組み

        Rails                              通知サーバ


                                 7. idが10の付箋の状態を取得




  AIR                     AIR                  AIR

                8. idが10の付箋を更新

                http://stipa.agile.esm.co.jp
アジェンダ
 アプリケーション紹介
 開発プロセス
 同報の仕組み
 まとめ




        http://stipa.agile.esm.co.jp
まとめ
 リアルタイム付箋共有アプリケーション
 作りました
  今⽉中にソースコード公開予定
      MITライセンス
 イテレーティブかつインクリメンタルな
 開発はとてもいいよ
 Rails2.0+Adobe AIRも結構いいよ


           http://stipa.agile.esm.co.jp
おまけ
 オブジェクト倶楽部夏イベントやります!
  ⽇時:2008年7⽉1⽇
  場所:国⽴オリンピック記念⻘少年総合センター
  主賓講演:児⽟ 公信⽒
  トラック
      アジャイル開発体験、電⼦⼯作体験、
      モデリング、ファシリテーショングラフィック
      などなど
 初めての方は割引がチケットあります!
 初めての方は割引がチケットあります!
          http://stipa.agile.esm.co.jp
FAQ
 ソースどこ?
      今⽉中に公開予定(MITを予定)
 BlazeDSは?
      Rails2.0を使いたかったんです(><)
 “こんなのに1⼈⽉ですか?”
 “それ○○でできるよ。”
      (><)


             http://stipa.agile.esm.co.jp
ご清聴ありがとうございました



     http://stipa.agile.esm.co.jp

More Related Content

What's hot

NIMS eSciDoc: A Subject Repository in Materials Science and Its Applications ...
NIMS eSciDoc: A Subject Repository in Materials Science and Its Applications ...NIMS eSciDoc: A Subject Repository in Materials Science and Its Applications ...
NIMS eSciDoc: A Subject Repository in Materials Science and Its Applications ...Masao Takaku
 
【13-B-2】 パネルディスカッション:クラウド時代のプログラミングスタイルを語り合おう
【13-B-2】 パネルディスカッション:クラウド時代のプログラミングスタイルを語り合おう【13-B-2】 パネルディスカッション:クラウド時代のプログラミングスタイルを語り合おう
【13-B-2】 パネルディスカッション:クラウド時代のプログラミングスタイルを語り合おうdevsumi2009
 
Perlで圧縮
Perlで圧縮Perlで圧縮
Perlで圧縮Naoya Ito
 
はてなブックマークのシステムについて
はてなブックマークのシステムについてはてなブックマークのシステムについて
はてなブックマークのシステムについてNaoya Ito
 
jQuery与Asp.Net3.5开发Ajax化的Web应用程序
jQuery与Asp.Net3.5开发Ajax化的Web应用程序jQuery与Asp.Net3.5开发Ajax化的Web应用程序
jQuery与Asp.Net3.5开发Ajax化的Web应用程序killuakun
 
Sentokyo Kansai(20070126)
Sentokyo Kansai(20070126)Sentokyo Kansai(20070126)
Sentokyo Kansai(20070126)真 岡本
 
Cloud for Enterprise IT (Japanese)
Cloud for Enterprise IT (Japanese)Cloud for Enterprise IT (Japanese)
Cloud for Enterprise IT (Japanese)kurikiyo
 
中小企業E化最新趨勢與效益分析
中小企業E化最新趨勢與效益分析中小企業E化最新趨勢與效益分析
中小企業E化最新趨勢與效益分析Alex Lee
 
Arc Ims Html Viewer Refrence
Arc Ims Html Viewer RefrenceArc Ims Html Viewer Refrence
Arc Ims Html Viewer Refrence贺 利华
 
Authoring Tools Comparision in Detail
Authoring Tools Comparision in DetailAuthoring Tools Comparision in Detail
Authoring Tools Comparision in DetailTim Lu
 
インフラエンジニアになろう!
インフラエンジニアになろう!インフラエンジニアになろう!
インフラエンジニアになろう!Toshiaki Baba
 
Asp .Net 2.0 安全機制 Ii
Asp .Net 2.0 安全機制 IiAsp .Net 2.0 安全機制 Ii
Asp .Net 2.0 安全機制 IiChui-Wen Chiu
 
【12-D-3】 ASP.NET MVC - 概要と仕組み
【12-D-3】 ASP.NET MVC - 概要と仕組み【12-D-3】 ASP.NET MVC - 概要と仕組み
【12-D-3】 ASP.NET MVC - 概要と仕組みdevsumi2009
 
ソフトウェアの構造とオープン化
ソフトウェアの構造とオープン化ソフトウェアの構造とオープン化
ソフトウェアの構造とオープン化Kiro Harada
 
Mashup and new paradigm - マッシュアップ技術とインターネットの新しい潮流
Mashup and new paradigm - マッシュアップ技術とインターネットの新しい潮流Mashup and new paradigm - マッシュアップ技術とインターネットの新しい潮流
Mashup and new paradigm - マッシュアップ技術とインターネットの新しい潮流Yusuke Kawasaki
 

What's hot (20)

NIMS eSciDoc: A Subject Repository in Materials Science and Its Applications ...
NIMS eSciDoc: A Subject Repository in Materials Science and Its Applications ...NIMS eSciDoc: A Subject Repository in Materials Science and Its Applications ...
NIMS eSciDoc: A Subject Repository in Materials Science and Its Applications ...
 
【13-B-2】 パネルディスカッション:クラウド時代のプログラミングスタイルを語り合おう
【13-B-2】 パネルディスカッション:クラウド時代のプログラミングスタイルを語り合おう【13-B-2】 パネルディスカッション:クラウド時代のプログラミングスタイルを語り合おう
【13-B-2】 パネルディスカッション:クラウド時代のプログラミングスタイルを語り合おう
 
Perlで圧縮
Perlで圧縮Perlで圧縮
Perlで圧縮
 
はてなブックマークのシステムについて
はてなブックマークのシステムについてはてなブックマークのシステムについて
はてなブックマークのシステムについて
 
jQuery与Asp.Net3.5开发Ajax化的Web应用程序
jQuery与Asp.Net3.5开发Ajax化的Web应用程序jQuery与Asp.Net3.5开发Ajax化的Web应用程序
jQuery与Asp.Net3.5开发Ajax化的Web应用程序
 
Sentokyo Kansai(20070126)
Sentokyo Kansai(20070126)Sentokyo Kansai(20070126)
Sentokyo Kansai(20070126)
 
Cloud for Enterprise IT (Japanese)
Cloud for Enterprise IT (Japanese)Cloud for Enterprise IT (Japanese)
Cloud for Enterprise IT (Japanese)
 
中小企業E化最新趨勢與效益分析
中小企業E化最新趨勢與效益分析中小企業E化最新趨勢與效益分析
中小企業E化最新趨勢與效益分析
 
Arc Ims Html Viewer Refrence
Arc Ims Html Viewer RefrenceArc Ims Html Viewer Refrence
Arc Ims Html Viewer Refrence
 
Authoring Tools Comparision in Detail
Authoring Tools Comparision in DetailAuthoring Tools Comparision in Detail
Authoring Tools Comparision in Detail
 
インフラエンジニアになろう!
インフラエンジニアになろう!インフラエンジニアになろう!
インフラエンジニアになろう!
 
Asp .Net 2.0 安全機制 Ii
Asp .Net 2.0 安全機制 IiAsp .Net 2.0 安全機制 Ii
Asp .Net 2.0 安全機制 Ii
 
T2 Hacks
T2 HacksT2 Hacks
T2 Hacks
 
Android JNI
Android JNIAndroid JNI
Android JNI
 
T2 webframework
T2 webframeworkT2 webframework
T2 webframework
 
About OSGeo.JP
About OSGeo.JPAbout OSGeo.JP
About OSGeo.JP
 
【12-D-3】 ASP.NET MVC - 概要と仕組み
【12-D-3】 ASP.NET MVC - 概要と仕組み【12-D-3】 ASP.NET MVC - 概要と仕組み
【12-D-3】 ASP.NET MVC - 概要と仕組み
 
ソフトウェアの構造とオープン化
ソフトウェアの構造とオープン化ソフトウェアの構造とオープン化
ソフトウェアの構造とオープン化
 
Ext Ncs 20081029
Ext Ncs 20081029Ext Ncs 20081029
Ext Ncs 20081029
 
Mashup and new paradigm - マッシュアップ技術とインターネットの新しい潮流
Mashup and new paradigm - マッシュアップ技術とインターネットの新しい潮流Mashup and new paradigm - マッシュアップ技術とインターネットの新しい潮流
Mashup and new paradigm - マッシュアップ技術とインターネットの新しい潮流
 

More from Kenichi Takahashi

もし永和の新入社員がケントベックの『テスト駆動開発入門』を読んだら
もし永和の新入社員がケントベックの『テスト駆動開発入門』を読んだらもし永和の新入社員がケントベックの『テスト駆動開発入門』を読んだら
もし永和の新入社員がケントベックの『テスト駆動開発入門』を読んだらKenichi Takahashi
 
はじめてがアジャイル
はじめてがアジャイルはじめてがアジャイル
はじめてがアジャイルKenichi Takahashi
 
究極と至高、あれから一年
究極と至高、あれから一年究極と至高、あれから一年
究極と至高、あれから一年Kenichi Takahashi
 
@htkymtksユーザ会のご案内
@htkymtksユーザ会のご案内@htkymtksユーザ会のご案内
@htkymtksユーザ会のご案内Kenichi Takahashi
 
究極のディストリビューションUbuntu
究極のディストリビューションUbuntu究極のディストリビューションUbuntu
究極のディストリビューションUbuntuKenichi Takahashi
 
Eclipse Plugin Study Self Introduction 200801
Eclipse Plugin Study Self Introduction 200801Eclipse Plugin Study Self Introduction 200801
Eclipse Plugin Study Self Introduction 200801Kenichi Takahashi
 

More from Kenichi Takahashi (10)

もし永和の新入社員がケントベックの『テスト駆動開発入門』を読んだら
もし永和の新入社員がケントベックの『テスト駆動開発入門』を読んだらもし永和の新入社員がケントベックの『テスト駆動開発入門』を読んだら
もし永和の新入社員がケントベックの『テスト駆動開発入門』を読んだら
 
はじめてがアジャイル
はじめてがアジャイルはじめてがアジャイル
はじめてがアジャイル
 
究極と至高、あれから一年
究極と至高、あれから一年究極と至高、あれから一年
究極と至高、あれから一年
 
@htkymtksユーザ会のご案内
@htkymtksユーザ会のご案内@htkymtksユーザ会のご案内
@htkymtksユーザ会のご案内
 
Oblove2009summer Lt
Oblove2009summer LtOblove2009summer Lt
Oblove2009summer Lt
 
究極のディストリビューションUbuntu
究極のディストリビューションUbuntu究極のディストリビューションUbuntu
究極のディストリビューションUbuntu
 
oblove2008winter_rt
oblove2008winter_rtoblove2008winter_rt
oblove2008winter_rt
 
Eclipse Plugin Study Self Introduction 200801
Eclipse Plugin Study Self Introduction 200801Eclipse Plugin Study Self Introduction 200801
Eclipse Plugin Study Self Introduction 200801
 
Oblove200712 Lt
Oblove200712 LtOblove200712 Lt
Oblove200712 Lt
 
Eclipse Plugin Dev 200711
Eclipse Plugin Dev 200711Eclipse Plugin Dev 200711
Eclipse Plugin Dev 200711
 

Stipa 1000sp