cybozu.com : サイボウズ Office Bootstrap

サイボウズ Office on cybozu.com で Twitter Bootstrap 風のデザインにする Chrome 拡張を作ってみました。Chrome ウェブストアからインストールすることができます。

サイボウズ Office Bootstrap

この Chrome 拡張をインストールした後の設定方法は以下のようになります。

1. 「個人設定 > デザイン」に移動します。
2. 「青（標準）」を選択し、「変更する」ボタンをクリックします。

※ このツールはサイボウズのサポートの対象外となります。

cybozu.com : サイボウズ Office JSカスタマイズマネージャー

以前、サイボウズ Office JavaScript エディターという、システム管理者がJavaScriptを編集し、システムにアップロードするためのChrome拡張を紹介しました。それに続き今回は、何とJavaScriptを記述せずともJavaScriptでシステムをカスタマイズすることができるChrome拡張を紹介します。

サイボウズ Office JSカスタマイズマネージャー

Chrome 拡張で実現した理由は、システム管理者が設定する機能なのでクライアントにインストールするツールにしても、また特定のブラウザに限定しても問題ない、と考えたからです。また、システム管理者以外のユーザーはこのChrome拡張をインストールする必要はありません。カスタマイズ実施後は他のユーザーもその恩恵にあずかれます。

この Chrome 拡張をインストールした後の使用方法は以下のようになります。

1. 「システム設定（詳細） > カスタマイズ > JavaScript ファイルの設定」に移動します。
2. 「JavaScript ファイル」の行にある「カスタマイズマネージャー」ボタンをクリックします。
3. 新規タブにJSカスタマイズマネージャーが立ち上がります。
4. 最初にカスタマイズモジュールのリポジトリの確認が求められるので、デフォルトの状態で「OK」をクリックします。
5. 適用したいカスタマイズ項目を選択・設定し「JavaScriptを生成してアップロード」ボタンをクリックします。

サイボウズ Office on cybozu.com JavaScriptカスタマイズサイトも開設されているので、詳しくはこちらもご覧頂ければと思います。

※ このツールはサイボウズのサポートの対象外となります。

cybozu.com : サイボウズ Office フォームデザイナー

サイボウズ Office on cybozu.com のプレミアムコースでは「カスタムアプリ」機能が利用できます。 「カスタムアプリ」とは、業務に合わせたツールを作成する簡易的なデータベース機能のことです。

今回紹介するツールは、このカスタムアプリのフォームをドラッグ＆ドロップで設計するための「サイボウズ Office フォームデザイナー」というツールです。

前回紹介した「サイボウズ Office JavaScript エディター」と同様、Chrome拡張で実現してみました。 Chrome ウェブストアからインストールすることができます。

サイボウズ Office フォームデザイナー

Chrome 拡張で実現した理由は、カスタムアプリのフォームを設計するのはそのアプリの運用管理者なので、つまり特定のユーザーがフォームを設計するので、クライアントにインストールするツールにしても、また特定のブラウザに限定しても問題ない、と考えたからです。

この Chrome 拡張をインストールした後の使用方法は以下のようになります。

1. カスタムアプリのレコード一覧画面を開きます。
2. 運用管理権限がある場合「運用管理」リンクの右側に「フォームデザイナー」ボタンが表示されます。このボタンをクリックします。
3. 新規ウィンドウにフォームデザイナーが立ち上がるので、ドラッグ＆ドロップでフォームを設計します。

※ このツールはサイボウズのサポートの対象外となります。