kintone知恵袋 ↙→↘↓↙←↘ + k

こんにちは、64のスマブラで一番好きなキャラがマリオのウィル山です。

本日は~~12月のアップデートによって新しくkintoneに追加されたkintone全体cssについて色々やっちゃいたいとおもいます！~~大人の事情でkintone知恵袋を書きます。

今日からすぐに使えて、コードを書く必要が無く、モテるTipsをご紹介します。
紹介するコンテンツはこちらです：

- [知恵袋1. スペースでgifを動かす方法](http://qiita.com/will-yama/items/a5a4bc0204df310e46a3#%E7%9F%A5%E6%81%B5%E8%A2%8B1-%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9%E3%81%A7gif%E3%82%92%E5%8B%95%E3%81%8B%E3%81%99%E6%96%B9%E6%B3%95)
- [~~知恵袋2. ヘルプの実態~~](http://qiita.com/will-yama/items/a5a4bc0204df310e46a3#%E7%9F%A5%E6%81%B5%E8%A2%8B2-%E3%83%98%E3%83%AB%E3%83%97%E3%81%AE%E5%AE%9F%E6%85%8B) *※2017年のアップデートにより機能しなくなりました*
- [知恵袋3. 「？」でショートカットキー一覧の表示](http://qiita.com/will-yama/items/a5a4bc0204df310e46a3#%E7%9F%A5%E6%81%B5%E8%A2%8B3-%E3%81%A7%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88%E3%82%AD%E3%83%BC%E4%B8%80%E8%A6%A7%E3%81%AE%E8%A1%A8%E7%A4%BA)
- [知恵袋4. アプリコードのリンク化](http://qiita.com/will-yama/items/a5a4bc0204df310e46a3#%E7%9F%A5%E6%81%B5%E8%A2%8B4-%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E5%8C%96)
- [知恵袋5. リマインダーアプリの作成](http://qiita.com/will-yama/items/a5a4bc0204df310e46a3#%E7%9F%A5%E6%81%B5%E8%A2%8B5-%E3%83%AA%E3%83%9E%E3%82%A4%E3%83%B3%E3%83%80%E3%83%BC%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E4%BD%9C%E6%88%90)
- [知恵袋6. アプリ名の検索ちょいオプティマイズ](http://qiita.com/will-yama/items/a5a4bc0204df310e46a3#%E7%9F%A5%E6%81%B5%E8%A2%8B6-%E3%82%A2%E3%83%97%E3%83%AA%E5%90%8D%E3%81%AE%E6%A4%9C%E7%B4%A2%E3%81%A1%E3%82%87%E3%81%84%E3%82%AA%E3%83%97%E3%83%86%E3%82%A3%E3%83%9E%E3%82%A4%E3%82%BA)
- [知恵袋7. 運用されている環境でのプロセス管理のテスト](http://qiita.com/will-yama/items/a5a4bc0204df310e46a3#%E7%9F%A5%E6%81%B5%E8%A2%8B7-%E9%81%8B%E7%94%A8%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E7%92%B0%E5%A2%83%E3%81%A7%E3%81%AE%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E7%AE%A1%E7%90%86%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88)
- [知恵袋8. Tab + Enterでコメントの投稿ができる](http://qiita.com/will-yama/items/a5a4bc0204df310e46a3#%E7%9F%A5%E6%81%B5%E8%A2%8B8-tab--enter%E3%81%A7%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%81%AE%E6%8A%95%E7%A8%BF%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B)
- [知恵袋9. ~~サイボウズLiveの~~表を使えばグリッドレイアウトが活用できる。](http://qiita.com/will-yama/items/a5a4bc0204df310e46a3#%E7%9F%A5%E6%81%B5%E8%A2%8B9-%E3%82%B5%E3%82%A4%E3%83%9C%E3%82%A6%E3%82%BAlive%E3%81%AE%E8%A1%A8%E3%82%92%E4%BD%BF%E3%81%88%E3%81%B0%E3%82%B0%E3%83%AA%E3%83%83%E3%83%89%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%8C%E6%B4%BB%E7%94%A8%E3%81%A7%E3%81%8D%E3%82%8B)
- [知恵袋10. ラベルに画像やgif挿入](http://qiita.com/will-yama/items/a5a4bc0204df310e46a3#%E7%9F%A5%E6%81%B5%E8%A2%8B10-%E3%83%A9%E3%83%99%E3%83%AB%E3%81%AB%E7%94%BB%E5%83%8F%E3%82%84gif%E6%8C%BF%E5%85%A5)

さぁ、let's go! ٩( 'ω' )و

#言われなきゃ分かんねーよkintone基本機能シリーズ
kintoneにはいくつか偶然発見しちゃう機能があります。
まず、kintoneのかくれ機能をいくつか見てみましょう。

##知恵袋1. スペースでgifを動かす方法
「kintoneスペースにgif画像を貼ったけれどgifが静止してる」って体験したことありますよね。

実は貼ったときからgif画像は動かすことができます。ちょっとコツがいるだけです。

まず、gif画像を選択してコメントに添付します。動かないですよね。わかります。
次に、画像をクリックしてください。サイズのオプションがありますよね。小さくや大きくできます。最後に「元サイズ」がありますね・・・
![chie1a.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/599c6c37-d280-5016-ea8c-27f0a8484e22.png)

これをクリックすると・・・
![chie1b.gif](https://qiita-image-store.s3.amazonaws.com/0/100542/757f6671-31e7-9fb5-816a-642f520c6b9c.gif)


動いたー！٩( 'ω' )و
これでkintone上のコミュニケーションも一層楽しくなり、モテますね。

※え？アプリの添付ファイルフィールドのgif画像を動かしたい？あいつはうごかねーよ。

##~~知恵袋2. ヘルプの実態~~
*※2017年のアップデートにより機能しなくなりました*
*※2017年11月現在は、ヘルプのトップページに遷移します*

kintoneにはヘルプページが存在します。黒いナビの右側にあるハテナですね。
![chie2a.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/3eaaabae-f5f4-0a05-bd99-66f5d77fc900.png)

まって、ちょっと待って！*「あーだりぃ、知ってるよそんなこと！」*みたいな感じで読み飛ばさないで。

意外と知られていないんですが、現在kintoneで開いているコンテンツに対してのヘルプページが開くんです。
*どうせ、ヘルプページ開いたらインデックスが開くんでしょ？そこから探すんでしょ？*
違うんですよ！そういう人のためにヘルプページは良い感じに必要なコンテンツを開いてくれるんですよ！

例えばアプリの設定画面のプロセス管理の設定でヘルプページを開くと・・・
![chie2d.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/9e0c8af7-ceb2-45e4-ef42-5f7895b1f26c.png)

プロセス管理のヘルプが開きます！
![chie2e.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/6e2c228a-92ae-897d-2682-734ff2da6cba.png)

通知画面では通知のヘルプ、スペースではスペースのヘルプと、必要なヘルプ画面を出してくれます。
是非是非活用していきましょう。

##知恵袋3. 「？」でショートカットキー一覧の表示
kintoneのアプリにはショートカットキーが存在します。

まず、レコード詳細画面かレコード一覧画面で、キーボードの「？」を叩くとショートカットキーの一覧が出てきます。
![chie3a.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/a42e4b5c-3ae3-d8ed-4c44-b091600afe40.png)
バーン

まじで言われないと見つからない機能Top3ですね。

んで、これって良く使われるんですか？・・・いや、正直自分はあまり使わないです・・・

でも2つだけ結構使うやつありました。レコード詳細画面にて。

まず、「e」ですね。これは現在開いているレコードを編集モードにしてくれます。これはモテます。
マウスを使わずに編集画面を開いて、そのままTabを連打して特定のフィールドにまで移動するのはなんだか玄人っぽいです。

そして続いては 「Ctrl+s」 ですね。
これはもう見ての通り保存のショートカットで、レコードの保存をしてくれます。これもモテます。
日々kintoneを活用してる人にとっては最高のショートカットキーですね。
![chie3b.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/38d77515-5d99-fb8c-26e4-5021b45d8f7c.png)

え？Macの場合はどうだって？
そこはもちろん、コマンｄ・・・あ、ごめん、これもCtrl+sだったわ


##知恵袋4. アプリコードのリンク化
アプリの設定の「高度な設定」に潜む「アプリコード」という便利機能があります。
めっちゃ便利な機能です。使ってますか？
![chie4a.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/5f32191d-a0a2-9900-c537-b99a4b0cd6ba.png)

まずアプリコードとは何なのか。
アプリのレコードって全てレコード番号が振ってあるじゃないですか。
この機能は、そのレコード番号を、今使用しているkintone環境内でユニークな文字列にしてくれる機能です。いや、ごめん。だから何って感じですよね。
とりあえず、言葉で説明するより図で見たほうがわかりやすいですね。

たとえば、日々のメモを記録してくれるメモアプリがあるとしますね。
これにwillmemoというアプリコードをつけましょう。
すると、私のレコード番号が全部 willmemo-1, willmemo-2となります。
![chie4c.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/b4b77b5f-3b91-a0a7-3430-f48641e7c7ab.png)

( ・ ́ー・ )ドヤァ

いえ、これだけではありませんね。
アプリコードというのはですね、特殊な文字列になるんです。
アプリのコメントやスペースなどにこの文字列を書きますと・・・
![chie4b.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/ef608073-b7a8-c990-d8ee-d20fe6e60eba.png)


そう、そのレコードへのリンク先になるんです。
便利。なんて便利。
え、そこのあなた、まだレコードのURL貼ってるですか？長くないですか？モテないですそれ。


#kintone基本機能の応用シリーズ
ここから案内するのはkintoneの基本的な機能を活用した、プチkintone術です。
別になんてこともないkintoneの使い方ですが、日々活用している知恵袋ですね。

##知恵袋5. リマインダーアプリの作成
まずはこれですね。いきなりアプリ作成かよ。

良くスマホでリマインダー機能を使うと思いますが、kintoneも似たようなものが作れます。
ちょっとだけ仕様に癖がありますが、わりと日々活用が出来ます。

ここで輝く機能は「リマインダー通知」です。
リマインダー通知がわからない人は、アプリの設定画面の通知設定にいって、ヘルプを見てみましょう。

はい、これですねー。
https://help.cybozu.com/ja/k/user/reminder.html

まぁ簡単に説明すると、特定の時間に特定の内容について特定のユーザに通知を出してくれます。
「特定の時間」に関しては、時間系ののフィールドが指定できます。
「特定のユーザ」に関しては、ユーザを予め設定出来ますし、ユーザ選択フィールド等も指定できます。

では、アプリを作成していきましょう。下記をアプリに配置してください。
・日時フィールド。名前は「リマインドする日時」。
・文字列(１行)。名前は「通知の内容」
・ユーザ選択。名前は「他に通知する人」
![chie5a.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/cb68232a-2866-a231-51e6-e1518340de19.png)


次に、レコードタイトルの設定で、「通知の内容」を選択しましょう。
これをやらないと、かなり悲しいことになります。
![chie5b.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/f5d83f5f-5b55-62a7-0c31-92f15a9f4725.png)

次に、通知設定の「リマインダーの条件通知」で、リマインドの条件を追加します。
通知のタイミングは下記の用に設定します。
![chie5c.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/0a92fdb4-da39-e9df-1206-f3480331bdc6.png)

あとは必要最低限のアプリの設定をして、保存して設定完了にしましょう。

これで新しいレコードを追加し、リマインドを入れたい日時、リマインドの内容、自分以外にも通知したい人を入れると、リマインダーがその時間に自分と他に設定した人に飛んでくれます。便利ですね。
![chie5d.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/940ea503-0645-cf4f-c304-02227450edb1.png)


ただ、リマインダー通知の仕様だけ気をつけましょう。
リマインダーが飛ぶタイミングは10分に一度となってます。それは一時間の中で00,10,20,30,40,50分 のタイミングで飛ぶようになっています。
時間を6:13に設定した場合、リマインダーは6:20に飛んできます。これだけ覚えましょう。

##知恵袋6. アプリ名の検索ちょいオプティマイズ
上部の検索窓にアプリ名を入れると、名前がマッチングするアプリがサジェストされますよね。
![chie6a.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/adf4fab3-ca6c-52d8-d284-968b4d63feeb.png)


便利ですよねー。でもこういうケースありませんか。
「◯◯という名前のアプリだと思って検索窓にアプリ名を入れたのに、実際は△△という名前だった」

あるあるーΣ(ﾟДﾟ υ)
「携帯費用管理」というアプリ名にして、アイコンはスマホっぽい画像にしてるから、ついつい検索窓に「スマホ」って入れちゃうとかね。
あるあるーΣ(ﾟДﾟ υ)

という方のためのお勧めTipsです。

ここでつかう基本機能は「ローカライズ」機能です。
実は今年の7月のアップデートで、検索の仕様がちょっと変わったんですよね。
https://kintone.cybozu.com/jp/support/update/150712.html
ポイントはここの仕様変更ですね→*「デフォルトのアプリ名だけでなく、ユーザーの表示言語のアプリ名も検索されるように変更」*。

さて、これを活用していきましょう。
まず、先ほどの例を使って、アプリ名を「スマホ」に変更しましょう。ここは名前を変えちゃって大丈夫です。トラスト・ミー。
![chie6b.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/8c6156bc-e2c0-2992-dab6-8ae890266d57.png)

そしてアプリの設定画面の「詳細設定」→「言語ごとの名称」に行きます。
アプリ名の「日本語」の部分に「携帯費用管理」を入れましょう。
![chie6c.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/f0abe24b-cc20-2ec7-e1e1-1aa548602029.png)

保存し、設定を完了しましょう。
さて、検索窓に「スマホ」と入れると・・・
![chie6d.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/8cce9331-8166-790c-a6b0-fc96e3a8d4ea.png)

「携帯費用管理」のアプリが出てきます。
もちろん「携帯費用管理」でも同じアプリが出てきます。(・∀・)ｲｲﾈ!!

##知恵袋7. 運用されている環境でのプロセス管理のテスト
プロセス管理って、アプリ運用後に修正をするのってたまに嫌なんですよね。
なぜかというと、修正した後にプロセス管理のテストってしたくなるんですよ・・・でもあれじゃないですか。テストするとユーザに通知が飛んじゃうじゃないですか・・・
「すみませーん、プロセス管理の通知が飛ぶけれど無視してくださーい」と巻き込まれるユーザに言えば良いんですが、スマートじゃないですよね。

・・・と思う人には「アプリの動作テスト」をお勧めします。
![chie7b.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/9a0fb5f6-5ddc-6edc-9aa1-24d34d5e2ec0.png)

*「そういえばそんな機能があったな」*という人は結構いるんじゃないでしょうか。
これは本番環境に何も影響を与えず、アプリに好き勝手データを追加したり編集したりプロセス管理まわしたりできるんです。
そう、プロセス管理回せるんです。もちろんユーザを設定してもそのユーザには通知が飛びません。
![chie7a.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/37edfcf0-9054-843c-1f4d-c8e87c866323.png)

ひゃー！便利！

#いつまで使えるかわからないちょい技シリーズ
ここからはあれですね。
kintoneで一応使えるっちゃー使える技なんだけど、公開はされてないし、いつまでも出来るかは保証されてないような技ですね。

##知恵袋8. Tab + Enterでコメントの投稿ができる
まずすぐに試せる小技。普段Webサービス使ってる人だったら、これは知ってるかもですねー。
スペースやアプリのコメントに内容を入れた後に、Tab押しながらEnter（又はTabを一回おしてからEnter）でコメントが投稿できます。良いショートカットですねー。
![chie8a.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/c30aa26f-cf7c-63a3-c95e-6fffc08df164.png)


##知恵袋9. サイボウズLiveの表を使えばグリッドレイアウトが活用できる。
タイトルからして意味わからん感じですが、こんなレイアウトをkintoneで活用できます。
![chie9a.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/ea75b73b-1839-ee70-62e9-ea53e816d827.png)


どうもオープンスペースが目立つkintoneですが、表を活用すると上手くスペースを扱えます。
まあ、やってることは単にどっかから表をコピペしてるだけなんですがね。
近くにあった表を使うサービスがサイボウズLiveだったんで、それを使いました。

**(※追記2019/04/19:サイボウズLiveのサービスは残念ながら[終了しました](https://live.cybozu.co.jp/about/20171024.html)。表が使えるサービズだったらなんでも良いので、下記と似てることが出来るサービスを探しましょう)**

まず、サイボウズLiveの掲示板の投稿で、「書式編集」をオンにします。次に「表の挿入」で必要な表を作成します。コピーします。
![chie9b.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/54895213-61c6-bb01-c6aa-7cf85bb2279d.png)

kintoneのRTEにペーストします。中に情報を入れます。
![chie9c.PNG](https://qiita-image-store.s3.amazonaws.com/0/100542/cc96a365-c4b1-ee51-e2d9-530e44c1d775.png)


綺麗な感じになりましたね！

というかkintone本体に表機能を入れてよ～(つ∀-)

##知恵袋10. ラベルに画像やgif挿入
よーし、では長い長いTipsの最後はラベルの悪用で締めくくります。

まず適当なアプリに添付ファイルフィールドを入れます。それで、フィールドに適当なgifを貼り付けて保存します。
画像をクリックします。gifがここで動き出しますね。

右クリックしてコピーしてください。
では、gifを挿入したいアプリの設定を開き、ラベルを配置して、ラベルの設定を開きましょう。
そしてペーストしましょう。この時点で、保存する前に動いているgifが表示されていたらOKです。保存して設定を完了しましょう。
![chie10c.gif](https://qiita-image-store.s3.amazonaws.com/0/100542/b151ee47-2739-eff6-37ca-702781b318e8.gif)


新しいレコードを追加したら、gifが動くのを確認出来ましたか？OK!
![chie10f.gif](https://qiita-image-store.s3.amazonaws.com/0/100542/aa2c4f12-9608-2cda-b748-615164d27468.gif)


これ静止画像でももちろんいけます。サポート非対応の技ですが、有効活用してみましょう！

ちなみにこの技はRTEがあればどこでも使えるんで、スペースやポータルのボディとか、アプリのレコードのコメントとか、アプリ設定の一般設定の「アプリの説明」でも利用できます。


#終わりに
いかがでしたでしょうか。
私の知ってるかぎり、日常的に使っていて便利なkintone裏ワザTipsでした。
（☝ ՞ਊ ՞）☝ ひゃっはー！