rex0220 ちょっと便利なプラグイン

kintone の少し使いにくいところを、ちょっとだけ便利にするプラグインです。

- F01 日付項目の DatePicker の文字を大きく
- F02 画面切り替え時に、コメント欄の表示を閉じる
- F03 リンクを別タブ表示
- F04 ルックアップダイアログ表示を調整
- F05 ルックアップ項目表示幅調整
- F06 数値項目にスピンボタンを追加
- F07 「この前のバージョンに戻す」を隠す
- F08 画像ファイルを横並び
- F09 印刷ボタンを表示
- F10 アプリ名をツールバーに表示
- F11 スクロールボタンをツールバーに表示
- F12 スクロールショートカット機能を追加
- F13 メニューボタン名表示
- F14 編集モード表示
- F15 レコード追加ボタンを隠す
- F16 詳細画面でレコード再利用ボタンを隠す
- F17 詳細画面でレコード削除メニューを隠す
- F18 詳細画面でレコード印刷メニューを隠す
- F19 一覧画面で編集ボタンを隠す
- F20 一覧画面で削除ボタンを隠す
- F21 テーブル行の追加・削除ボタンを左に表示
- F22 テーブル行の追加ボタンを隠す
- F23 テーブル行の削除ボタンを隠す
- F24 テーブルのヘッダ固定
    - 縦スクロールで、ヘッダ行固定。横スクロールで左端１カラムを固定。
    - ただし、「テーブルのヘッダ固定」については、IE11 は、動作対象外
- F25 グラフ・クロス集計表のヘッダ固定
    - ただし、IE11 は、動作対象外
- F26 グラフ・表のヘッダ固定
    - ただし、IE11 は、動作対象外
- F27 詳細画面で文字列複数行を縦スクロール表示
- F28 詳細画面で文字列複数行を縦スクロール時に、最も下を表示
- F29 詳細画面でテーブル内文字列複数行を縦スクロール表示
- F30 詳細画面でテーブル行数表示
- F31 詳細画面でテーブルフィルター
- F32 詳細画面でテーブル行番号追加
- F33 追加・編集画面でテーブル先頭行追加
    - ※テーブル内にファイル項目がある場合は、対象外
    - 項目絞り込みプラグイン Ver.14 以降と連携
    - テーブル行複写プラグイン Ver.5 以降と連携
    - 項目検証プラグイン Ver.26 以降と連携
    - 計算式プラグイン Ver.42 以降と連携
- F34 一覧画面の編集ボタン位置を固定 ※IE11 は、動作対象外
- F35 一覧画面の詳細レコードのリンクアイコンを固定　※IE11 は、動作対象外
- F36 変更履歴を隠す
- F37 コメント欄と変更履歴を隠す
- F38 日時項目と時刻項目を時間単位に変更
- F39 日時項目と時刻項目を 8:00 からの選択で表示
- F40 日時項目と時刻項目を 18:00 までの選択で表示
- [F41 編集画面表示時にレコード更新チェック](https://qiita.com/rex0220/items/1b04a6f4126d846e39bb)
- F42 文字数制約を隠す
- F43 グラフの項目選択
- F44 グラフの印刷
- F45 グラフのダウンロード
- F46 詳細画面の行間を狭く
- F47 編集画面表示完了まで保存ボタンを無効
- F48 一覧テーブル表示の背景色変更
- F49 詳細画面のテーブル背景色変更
- F50 詳細画面の関連テーブル背景色変更
- F51 詳細画面でレコード編集のボタンを隠す
- F52 詳細画面でショートカット[c : レコードを追加する]を無効にする
- F53 詳細画面でショートカット[e : 選択したレコードを編集する]を無効にする
- F54 テーブルの最後の行のみに追加ボタンを表示
- F55 テーブルの最後の行のみに削除ボタンを表示
- F56 テーブル外のルックアップで "参照先からデータが取得されました。" を非表示
- F57 テーブル内のルックアップで "参照先からデータが取得されました。" を非表示
- F58 詳細画面で文字列の表示幅調整
- F59 詳細画面で文字列複数行の表示幅調整
- F60 詳細画面で数値の表示幅調整
- F61 詳細画面で計算の表示幅調整
- F62 詳細画面でリンクの表示幅調整
- F63 詳細画面でラジオボタンの表示幅調整
- F64 詳細画面でチェックボックスの表示幅調整
- F65 詳細画面で複数選択の表示幅調整
- F66 詳細画面でドロップダウンの表示幅調整
- F67 詳細画面でユーザー選択の表示幅調整
- F68 詳細画面で組織選択の表示幅調整
- F69 詳細画面でグループ選択の表示幅調整
- F70 詳細画面でテーブルの表示幅調整
- F71 詳細画面でテーブル内項目の自動折り返しをしない
- F72 詳細画面でPDFをビューア表示
- F73 一覧画面でPDFをビューア表示
- F74 編集画面で編集不可項目の文字色を黒に変更
- F75 印刷画面でタイトル欄にレコードタイトルを設定
- F76 一覧画面でショートカット[c : レコードを追加する]を無効にする
- F77 コメント削除ボタン非表示


[rex0220 stores で、販売中です。](https://rex0220.stores.jp/)

※Ver.34
・F52, F53 指定時、編集画面の文字列複数行で "c","C","e","E" が入力できない不具合対応
　「F52 詳細画面でショートカット[c: レコードを追加する]を無効にする」
　「F53 詳細画面でショートカット[e: 選択したレコードを編集する]を無効にする」
・F76 指定時、一覧編集画面の文字列複数行で "c","C" が入力できない不具合対応
　「F76 一覧画面でショートカット[c : レコードを追加する]を無効にする」

※Ver.33
・「F77 コメント削除ボタン非表示」を追加
・「F74 編集画面で編集不可項目の文字色を黒に変更」の対象項目にドロップダウン・ラジオボタン・チェックボックス・複数選択の項目を追加
 ※対象アプリについて、ちょっと便利なプラグイン設定画面で「保存する」操作が必要です。
 
※ Ver.32
・「F76 一覧画面でショートカット[c : レコードを追加する]を無効にする」を追加

※ Ver.31
・「F75 印刷画面でタイトル欄にレコードタイトルを設定」を追加

# Ver.11 以降での注意事項

プラグイン設定保存時に、rex0220_tiny.css ファイルをチェックします。
Ver.10 以前から Ver.11 以降にバージョンアップする場合は、プラグイン設定を保存後に rex0220_tiny.css を削除してください。
![2022-05-05_11h54_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/58ba1806-9a36-c00e-c4d0-5f5d6f19f343.png)

# 関連記事

- [rex0220 ちょっと便利なプラグイン テーブル関連](https://qiita.com/rex0220/items/2f56d948f24379fa10d4)
- [rex0220 ちょっと便利なプラグイン テーブルフィルター](https://qiita.com/rex0220/items/7de8ad95b850e2a19b8e)
- [rex0220 ちょっと便利なプラグイン テーブルの先頭に行追加](https://qiita.com/rex0220/items/17ca6f9ab8bf6584e6c2)
- [rex0220 ちょっと便利なプラグイン グラフ関連](https://qiita.com/rex0220/items/905fb749330c6cfb9068)
- [rex0220 ちょっと便利なプラグイン 詳細画面で表示幅調整](https://qiita.com/rex0220/items/ace3e72a70028c8c0276)
- [rex0220 ちょっと便利なプラグイン PDFビューア](https://qiita.com/rex0220/items/a222ef20fc57f42e6320)
- [rex0220 ちょっと便利なプラグイン 印刷画面でタイトル欄にレコードタイトルを設定](https://qiita.com/rex0220/items/137cbef0fe33966d78f5)
- [rex0220 ちょっと便利なプラグイン 編集画面で編集不可項目の文字色を黒に変更](https://qiita.com/rex0220/items/980626811758df7cdc30)

# F01 日付項目の DatePicker の文字を大きく

日付選択時の文字を大きくし、見やすくなります。

![tiny01.png](https://qiita-image-store.s3.amazonaws.com/0/100572/3c2a85fb-6f2a-7666-25df-8f0e5030f508.png)


# F02 画面切り替え時に、コメント欄の表示を閉じる

レコード移動、編集画面に切替えなどで、コメント欄を閉じます。

![tiny05.png](https://qiita-image-store.s3.amazonaws.com/0/100572/8f2b3c1b-cafa-76fd-1075-15e606452673.png)


# F03 リンクを別タブ表示

詳細画面のリンクをクリックすると、別タブで開きます。

- リンク項目
- リッチエディター項目内のリンク
- ラベル内のリンク

サブテーブル内の項目も対象です。

![tiny03.png](https://qiita-image-store.s3.amazonaws.com/0/100572/68a557ad-d381-84ea-d8d2-dd68762c50b7.png)


一覧画面のリンクも同様に、別タブで開きます。


![tiny04.png](https://qiita-image-store.s3.amazonaws.com/0/100572/30e2d698-f0ef-dcce-fe3f-28bba1f8eca4.png)


# F04 ルックアップダイアログ表示を調整

ルックアップダイアログ表示でスクロールしないように調整します。

![2017-01-14_15h23_37.png](https://qiita-image-store.s3.amazonaws.com/0/100572/18a8cca3-840f-44a8-d8cf-3930942ded7c.png)


# F05 ルックアップ項目表示幅調整

詳細画面において、ルックアップ項目の表示幅を短く調整します。

![2017-01-21_14h08_09.png](https://qiita-image-store.s3.amazonaws.com/0/100572/7c240730-300a-5f56-65e6-a40d0c691e34.png)


# F06 数値項目にスピンボタンを追加

![2017-01-20_13h48_59.png](https://qiita-image-store.s3.amazonaws.com/0/100572/33757681-a04f-45bc-8c80-4d4184de1432.png)


# F07 「この前のバージョンに戻す」を隠す
変更履歴の「この前のバージョンに戻す」を非表示にします。

![2017-01-21_14h14_08.png](https://qiita-image-store.s3.amazonaws.com/0/100572/e6f41644-93b3-e14b-92fd-4797ec68757c.png)


# F08 画像ファイルを横並び

画像ファイルを横並びで表示します。

![2017-01-21_14h17_25.png](https://qiita-image-store.s3.amazonaws.com/0/100572/8bdd9cc6-4b84-9c5d-62b8-84283b5b32fb.png)

- テーブルで、画像ファイルを横並びにならない場合の対応

まず横並びにならない原因は、テーブル項目が多く画面の横サイズよりテーブル横サイズが長くなった場合に、自動的に画面の横サイズ内で表示するように画像を縦に折りたたみます。

プラグインでは、どの程度横サイズを拡張すればいいか判断できないため、
下記のように画面上にテーブルより長いスペースを配置して調整してください。

横並び表示する画像の数に合わせて、スペースの横サイズを増やす必要があります。
スペース位置は、画面の一番下でもOKです。
ただし、テーブルの各項目も画面の横サイズに合わせて表示されるため、
各項目の横サイズも指定サイズで表示されますので、全体的に横に長く表示される弊害があります。


![2021-06-10_18h30_57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/a2b4e3a7-d109-8e52-bbf0-3cacef2a781a.png)


# F09 印刷ボタンを表示

印刷ボタンをクリックすると、印刷プレビュー画面が表示されます。

![2017-05-29_16h42_55.png](https://qiita-image-store.s3.amazonaws.com/0/100572/2b84cb2c-3287-c0ee-bf5e-c04e417f24eb.png)

# F10 アプリ名をツールバーに表示

ツールバーにアプリ名を表示します。
下にスクロールしても、アプリ名が表示されています。

# F11 スクロールボタンをツールバーに表示

クリックすると、左右にスクロールします。

# F12 スクロールショートカット機能

スクロールのショートカット機能を追加します。
編集画面で入力エリアにカーソルがあると、ショートカットが機能しません。
入力エリア外をクリックしてください。

- 左端へ [ctrl+left]
- 左へ [ctrl+shift+left] 1ページ分左スクロール
- 右へ [ctrl+shift+right] 1ページ分右スクロール 
- 右端へ [ctrl+right]
- ページ先頭　[ctrl+up]
- １ページアップ [ctrl+shift+up]
- １ページダウン　[ctrl+shift+down]
- ページ最終　[ctrl+down]

# F13 メニューボタン名表示

ボタンアイコンの横にボタン名を表示します。

<img width="868" alt="2017-08-05_15h45_44.png" src="https://qiita-image-store.s3.amazonaws.com/0/100572/982a55f4-0407-0b37-c959-e50a51c1b33b.png">


# F14 編集モード表示

編集画面表示時、追加、複写、編集の表示を行います。

<img width="857" alt="2017-08-05_15h32_56.png" src="https://qiita-image-store.s3.amazonaws.com/0/100572/efd2f804-56fc-106e-c8c5-e474c231033d.png">

# プラグインの追加

- 「kintone システム管理 > プラグイン」で追加します。
- 「アプリの設定 > プラグイン」で、アプリに追加します。


# プラグインの設定

対象アプリで使用する機能を選択して、「保存する」をクリックします。
サブテーブルを追加した場合は、プラグインを再設定してください。


<img width="822" alt="2020-02-28_22h37_09.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/1b83d476-7c30-8b0f-ab98-2f52e555f7d9.png">



# 注意事項
- 既に、JavaScript によるカスタマイズを行っているアプリの場合、処理が競合して、エラーになる場合があります。その場合は、該当するアプリでプラグインの使用を中止してください。
- ちょっと便利なプラグインの設定には、システム管理権限が必要です。