サイボウズ Office on cybozu.com で Twitter Bootstrap 風のデザインにする Chrome 拡張を作ってみました。Chrome ウェブストアからインストールすることができます。
この Chrome 拡張をインストールした後の設定方法は以下のようになります。
- 「個人設定 > デザイン」に移動します。
- 「青(標準)」を選択し、「変更する」ボタンをクリックします。
※ このツールはサイボウズのサポートの対象外となります。
最近は、サイボウズ Office on cybozu.com での JavaScript によるカスタマイズとか。
サイボウズ Office on cybozu.com で Twitter Bootstrap 風のデザインにする Chrome 拡張を作ってみました。Chrome ウェブストアからインストールすることができます。
この Chrome 拡張をインストールした後の設定方法は以下のようになります。
※ このツールはサイボウズのサポートの対象外となります。
以前、サイボウズ Office JavaScript エディターという、システム管理者がJavaScriptを編集し、システムにアップロードするためのChrome拡張を紹介しました。それに続き今回は、何とJavaScriptを記述せずともJavaScriptでシステムをカスタマイズすることができるChrome拡張を紹介します。
Chrome 拡張で実現した理由は、システム管理者が設定する機能なのでクライアントにインストールするツールにしても、また特定のブラウザに限定しても問題ない、と考えたからです。また、システム管理者以外のユーザーはこのChrome拡張をインストールする必要はありません。カスタマイズ実施後は他のユーザーもその恩恵にあずかれます。
この Chrome 拡張をインストールした後の使用方法は以下のようになります。
サイボウズ Office on cybozu.com JavaScriptカスタマイズサイトも開設されているので、詳しくはこちらもご覧頂ければと思います。
※ このツールはサイボウズのサポートの対象外となります。
サイボウズ Office on cybozu.com のプレミアムコースでは「カスタムアプリ」機能が利用できます。 「カスタムアプリ」とは、業務に合わせたツールを作成する簡易的なデータベース機能のことです。
今回紹介するツールは、このカスタムアプリのフォームをドラッグ&ドロップで設計するための「サイボウズ Office フォームデザイナー」というツールです。
前回紹介した「サイボウズ Office JavaScript エディター」と同様、Chrome拡張で実現してみました。 Chrome ウェブストアからインストールすることができます。
Chrome 拡張で実現した理由は、カスタムアプリのフォームを設計するのはそのアプリの運用管理者なので、つまり特定のユーザーがフォームを設計するので、クライアントにインストールするツールにしても、また特定のブラウザに限定しても問題ない、と考えたからです。
この Chrome 拡張をインストールした後の使用方法は以下のようになります。
※ このツールはサイボウズのサポートの対象外となります。
このブログでは、サイボウズ Office on cybozu.com を JavaScript でカスタマイズする話を多く取り上げています。作成した JavaScript を読み込ませる方法はマニュアルに記載の通りです。設定画面で JavaScript ファイルをダイアログから指定して読み込ませるので、以下のようなステップになります。
すでに JavaScript ファイルがアップロード済みの場合は、テキストエディターで編集する前に、 ダウンロードする作業も必要となります。 (別の場所にバックアップ済みの場合は、そこから取得する方法もありますが)
頻繁に行う作業ではないので、上記の方法でもさほど問題があるわけではないのですが、 この作業をもっと効率的にするために、Webブラウザ上で直接 JavaScript を編集し、 「適用」ボタンを押下することでシステムに反映できるようなツールを作ってみました。
Chrome 拡張で実現してみました。Chrome ウェブストアからインストールすることができます。
Chrome 拡張で実現した理由は、システム管理者が設定する機能なのでクライアントにインストールするツールにしても、また特定のブラウザに限定しても問題ない、と考えたからです。
この Chrome 拡張をインストールした後の使用方法は以下のようになります。
※ このツールはサイボウズのサポートの対象外となります。
Cybozu CrossSync v1.0.4 をリリースしました。
今回の更新内容は以下の通りです。
また、今回から GitHub に移行しました。
https://github.com/hatashinya/cybozu-crosssync
Cybozu Advance v1.1.4 をリリースしました。
今回の更新内容は主に不具合改修となります。
また、今回から GitHub に移行しました。
https://github.com/hatashinya/cybozu-advance
サイボウズ Office on cybozu.com の掲示板やメッセージには「その他の操作」から「ToDoに登録する」という機能があります。しかし、掲示板やメッセージに書き込まれた各フォローに対しては、ToDoに登録する機能がありません。
今回はフォローに「ToDoに登録する」メニューを追加するカスタマイズを紹介します。
下記に示す JavaScript を登録した後に、フォローのある掲示板またはメッセージの画面に移動してください。今回のカスタマイズにより、フォローにマウスカーソルを合わせると、「固定リンク」や「削除する」というメニューと同時に「ToDoに登録する」というメニューが表示されると思います。これをクリックすると、ToDoの登録画面に移動し、ToDo名とメモがあらかじめ入力された状態となります。ToDo名にはフォローの内容の先頭行が入り、メモには対象のフォローの固定リンクとフォローの内容のすべてが入ります。
コードを解説していきます。処理は掲示板・メッセージの画面とToDo登録の画面とに分かれます。
ちなみに、サイボウズ Office on cybozu.com の10月版から jQuery があらかじめ読み込まれているので、今回紹介するコードからは jQuery の読み込み部分が不要となりました。