ブログ

共有したURLをクリックすると見てほしいタブが開くようになりました!

みなさん、タブ表示プラグインをお使いですか?

お使いの方の中には

「□□アプリのNo.〇〇のレコードの△△タブを見てください/入力してください」とか、

「https://SAMPLE.cybozu.com/k/□□/show#record=〇〇 の△△タブを 見てください/入力してください」

などといった業務連絡をしている方もいらっしゃるかもしれません。

または、メールやチャット、手順書などに画像を添付して、「〇〇のレコードのこの画面を見てください」としている方もいらっしゃるかもしれません。

ひと手間が面倒なことってありますよね。

 

今回は「共有したURLをクリックすると共有したいタブが開く」というお話です。

■タブをクリックしたときにアドレスバーにタブの情報が表示されるように

たとえば、以下のような「商品リスト」アプリがあったとします。

今まで(バージョン 1.4.0)までのURLは

https://SAMPLE.cybozu.com/k/1/show#record=1&l.next=0&l.prev=2

こんな感じでした。

バージョン 1.5.0 からのURLは

https://SAMPLE.cybozu.com/k/1/show#record=1&kinkozi.tab.indices=SAMPLE_INDEX_1&l.next=0&l.prev=2

 こんな感じになりました。

タブをクリックすると、

このアプリのURLが

https://SAMPLE.cybozu.com/k/1/show#record=1&kinkozi.tab.indices=SAMPLE_INDEX_2&l.next=0&l.prev=2

といった形で変わります。

このURLの "&kinkozi.tab.indices=SAMPLE_INDEX_1"、"&kinkozi.tab.indices=SAMPLE_INDEX_2" というパラメータがタブの情報です。(SAMPLE_INDEX_1、SAMPLE_INDEX_2は仮の値です)

※ "&kinkozi.tab.indices="から次の"&"の手前までの部分。"&kinkozi.tab.indices="の後ろに"&"がなければ最後まで

 

■レコードのURLをクリックするだけで共有したいタブが開く

ここまでは「だからどうしたの?」と思われる方もおられると思いますが、

先ほど冒頭でお話した

https://SAMPLE.cybozu.com/k/□□/show#record=〇〇 の△△タブを 見てください/入力してください」

と共有していた内容を、

https://SAMPLE.cybozu.com/k/□□/show#record=〇〇&kinkozi.tab.indices=☆☆ を 見てください/入力してください」

とすることができるのです。

つまり、今まで共有されたURLをクリックすると「アプリのレコードが開く」だったものが、

「アプリのレコードの(共有したい)タブが開く」となり、

結果としてタブの名称などを記載しなくてよくなる分、ほんの少し作業が軽減することになるわけです。

また、同じアプリ内であればURLのタブ情報はすべて同じ書式なので、

"https://SAMPLE.cybozu.com/k/□□/show#record=〇〇&kinkozi.tab.indices=☆☆" の ○○ の部分を変更すれば他のレコードを指定することもできます。

さらに、"https://SAMPLE.cybozu.com/k/□□/show#record=〇〇&kinkozi.tab.indices=☆☆" に編集モード(&mode=edit)のパラメータを追記して、

"https://SAMPLE.cybozu.com/k/□□/show#record=〇〇&kinkozi.tab.indices=☆☆&mode=edit" とすれば

URLをクリックした人は編集画面を開くことができます。

※modeはkintoneの基本機能です。明示的に詳細画面としてのURLを共有したい場合は &mode=show を追記します。

 

以上となります。

いかがだったでしょうか。ぜひタブ表示プラグインをご活用ください。

■今回使用したプラグイン

 

ブログ一覧に戻る