株 式 会 社 クレディスト 2013/06 のご 紹 介
synquery 開 発 の 経 緯 クラウド+HTM L-5のプラットフォームの 具 現 化 A gile 手 法 で ウェブシステム 開 発 効 率 化 を 実 現 世 界 に 通 用 する 日 本 発 ソフトウェア 基 盤 の 開 発 リアルタイム 双 方 向 性 ブラウザ as オペレーティングシステム 2013 Inc. All Rights 1
synquery プラットフォームの 特 徴 システムのライフサイクルを サポートします 高 速 な 双 方 向 通 信 を 容 易 に 実 現 します HTML-5ベースの 技 術 に 基 づいています 企 画 設 計 開 発 synquer y synquer y 運 用 保 守 リリース synquer y Node.js is a trademark of Joyent, Inc. Mongo, and leaf logo are registered trademarks of 10gen, Inc. 2013 Inc. All Rights 2
今 までのウェブシステムとの 違 い サーバー プラットフォーム アプリケー ション java/ruby/python/php... セッション 情 報 +マルチスレッド 開 発 環 境 DB DB プラットフォーム サーバー = クラウド 非 同 期 処 理 web sockets アプリケー ション javascript=node.js http クライエント javascript javascript 実 行 環 境 クライエント =ブラウザ 開 発 環 境 サーバーサイドのプラットフォーム ウェブ3 層 構 造 (=DB 初 めに 有 りき) データ 構 造 の 再 構 成 が 困 難 サーバー 言 語 によるシステム 開 発 システム 構 築 に 多 種 の 知 識 を 要 求 開 発 したアプリケーションをアップロード サーバーに 負 荷 が 集 中 ベンダー ロックイン( 特 にDB/ 開 発 環 境 ) クライエントを 包 含 するプラットフォーム 高 速 双 方 向 (push) 通 信 の 実 現 アプリはダイナミックにサーバーから 配 信 データベースはダイナミックに 自 動 生 成 クライエント 言 語 (javascript)のみで 開 発 統 合 化 された 開 発 環 境 ( 運 用 環 境 と 表 裏 一 体 ) サーバー 負 荷 をクライエントに 分 散 サーバーは セキュリティとデータ 分 配 に 集 中 2013 Inc. All Rights 3
RSDとは あながち ウェブシステムは 複 雑 なファイル 構 成 になりがち... 再 利 用 RSD モジュール 非 同 期 が 前 程 = 可 読 性 には 限 界 スクリプト スタイル マークアップ イメージ Javascript Coffescript JSON CSS html xml svg Bench (Javascript) gif/bmp jpeg/png svg/svgz アプリケーションには 使 用 されないスクリプト テスト+ 解 説 +デモ 上 位 モジュール アプリ Minify 難 読 化 コンパイル モジュール 化 = 再 利 用 可 能 実 現 された 機 能 は カプセル 化 されていて スタイルを 含 めて 他 のモジュールに 影 響 しない 使 用 に 不 可 欠 なインターフェスを 備 えている 階 層 化 が 可 能 で 単 独 に 機 能 向 上 が 図 られる 基 本 的 に 機 能 をきちんと 実 現 し テストされていれば 基 本 的 にコーディングルールには 捕 われない 2013 Inc. All Rights 4
synquery システム 開 発 と 運 用 開 発 環 境 = マルチテナント プロジェクト システムの 単 位 management RSD 実 行 モジュール サンドボックス 化 されたデータベース 使 用 出 来 る 人 開 発 出 来 る 人 運 用 環 境 有 料 オプション プライベートクラウド 化 そのまま 運 用 へ オンプレミス 化 (ライセンス+ 保 守 ) 2013 Inc. All Rights 5
synquery システム 開 発 と 運 用 は 表 裏 一 体 https://www.synquery.com/synquery/<project> => 運 用 モード https://www.synquery.com/synquery/<project>?mode=edit => 開 発 モード No プロジェクト mode=edit 起 動 Auth Yes サーバーサイドの セキュリティ 制 御 運 用 モード ログイン 開 発 モード ログイン 運 用 モード 難 読 化 済 み デバッグ 不 可 エミュレート デバッグ 開 発 モード Agile Developers プロジェクトの 所 有 者 のみログイン 可 能 管 理 モード Agile Manager 開 発 の 効 率 化 メンテナンス 性 の 向 上 開 発 環 境 =IDE 2013 Inc. All Rights 6
synquery の開発環境 Agile Developers 統合された開発環境 リアルタイム文法チェック コード補完 高速全文検索 置換 Javascript / Coffeescript 混載 CSS / HTML 取り込み Mark Down 記法 スペルチェック SVG編集 共有メッセージボード... 全履歴の保存と差分解析 イメージ編集 ドラッグ ドロップでイメージを 追加ダイレクトに編集 データベース連携 データベースを ダイレクトに編集可能 仕様書の自動生成 協調設計 のための開発環境 Rights 7
synquery の開発環境 開発ツール Agile Designer フォーム設計 = DB構築 フォーム設計でDB構築 40種類以上の要素を準備 要素をドラッグ&ドロップ 各種プロパティをGUIで編集 スクリプトエディタとの連動 多言語翻訳機能 Print Editor 帳票設計開発ツール エクセル感覚で帳票設計 ドラッグ ドロップで データベースからの差込印刷 テンプレート機能 バーコード/QRコード Workflow Editor ワークフロー開発ツール ドラッグ ドロップで ワークフローを構築 AND/OR ゲートで 制御ロジック構築 Database Manager データベース管理 直接編集 mongo コンソール バックアップ(全体/差分) イメージデータ編集 (png/jpeg/svg etc...) Database Converter DB-JSON-CSV変換 既存データベースからの変換 自動モード プログラミングモード Map-Reduce Developer Map-Reduce 関数の開発 Map/Reduce/Finalize関数を定義 ブラウザでエミュレート サーバーで実行 結果をデータベースへ保存 synqueryのすべての開発ツールは synquery上でagile Developersを使って開発されています Rights 8
開発環境の効率化 クラウドで開発する感覚 ~ 真のコードは世界にひとつだけ! ~ 'Save'(保存) == Commit 真のコードとすべての履歴 保存された スクリプト Save 開発者 A チャット リアルタイム 文法チェック Push 開発者 B 競合が無ければ 黙って保存 差分表示 チャット 開発者 C 競合があれば => 差分解析 編集中の スクリプト (実行可能) 'Minify'(難読化) == Deploy 画像(jpg/png/svg..) CSS/HTML オリジナルの Javascript (または Coffeescript) 難読化 minify 難読化された Javascript reform 重要です 逆変換 + 情報 Rights 9
既存ウェブシステムとの連携 簡単で安全なクロスドメイン通信 = インラインモード 既存サーバー htts://www.your-domain.com 既存の ログイン 既存のシステム URL/Project ID/パスワード http etc. Oracle/DB2 MySQL Postgres Get / Put / Find... データ 交換 ログイン 'アドオン' synquery トークン インラインモード web sockets <div#synquery/> synquery サーバー node.js mongo.db Auth アクセス可能な URLの登録 <script src="jquery Source Code (> v.1.5.1) "></script> <script src="https://www.synquery.com/synquery/synqueryframe.js"></script> <script> $("#synquery").synquery(#projectid, ID, パスワード); </script>... <div id="synquery"/> Rights 10
帳票エディタのご紹介 株式会社クレディスト 2013/06
帳票エディタ 帳票エディタはsynquery上で動作する帳票テンプレートを作 成する為のツールです 特徴 イメージデータの利用が可能 簡単レイアウト O fficeライクなアイコンメニュー 自動ページング機能 ブラウザーだけあればどこでも 利用可能 帳票エディタ テンプレート作成画面 Rights 12
特徴-１ イメージデータの利用が可能 既存帳票などを背景イメージとして取込み利用することが可能です 利用し たイメージにそってエレメントを配置すれば簡単に既存帳票のテンプレートが 作成できます 既存帳票からテンプレートを作成する例 封筒なのどの思ったところへ印刷する例 Rights 13
特徴-2 簡単レイアウト機能 マウスでエレメントを配置すれば簡単にレイアウトが作成でき 自由度の高 いレイアウトを実現できます これによりさまざまなテンプレートの作成に対 応することができます 直線 テキスト 矩形 マトリックスを配置して 見積テンプレートを作成する例 バーコードやQRコードにも対応 Rights 14
特徴-3 Officeライクなアイコンメニュー メニューはO fficeライクなアイコンで構成されているので 操作の習得が簡単 メニューバー ファイル操作系コマンド 環境設定 実行コマンド クリップボード系コマンド エレメント系コマンド 順序系コマンド 操作系コマンド ズーム系コマンド 整列系コマンド Rights 15
特徴-4 自動ページング機能 印刷するデータの件数に合わせて 印刷時に自動的に各ページのレイアウト を調整します 1ページ目 2ページ目 Rights 16
特徴-5 何処からでも作成 編集可能 ブラウザーだけあればどこでも利用可能 Rights 17
今後のリリース予定 リリース予定 ページ毎の小計機能 グラフ表示機能 レイアウト機能の強化 Rights 18