公開日:2021-06-14
はじめに
皆さんこんにちは、築山です。
突然ですが皆さん、「kintone にアクセスカウンターを付けたい!!!」 そう思ったことはありませんか?
昔懐かしのこういうやつです。
![counter_dummy.png](https://www.r3it.com/wp-content/uploads/2023/08/60c6fcc913d916496de809fd_counter_dummy.png)
アクセスカウンターを付けたら、そのアプリがどれぐらい使われているのかわかって便利ですし、キリ番踏んだら嬉しいですよね!?
では、作ってみましょう!
まずは簡単な方法で作ってみる
既に公開させていただいている情報として似たような記事があります。
ユーザーの操作ログを記録する
これは該当のアプリへのアクセスがあったら、他アプリに履歴を記録するものなので監査的な目的ではこれが良さそうです。
一方で、シンプルにアクセス数を知りたいだけの目的からすると、上記の記事は他のアプリを使ったりと少し複雑です。
シンプルにアクセス数を表示する場合、以下のカスタマイズで実現できます。
![gusuku Customine - Google Chrome 2021-05-27 09.21..png](https://www.r3it.com/wp-content/uploads/2023/08/60c6fcc81235cd20567da292_gusuku2520Customine2520-2520Google2520Chrome25202021-05-27252009.21.png)
このカスタマイズでは、一覧画面が開かれる度に採番が行われるため結果としてアクセスカウンターの役割を果たせます。
動かしてみるとこんな感じですね。
![簡易カウンター.png](https://www.r3it.com/wp-content/uploads/2023/08/60c6fcc9da218b954153c743_25E725B025A125E62598259325E3258225AB25E3258225A625E3258325B325E3258225BF25E3258325BC.png)
なんか物足りない!
アクセスカウンターは設置できたはずのになんだか物足りないですよね?
そうですよね、私たちの求めていたのはこれでしたね。
![counter_dummy.png](https://www.r3it.com/wp-content/uploads/2023/08/60c6fcc913d916496de809fd_counter_dummy.png)
では、皆さんの望んでいるアクセスカウンターを作るためにカスタマインを駆使していきます。
まず、画像を表示する方法です。実は「スペースに文字を表示する」には画像を貼り付けることもできます。ここに貼り付ける画像は kintone 内の添付ファイルではなく、カスタマイズ作成時にパソコンのクリップボードに保持しているものをそのまま貼り付けられます。そのため、手元にカウンター用の画像を用意したらコピーして、あとは貼り付けるだけです。
ということで、まずは0の画像を貼り付けてみました。
![文字を表示.png](https://www.r3it.com/wp-content/uploads/2023/08/60c6fcc9b1594d0e5e86aa13_25E62596258725E525AD259725E32582259225E825A125A825E725A425BA.png)
これで画像を貼れることはわかりましたが、ここから少し難しくなります。
今回、6桁の数字を表示するアクセスカウンターを作ろうと思いますが、桁ごとにその数字に一致する画像を選択して「スペースに表示する」ということが必要になります。
具体的に示すと以下のようなカスタマイズになります。
![自動採番例.png](https://www.r3it.com/wp-content/uploads/2023/08/60c6fcca2bd75b230f6b3cef_25E8258725AA25E5258B259525E6258E25A125E7259525AA25E425BE258B.png)
カスタマイズの内容を簡単に解説します。
500:一覧画面を開いたタイミングで自動採番
501:自動採番の結果のうち、一番左の1桁のみを取得
502:501の結果が0であれば(一番左の1桁が0であれば)、0の画像を表示
503:501の結果が1であれば(一番左の1桁が1であれば)、1の画像を表示
上の例では、0の場合と1の場合だけを表示していますが、0~9 の10文字分同じ処理を作成する必要があります。また、これは一番左の 1 桁の処理だけなので、表示したい桁数分これを繰り返す処理を作成します。
・・・とちょっと手間はかかりますが、そしてできたのがこちらです!
![counter.png](https://www.r3it.com/wp-content/uploads/2023/08/60c6fcc9243752592e20c612_counter.png)
どうですか!?分かりづらいと思ったので動画にもしてみました。
いかがですか?皆さんの欲しかったアクセスカウンターそのものですよね。
業務改善のためのカスタマイズも良いですが、たまにこんな無意味なカスタマイズをしてみるのも楽しいものですね。
是非皆さんも作ってみてください。では!
投稿者プロフィール
![アバター画像](https://www.r3it.com/wp-content/uploads/2023/09/cropped-tsukiyama-100x100.jpg)
- gusuku シリーズのエンドユーザー様への提案・パートナー様への支援をメインに活動しています
最新の投稿
kintone2024年5月24日2024年5月22日、ユーザー交流会『あまくま で ちむぐくる!FUKUOKA』を開催しました!
kintone2024年3月15日kintone 開発中の新機能を愛でる
gusuku2023年12月4日Webhook で体重を晒す
kintone2022年11月11日更に気軽に使えるように進化した Job Runner