update

JavaScript
カスタマイズについて

JavaScriptを利用した
カスタマイズとは

クラウド版「サイボウズ Office」では、JavaScriptを利用したカスタマイズを行えるようになっています。本サイトの「JavaScriptカスタマイズ」特集では、サイボウズ Officeをもっと使いやすくするカスタマイズとコードを紹介しています。

利用できるユーザー

JavaScriptによるカスタマイズが可能なのは、システム管理者のみです。そして、システム管理者であっても、次のようなスキルや経験を持っていることが前提になります。システム管理者の権限を持っているからといって、すべての管理者が自由なカスタマイズが可能になるというわけではありません。

  • HTMLを理解している
  • ブラウザーのJavaScriptを理解している
  • JavaScriptでコードを書いたことがある
  • (できれば)DOM操作を理解している
  • (できれば)jQueryライブラリーを使ったことがある

なお、「サイボウズ Office JS カスタマイズマネージャー」を使用し、マネージャー内に用意されたスクリプトを組み合わせてそのまま適用することは、JavaScript の知識等がなくても可能です。

カスタマイズの対象

カスタマイズの対象は、「システム設定画面」「個人設定画面」「運用管理画面」を除くすべてのページです。この3つの画面に関しては、カスタマイズの不具合により、設定できなくなるなどのリスクを考え、対象外となっています。

カスタマイズが適用される対象は、以下の3つの中から選択できます。

  • すべてのユーザー
  • システム管理者(エンドユーザーに適用する前に動作を確認するような場合)
  • 適用しない(読み込ませたJavaScriptファイルを削除はしないが、適用を一時的に停止したいような場合)

カスタマイズの手順

JavaScriptによるカスタマイズを行うためには、「サイボウズ Office システム設定(詳細タブ)」> 「カスタマイズ」内の「JavaScript ファイルの設定」で設定画面を開きます。

この設定画面で、カスタマイズのための JavaScript ファイルをアップロードし、適用する対象を選ぶだけでカスタマイズが完了するようになっています。

JavaScript による画面の書き換えについては、DOM操作による作業を行います。ページ内の情報を表す「DOM(Document Object Model)」と呼ばれるものに JavaScript からアクセスし、「DOM」を操作することによってページの内容を書き換えます。

【例】
var user = document.getElementById('user');
user.innerHTML = '<b>HATA</b>';

クラウド版「サイボウズ Office」では、DOM操作を容易にするために、カスタマイズ可能な画面にjQuery ライブラリーがあらかじめ読み込まれています。
jQuery を使う場合「$(document).ready(function () {})」に記述した内容が、ページを読み込んだ後に実行されます。

「CustomizeJS.page」という変数に現在表示中のページ名が格納されていますが、ブラウザーで「ページのソースを表示」して確認できます。

<script>
CustomizeJS = {
page: 'WorkFlowHandle',
ver: '1347960687′
};
</script>
<script src="ag.cgi/script.js?page=OfficeJSDownload&notimecard=1&ct=1&_v=1347960687">
</script>

ご利用上の注意

バージョンについて

掲示しているクラウド版「サイボウズ Office」や、「サイボウズ Office JS カスタマイズマネージャー」などの画面のキャプチャは、掲載時点のバージョンで確認しております。今後のアップデートにより、その時点の表示内容と異なる場合があります。ご了承ください。

サポートについて

「サイボウズ Office JavaScript エディター」、「サイボウズ Office JS カスタマイズマネージャー」の機能、利用方法、カスタマイズ内容等について、サイボウズではサポートを行っておりません。

また JavaScript によるカスタマイズを適用したクラウド版「サイボウズ Office」のご利用に際し、サポートの必要が発生した場合には、一旦適用したカスタマイズを無効化してお問い合わせいただく必要があります。

免責事項

サイボウズは本サイトに情報を掲載するにあたり、細心の注意を払っていますが、掲載された情報の内容に関し、その有用性、正確性、安全性(エラー等が発生しないこと、常に各機能が正常に動作すること、情報に間違いがなく最新であること、問題が発生した場合にこれを修正すること、このウェブサイト及びサーバーにコンピュータウィルスその他の有害物が無いこと等を含む)を保証するものではありません。利用者本人の責任においてご利用頂くものとします。

したがって当社は利用者の皆様がこれらの情報の使用・利用、または使用・利用の不可能によって生じる損害・不利益についてもいかなる責任を負うものではありません。

また予告なしに本サイト上の情報を変更、中断又は中止させて頂くことがございます。理由の如何に関わらず、情報の変更及び本ウェブサイトの運用の中断または中止によって生じるいかなる損害についても責任を負うものではありません。

当ウェブサイトを利用された場合,当ウェブサイトご利用上のお願いとご注意に同意して頂いたものと判断いたします。当ウェブサイトでは諸事情により,上記の内容を部分的に修正,追加させて頂くことがございます。方針の変更が掲示された後で当ウェブサイトを継続して使用される場合,サイトご利用者が変更内容を確認して頂いたものとみなしますのであらかじめご了承ください。

リンク

本サイトからリンクされている第三者のサイトについては、それぞれの責任において管理・運営されています。その内容から発生する問題もしくは副次的にもたらされるあらゆる問題についてサイボウズは責任を負うものではありません。

知的財産権等

本サイト(本サイトを構成するテキスト・画像素材、商標等を含む)にかかわる知的財産権等の権利は、サイボウズ又はその他の権利者が保有・管理しております。利用者の皆さまが権利者から適正な許諾を得ることなく、本サイトの全部又は一部を無断で使用(複製、転用、改変、送信、販売等)することは、権利者の正当な権利を侵害する行為であり、法律により固く禁じられております。

その他

  • 弊社では、カスタマイズにより発生する、性能への影響や結果についていかなる責任も負いません。JavaScript ファイルの読み込みによるカスタマイズは、お客様の判断と責任の下に実行してください。
  • JavaScript ファイルの読み込みによるカスタマイズの結果、cybozu.com サービスに著しい負荷や障害等が発生した場合、弊社は、本機能及びクラウド版「サイボウズ Office」の提供を一時停止することがあります。
  • クラウド版「サイボウズ Office」が更新されると、読み込んでいたJavaScriptが無効になる場合があります。更新後は動作確認をし、必要に応じて再度 JavaScript ファイルを読み込んでください。
  • サイボウズ製品の著作権は弊社およびその供給者に帰属します。Copyright 表示を故意に見えなくするようなカスタマイズは行わないでください。
  • 詳細については、cybozu.com サービスご利用規約をご確認ください。
  1. ホーム
  2. 活用マガジン
  3. JavaScriptカスタマイズについて

もっと知りたい
サイボウズ Office

  • もっと詳しく製品を知りたい

    セミナー情報
  • 他の企業の活用状況を知りたい

    「サイボウズ Office」導入事例
  • ユーザー同士で情報共有したい

    cybozu community
  • 活用方法を動画で学びたい

    YouTubeチャンネル
  • 情報をイチ早く知りたい

    公式FaceBook
  • Office関連の情報を収集したい

    公式Twitter