今までのウェブシステム開発後戻りは大変だから要件定義は慎重に... 時間も足りませんから次期バージョンということで... 開発者の声案件分析将来的な事も考えてあれも入れてこれも入れて... 要件定義開発しているうちに重要度が変わってしまったよおいサーバー

Size: px

Start display at page:

Download "今までのウェブシステム開発後戻りは大変だから要件定義は慎重に... 時間も足りませんから次期バージョンということで... 開発者の声案件分析将来的な事も考えてあれも入れてこれも入れて... 要件定義開発しているうちに重要度が変わってしまったよおいサーバー"

みさきゆのもと
7 years ago
Views:

1 真紅襟辛苦恵利針喰え李新久絵裏... made in Japan しんくえりって何しののめいーすとくらうど株式会社東雲 === East Cloud, Inc. ~ ついに日本語のスライドを作ってみました ~

2 今までのウェブシステム開発後戻りは大変だから要件定義は慎重に... 時間も足りませんから次期バージョンということで... 開発者の声案件分析将来的な事も考えてあれも入れてこれも入れて... 要件定義開発しているうちに重要度が変わってしまったよおいサーバー分かる奴いねか早く持って来い OK? WEB３層構造おい今更データベースを変えるのかよお客様の声おいネットワーク分かる奴いねかデータベース構築システムテスト開発ビジネスロジック層構築データベース変更すればすっきりするのに... おいおいもう一回やらせる気かよプレゼンテーション層構築ちょっと遅くないこれじゃ使い物にならねえな NG 何か思ってたのとイメージが違うよ疲れた OK? 着地すっきりしないなおい html/cssとか Javascriptとか分かる奴いねか

WEB３層構造おい今更データベースを変えるのかよお客様の声おいネットワーク分かる奴いねかデータベース構築システムテスト開発ビジネスロジック層構築データベース変更すれば

3 のウェブシステム開発開発者の声お客様の声 = pure Agile! この仕様もどうにかならないか案件分析はい喜んでリアルタイム WEB プラットフォーム画面を共有してシステム構築プロトタイプおい Javascriptが分かる人要件定義リアルタイムデプロイ OK? えもうできたのフィードバックお客様のご要望に応じクラウド(マルチテナント )から専用クラウドまたはオンプレミスに移行可実運用システム開発面倒な所はプラットフォームがやってくれるから画面に凝れるねデータベース自動構築仕様書生成ソースコード管理開発履歴管理帳票ワークフローリアルタイムIDE データベース変換テストデータ生成既設計モジュールの資産化再利用プラグインの活用が容易単一言語(javascript)のみで開発可能設計成果物の資産化が容易設計効率 > 10X

4 は東雲が開発したwebプラットフォームですクライエントインテンシブで双方性の高いwebシステムを構築します Node.js is a trademark of Joyent, Inc. Mongo is registered a trademark of 10gen, Inc. データ実行モジュール MongoDB = NoSQL RSD Map-Reduce サーバー = クラウド node.js Web Socket web-platform Hash テーブルの同期ブラウザ 1 RSD w/s ブラウザ22 client RSD w/s Application Interface x Hash Tables x Configurable Application Engine User Interface ブラウザ n RSD w/s Application Interface x Hash Tables x Configurable Application Engine User Interface Application Interface x Hash Tables x Configurable Application Engine User Interface

js Web Socket web-platform Hash テーブルの同期ブラウザ 1 RSD w/s ブラウザ22 client RSD w/s Application Interface x Hash Tables x Configurable

5 は All Javascriptのプラットフォームです今までのプラットフォームクライアント Javascript のプラットフォームブラウザ :Javascript (jquery) event loop HTTP get / put マルチスレッドセッション管理 event loop 開発環境(IDE) web sockets web sockets サーバー View MVC Model コード/データ Controller JSON mapreduce SQL RDBMS サーバー :JavaEE/Ruby/Python/PHP プラットフォームサーバーベースのプラットフォームデータベース MVCをベースとした３層構造 mongo.db = NOSQL mongo.db = NOSQL サーバー :Javascript (node.js) プラットフォームクライアントを包含するプラットフォームクライアントリソースの最大活用サーバーはデータベース I/Oとセキュリティ Hashとブロードキャストによるデータ共有

SQL RDBMS サーバー :JavaEE/Ruby/Python/PHP プラットフォームサーバーベースのプラットフォームデータベース MVCをベースとした３層構造 mongo.db = NOSQL mongo.

世界中の人々をリアルタイムに繋ぎます豊富なプラグインを実行可能にします Agileな開発を加速します Node.

6 は HTML-5ベースの技術に基づいています HTML-5をサポートするすべてのブラウザに対し高い親和性を保ちます HTML-5の新技術に対しいちはやい取り組みをしますブラウザを次世代オペレーションシステムと考えます世界中の人々をリアルタイムに繋ぎます豊富なプラグインを実行可能にします Agileな開発を加速します Node.js is a trademark of Joyent, Inc. Mongo, and leaf logo are registered trademarks of 10gen, Inc.

7 はクラウド上に安全なDB領域を提供します一般公開特定公開 shared / enclosed Project management RSDs DBs 実行モジュール private protected public サンドボックス化されたデータベース Users 使用出来る人開発出来る人 'project' は上でのシステムの単位です

8 RSDとは Relational Structure Description 契約情報 Project RSD BOOK Project RSD BOOK Project RSD BOOK ~ DBテーブル入力フォーム帳票マスター... 論理的には RSD= 実行単位 = サブシステム分割記述参照が可能物理的には RSD= Javascript (Coffee script) + CSS + HTML Private 作成者のみ利用可能 Public 作成者のみ保存可能 / 参照可能 / 分岐(FORK)可能 Protected 共同開発用各開発者に対し読込み /書込み制限を付与

.. 論理的には RSD= 実行単位 = サブシステム分割記述参照が可能物理的には RSD= Javascript (Coffee

9 は高速な双方向通信を容易に実現します Node.js is a trademark of Joyent, Inc. Mongo is registered a trademark of 10gen, Inc. web sockets & RTC サーバー: node.js + mongo.db table:a table:b table:c セキュリティ制御 + トランザクション制御 web sockets a refer b refer c broadcast ブラウザ a b c RTC PUT GET RTC:リアルタイムコミュニケーション (peer-to-peer)

10 はコンピュータ性能を最大限に活用しますイベント駆動型非同期アーキテクチャー刺激ユーザー画面表示 main-loop イベントループ操作ネットワークブラウザイベントループサーバー push node.js event-loop 容易なブラウザのマルチスレッド化 ECDB.Worker(RSD#id, obj, func[, efunc]); 渡す値受取後の処理エラーの処理

push node.js event-loop 容易なブラウザのマルチスレッド化 ECDB.

11 の開発と運用は表裏一体です => 運用モード => 開発モード運用モードと開発モードではログインが異なりますサーバーサイドのセキュリティ制御 Project 開発モードログイン mode=edit 運用モードログイン Yes No 運用モード難読化済み運用モードをエミュレートデバッグ環境開発の効率化メンテナンス性の向上難読化してデプロイ開発環境=IDE Agile Developers Agile Manager 開発モード管理モード Database Manager Database Converter Map-Reduce プロジェクトの所有者のみログイン可能 Agile Designer Print Editor Workflow Editor

mode=edit => 開発モード運用モードと開発モードではログインが異なりますサーバーサイドのセキュリティ制御 Project 開発モードログイン mode=edit 運用モードログイン Yes

12 はシステムのライフサイクルをサポートします企画設計開発運用保守リリース Agile Developers: webだからダウンロード不要これだけでどこでもクラウド上でシステム開発が可能です

13 クラウドで開発する感覚 Agile Developers リアルタイム ~ 真のコードは世界にひとつだけ! ~ 真のコードとすべての履歴 Save 開発者 A リアルタイム文法チェックチャット 'Save'(保存) == Commit 'Minify'(難読化) == Deploy Push 開発者 B 競合が無ければ黙って保存チャット保存されたスクリプト開発者 C 競合があれば => 差分解析 diff 編集中のスクリプトスクリプトはリアルタイムで文法チェック保存せずに実行可能 Pushされても自分が編集中のスクリプトには影響なし (差分表示) 編集中のファイルはローカルに保存 (万一の時も再使用可能) => チーム開発の効率化

Deploy Push 開発者 B 競合が無ければ黙って保存チャット保存されたスクリプト開発者 C 競合があれば => 差分解析 diff 編集中の

14 Minify(難読化) と Reform(可読化) include / require の展開 coffeescript の変換 + 難読化 HTML/ CSS / 画像の javascript 変換画像 minify CSS/HTML オリジナルの Javascript (または Coffeescript) 難読化された Javascript reform 逆変換 + Copyright 情報 Projectで参照されていない RSD(top)= CREATION(生成) A (B) minify A 重要ですリアルタイムデプロイ B リリース reform Projectで参照されている RSD= REPLACE(置き換え) A リリース (B) minify reform A B リリース

reform 逆変換 + Copyright 情報 Projectで参照されていない RSD(top)= CREATION(生成) A (B) minify A 重要です

15 Agile Developers 全履歴の保存と差分解析イメージ編集ドラッグドロップでイメージを追加ダイレクトに編集データベース連携コード補完リアルタイム文法チェック高速全文検索置換 Javascript / Coffeescript 混載 CSS / HTML 取り込み共有メッセージボード仕様書の自動生成

16 Agile Database Agile Developers から起動 Database Manager データベース管理直接編集 mongo コンソールバックアップ(全体/差分) イメージデータ編集 Database Converter DB-JSON-CSV(自動/手動) 既存データベースからの変換 Map-Reduce Developer Map/Reduce/Finalize関数を定義ブラウザでエミュレートサーバーで実行

Database Converter DB-JSON-CSV(自動/手動) 既存データベースからの変換

17 は入力フォーム設計でDBを自動構築します Agile Designer フォーム設計 = DB構築 40種類以上の要素を準備要素をドラッグ &ドロップ各種プロパティを GUIで編集スクリプトエディタとの連動多言語翻訳機能

18 は帳票作成やワークフローも得意なんです Print Editor エクセル感覚で帳票設計ドラッグドロップでデータベースからの差込印刷テンプレート機能バーコード/QRコード Agile Developers へ連動 Workflow Editor ドラッグドロップでワークフローを構築 AND/OR ゲートでロジック構築 Agile Developers へ連動

19 Agile Manager 共同開発が可能な開発者を限定しレベルを設定します共同開発者に対し共同開発するRSDの読込み/書込みを管理します使用する事ができるユーザーに対し読/書/実行レベルを設定しますデータベースのレコード/フィールドの読/書を制限しますサーバーのアクセス制御フォーム設計 = DB構築第２画面 DB ユーザー開発者 RSD関連第1画面

20 は既存システムとも簡単に連携出来ます簡単で安全なクロスドメイン通信 = インラインモード既存サーバー htts:// 既存のログイン既存のシステム URL/Project ID/パスワード http etc. Oracle/DB2 MySQL Postgres Get / Put / Find... データ交換 'アドオン' サーバーログインインラインモード <div#/> web sockets node.js mongo.db Auth アクセス可能な URLの登録 <script src="jquery Source Code (> v.1.5.1) "></script> <script src=" <script> $("#").Synquery(#projectID, ID, パスワード ); </script>... <div id=""/>

.. データ交換 'アドオン' サーバーログインインラインモード <div#/> web sockets node.js mongo.

21 はオンプレミス基幹システムとも連携できますハイブリッドシステム: 既存 vs. / オンプレミス vs. クラウド htts:// URL/Project ID/パスワード既存システム (API) データ交換ログイン大量データ http etc. web sockets Oracle/DB2 MySQL Postgres node.js mongo.db Get インラインモード web sockets to / from public node.js mongo.db Auth オンプレミスサーバー Synquery <div/>server Auth クラウドサーバー (パブリック)

22 サマリ標題を纏めてみましたは東雲が開発したAll Javascriptのwebプラットフォームです HTML-5ベースの技術に基づいていますクラウド上に安全なDB領域を提供します webシステムのライフサイクル全体をサポートします開発と運用が表裏一体です既存システムとの連携が可能です高速な双方向通信を容易に実現しますコンピュータ性能を最大限に活用します入力フォーム設計でDBを自動構築します帳票作成やワークフローをサポートします made in Japan

Microsoft PowerPoint - syqueryのご紹介-CreDist - Web用.pptx

Microsoft PowerPoint - syqueryのご紹介-CreDist - Web用.pptx 株式会社クレディスト 2013/06 のご紹介 synquery 開発の経緯クラウド+HTM L-5のプラットフォームの具現化 A gile 手法でウェブシステム開発効率化を実現世界に通用する日本発ソフトウェア基盤の開発リアルタイム双方向性ブラウザ as オペレーティングシステム 2013 Inc. All