GoJS(HTML5 Canvasライブラリ)を使ってダイアグラムやグラフを描画する方法
GoJSは、インタラクティブなダイアグラムを実装するためのJavaScriptライブラリです。オープンソースとして提供されており、Webアプリケーションに図やグラフを追加したい場合に活用できます。このページでは、GoJSを使い始めるための基本ポイントを解説します。
GoJSはモデル・ビュー(Model-View)アーキテクチャを採用しています。モデルには、ノードやリンクを記述するJavaScriptオブジェクトの配列が格納され、これらのデータを実際のNodeオブジェクトやLinkオブジェクトとして可視化する役割を、Diagram(ダイアグラム)がビューとして担います。
GoJSでDiagramを構築すると、指定したDIV要素の中にHTML5 Canvas要素が自動的に生成され、そこに図形が描画されます。
ダイアグラムを描画する手順
GoJSを使い始めるには、まずHTMLドキュメント内でライブラリを読み込む必要があります。以下のように、scriptタグを使ってGoJSライブラリ「go.js」をロードします。
ライブラリはCDNJSから取得してリンクすることができます。もちろん、必要に応じてGoJSライブラリをダウンロードして利用することも可能です。
CDNJS経由で読み込む場合は、次のように記述します。
<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.7.20/go-debug.js"></script>
注意: 開発段階では、実行時エラーのチェックが行える「go-debug.js」を読み込みましょう。本番環境にデプロイする際は、「go.js」を使用してください。
-
Outlook用Teamsアドインのインストールと使い方をわかりやすく解説
Microsoft Teamsは、ビデオ会議、職場チャット、ファイル保存、ドキュメント共有など、企業活動に必要なさまざまなサービスを提供するビジネスプラットフォームです。リモートワーク環境にある企業が組織を整え、従業員とより良い形でつながることを可能にしました。さらに、Microsoft TeamsとOutlookの連携が実現したことで、コミュニケーションはより簡単になっています。両方のプラットフォームを使うユーザー、特に企業で働く方にとって非常に効率的な機能です。この記事では、Outlook用Microsoft Teamsアドインのインストール方法について、連携の意味から具体的な手順まで詳
-
Windows 10でOphcrackをダウンロードして使う方法【パスワード復元ガイド】
Ophcrackは、レインボーテーブル技術をベースとした無料のWindowsパスワード復元ツールです。Windows PCのユーザーアカウントのパスワードを忘れてしまった場合でも、このツールを使えばパスワードを復旧できます。 PCのアカウントのパスワードを忘れると、そのアカウント内に保存されているファイルへアクセスできなくなり、大切なデータを取り出すことができません。 特に、PCにアカウントが1つしかない場合は、パスワードを忘れた時点でPC全体がロックされた状態になり、何も操作できなくなります。こうした状況では、デスクトップ画面にアクセスできないため、復元アプリを実行することすら不可能です。