フロントエンド開発

Front end development

DEVELOPMENT RECORD 開発実績

株式会社 日本経済新聞社様

Chart Builder

社内向けチャート描画システムを開発。記者様が利用し作成されたチャートが「日本経済新聞」紙面及び電子版内の記事に掲載されます。

  • D3.jsを利用し多種多様なチャートを実装。フロントエンドはAngularを利用。
  • リアルタイムプレビュー機能を実現。データのエクスポート(png、jpg、svg、pdf、 csv、 xml、html)、およびインポートも可能。

チャートの種類 合計 45個

  • 複合グラフ 6個
  • 線グラフ 6個
  • 階段グラフ 4個
  • 棒グラフ 6個
  • 積み上げ棒グラフ 2個
  • フローチャート 2個
  • 画像レイアウト 4個
  • その他 9個 (表、円グラフ ワッペン、QRコード、棒足、ローソク、バブルチャート、ランキング、地図)
  • 定型グラフ 2個(棒足(円相場)、棒足(日経平均))
  • API連携 4個(ローソク足、棒足チャート、ラインチャート、棒グラフ、比較チャート

オプション15種類以上(凡例、中断、指し棒、文字サイズなど)
設定可能項目 5種類(サイズ変更/単位変換、軸ラベル、タイトル、注釈、カラーパターンなど)

チャート選択画面チャート選択画面

チャート作成・プレビュー画面チャート作成・プレビュー画面

上田ハーロー 株式会社様

UHプレミアムMFX

最新の自動取引機能搭載のハイブリッドトレーディングシステム

  • WEBフロント部はAngularを利用。フルスタックのフレームワークのためサードパーティのライブラリ利用を最低限にとどめている
  • サーバサイドのnodeとはwebsocketにて通信し、高速なレート表示などを実現
  • グラフ描画には自由度の高いD3.jsを利用することで、あらゆるカスタマイズ要求に対応
  • 1ソースでPC/スマホ対応。レスポンシブではなく、個別のHTMLを作成することで細かい使い勝手までこだわったUIを実現

MFX画面

FX画面

チャート画面

株式会社 日本経済新聞社様

チャート・グラフ画像API

サーバサイドでチャートを描画してSVG・PNG画像を返却するAPI。
渡されたパラメータに応じて、データ取得元・描画ロジックを切り替え、SVG画像を返却します。
『多くのベンダー様がJSを利用しているサイトやアプリ内で、自由に利用出来るチャートが欲しい。』というご要望の中で、サーバサイドでレンダリングする方法をご提案致しました。

株価株価

主要財務指標主要財務指標

セグメント別売上高(直近期)セグメント別売上高(直近期)

株式会社 日本経済新聞社様

スマートチャート

  • JavaScript
  • Backbone.js
  • Canvas

株価チャート・比較チャートを描画するツール。
Backbone.js, undersocre.js を利用し、Canvasにてグラフを描画。
テクニカル指標やツールでの先の描画にも対応。

チャート画面チャート画面

株式会社 日本経済新聞社様

スマートフォン向け、
マーケットWEBアプリ

  • JavaScript
  • Backbone.js
  • Canvas

マーケット情報に特化したスマートフォン向けSPA。
記事を先読みしLocalStrageへ保存するなどパフォーマンス要件への対応をしました。
チャートはCanvasにて描画。

事例紹介

マーケットニュースマーケットニュース

世界の市況世界の市況

個別銘柄個別銘柄

株価チャート株価チャート

上田ハーロー 株式会社様

PC向けFX取引システム

  • Flex

Flexにて実装したFXのトレードシステム。為替チャートも独自に実装。
マルチウィンドウで情報量の多い画面を高速で動作させております。

事例紹介

チャート画面チャート画面

上田ハーロー 株式会社様

SP向けFX取引システム

  • JavaScript

JavaScriptで構築したスマートフォン向けFX取引システム。
WEBアプリケーションとして構築することで、iOS/Android両対応を低コストで実現。
チャートは、Canvasにて実装。

事例紹介

チャート画面チャート画面

ページのトップへ

MENU

loading...
閉じる