kintoneで作る社員名簿アプリ 一覧のカスタマイズ(項目の追加・絞込み・並び替え等)

kintoneで作る社員名簿アプリ 一覧のカスタマイズ(項目の追加・絞込み・並び替え等)

項目の並び替え

フォームで一気にデータを入れたのはいいけれど、実は魚住さんと清水さん、お一人入力が抜けていることに気付いていません。その人を追加すると、社員番号の並びがヘンな一覧が出来てしまいます。今回は並び替えの方法から、絞込み、そして今は四つしかない項目の追加方法をご紹介したいと思います。

  • 画像
    魚住さん

    さて打ち終えたので、一旦一覧へ戻ってみようか。お疲れ様~と・・・一番上が清水さんになっているね・・・社員番号順にしたいのだけど・・・

画像

  • 画像
    清水さん

    見出しの社員番号がクリックできるみたいですね。もしかすると・・・あ。見出しがクリックできます。あ、並び順が社員番号に並びました♪

  • 画像
    魚住さん

    おお、これは便利ね!Excelよりもワンタッチかも。

  • 画像
    清水さん

    あれ?7番の林崎って出ていませんね。表の右には1 - 9ってなってるから、人数も一人減っているみたいだし・・・抜けたのでしょうか?

  • 画像
    魚住さん

    あ、ほんとだ・・・ごめん。多分私がやってたとき。保存おさずに間違えたのかな?

画像

  • 画像
    清水さん

    追加で林崎さんを入れればよいのでしょうかね? 欠番も追加で埋められるとよいのですが。

  • 画像
    魚住さん

    やってみましょう。

画像

  • 画像
    魚住さん

    ご免、たかちゃん。今入れた。

  • 画像
    清水さん

    たかちゃんって、呼んでるんですね。仲好いのですか?

  • 画像
    魚住さん

    うん。呑み友。

  • 画像
    清水さん

    あれ、魚住さん。一覧を出すと林崎さんが一番上に来ています。さっき社員番号の見出しを押して、並び変わったはずなのに。

  • 画像
    魚住さん

    うーん・・・・それは変。毎回社員番号の見出しを押すのは変よね。というかたぶんkintoneにはそういう機能はあるはず・・・申し込みの際にダウンロードしたマニュアル見てみてくれる?

  • 画像
    清水さん

    はい。

画像

  • 画像
    清水さん

    あ、これですね。一覧の上に漏斗みたいなマークを押せばいいみたいです。

  • 画像
    魚住さん

    どれどれ。マウス持ってって見ると・・・あ、本当!ん?「絞り込み」って表示されてるけど。

  • 画像
    清水さん

    えっと、マニュアルによるとその中で並び順も指定できるみたいです。

  • 画像
    魚住さん

    オッケー。ぽちっと。

画像

並び替えと絞込み

  • 画像
    魚住さん

    あ、出てきたね。ソートって書いてあるから、これで出来るみたい。清水さん!素晴らしい!よく見つけました!

  • 画像
    清水さん

    ありがとうございます♪

  • 画像
    魚住さん

    じゃあ、まずは並び替えを試してみましょう。今の状態は「作成日時」で「降順」・・・てことは、最新のデータが一番上に来ているってことか。確かにそうね。

画像

  • 画像
    魚住さん

    「作成日時」を他の項目に変えればいいのね。ぽちっと。お、出てきたねぇ。あれ?清水さん、レコード番号や更新者ってさっきのフォームにあったっけ?

  • 画像
    清水さん

    そういえばそうですね。ひょっとしたら表には出ていない項目なのかもしれないですね。「更新日時」「作成日時」なんていかにもそうじゃないですか?

  • 画像
    魚住さん

    たしかに。じゃあ「社員番号」でいいのかな?

画像

  • 画像
    魚住さん

    社員番号に変えたので、今度は並び順。これはさっきの「作成日時」だと、新しいのが上に来ていたから・・・ええと・・古いのが先に来るようにしたいから・・・「昇順」が正しいのかな?

  • 画像
    清水さん

    うーん。やってみたらよいのでは?

  • 画像
    魚住さん

    そうね。ぽちっと。

画像

  • 画像
    魚住さん

    これで「社員番号」を「昇順」で並べるようになるのかな?

  • 画像
    清水さん

    多分そんな気がします。

  • 画像
    魚住さん

    「適用する」と「保存する」はどう違うんだろね?

画像

ここで説明します。「適用する」を押すとその場では指定した一覧で並びますが、再度社員名簿アプリを開き直した時は元の「作成日時」「降順」の並びに戻ってしまいます。なので、指定した並び方を保存したければ「保存する」を押しましょう。

  • 画像
    魚住さん

    「適用する」だと、社員名簿を開き直したら元に戻っちゃったね。「保存する」が正しいのか。えい! あ、何かでたよ。

  • 画像
    清水さん

    一覧の保存・・・いろんな一覧を作るのでしょうか・・・?

画像

  • 画像
    魚住さん

    まぁやってみようよ。社員名簿・・・と。でOKボタンね。了解。

画像

  • 画像
    魚住さん

    お。追加されたみたい。吹き出しが出てる。なるほど、さっきはここには社員一覧って出てたよね。なるほど、これで社員名簿が設定されて、下の一覧もちゃんと並んでいるね~。理解理解♪

  • 画像
    清水さん

    私も覚えておきます♪

画像

  • 画像
    魚住さん

    さ、並び替えはキワめたから、ついでにさっきの並び替えの画面にあった条件もやってみようか。たぶんExcelのフィルタみたいに一部だけ表示!ってことができるような気がする。そう思わない?

  • 画像
    清水さん

    やってみましょう。

  • 画像
    魚住さん

    社員名簿を開いてみて、と。で並び替え。あれ?漏斗のアイコンを押していいのかなぁ・・・

  • 画像
    清水さん

    マニュアルみると、一覧は右の歯車マークみたいです。

  • 画像
    魚住さん

    なるほど・・・マウス持って行くと「その他の操作」って吹き出しが出た。いってみるか。ぽい。

画像

  • 画像
    魚住さん

    おっと。これは。こういうのが隠れてたのね。たぶんcsvかExcelファイルね。書き出したり読み込んだりも当然kintoneには付いてますよ。ってことね。さすが!表示件数も変えられるみたい。といっても20はうちの会社には多すぎるけどね。これからだし。

  • 画像
    清水さん

    マニュアルによれば、このアプリの設定を選ぶみたいです。

  • 画像
    魚住さん

    了解。行ってみよ。くりっく。

画像

  • 画像
    魚住さん

    これまた凄い画面がでたよ。なんか本格的にkintone触っている感じね。素人がここまで触ってよいのだろうか・・・って感じ?

  • 画像
    清水さん

    グラフとかあれこれできそうですね。

  • 画像
    魚住さん

    アクセス権とかプロセス管理ってもうSEの世界じゃね?って感じ。あ、一覧の追加って左上にあるね。

  • 画像
    清水さん

    その右には設定済みの一覧がありますよ。ここでさっきの一覧あるんじゃないでしょうか?

画像

  • 画像
    魚住さん

    清水さんあたり!さっきの社員名簿が選べる!なんかこう、気持ちよく物事が進むと嬉しいよね!

  • 画像
    清水さん

    はい!

  • 画像
    魚住さん

    じゃあ選んでみます。

画像

一覧への項目の追加

  • 画像
    魚住さん

    すご。出た。しかもさっきはなかったのが。なんだろ。これ。

  • 画像
    清水さん

    下の絞込みの条件とソートは一緒ですね。。。上は・・・?あ、これ、さっきの一覧の表示内容じゃないですか?

  • 画像
    魚住さん

    確かに。さっき四つしかないの少ないよね、って言ったばかりだもん。でどうやって追加しようか? これをみると、右の一覧と同じ項目が左のボタンの集まりでグレーになっているね。ということは。。。白いのを何とかして右にもっていくってことか?

  • 画像
    清水さん

    右クリックとかどうでしょう?

  • 画像
    魚住さん

    ん?何も出ない。でもマウスのカーソルが十字に変わった。これってひょっとしてドラッグ&ドロップできるのかな。やってみる。

画像

  • 画像
    魚住さん

    できた!ドラッグしてる。右に・・・移動してる。あ、放しちゃった。

画像

  • 画像
    清水さん

    あ、今動かしてた住所、社員番号の左に収まりましたよ。

画像

  • 画像
    魚住さん

    これでいいのかなぁ。でも住所はもっと右に移したいよね。なるべくExcelの社員名簿と同じ配置がよくない?

  • 画像
    清水さん

    ええ・・・

  • 画像
    魚住さん

    黄色い住所の上にマウス持って行くとまた十字にカーソルが替わった。これはたぶんドラッグ可能ね。よっ!

画像

  • 画像
    魚住さん

    動かせた。ええっと、入社年月日の横に・・・

画像

  • 画像
    魚住さん

    出来た!なるほどこうやって項目の列を増やせるのか。面白いねぇ。

画像

そんなわけで、魚住さんと清水さんはおしゃべりしながらも、次々と項目を増やしていきました。なお、項目を右端に追加する際は、右端までドラッグさせるとマウスの調整がうまくいかず面倒です。その時は一度左端に追加し、徐々に右に移しながらドラッグさせるとよいです。

画像

あと、一度追加してしまった項目を元に戻したい場合は、項目の右上にある歯車のアイコンを左クリックすると、削除とでます。それをクリックすると、項目は右側から消え、左の一覧はまた白色に戻ります。

画像

  • 画像
    魚住さん

    さて、項目も追加できたけど、まだ携帯番号の項目や、備考が追加できていないよね。これはこの一覧の画面ではなく、別の場所から増やすのかなぁ?

  • 画像
    清水さん

    マニュアルには、フォームの設定画面から追加すると書いてますね。やりますか?

  • 画像
    魚住さん

    うーん、一気にやると何が何だか分からなっちゃう。項目の絞込み方法だけ確認したら、ここまでにして、お茶しましょ♪

  • 画像
    清水さん

    はい!

  • 画像
    魚住さん

    じゃあさっきの一覧の設定画面にいって、で・・・条件よね。ここをクリックすると・・・なるほど項目の一覧が出るのか。どうしよう。最初は性別で行ってみる?女だけのリスト作ってみよう。

  • 画像
    清水さん

    なるほど。作っておくと役に立ちますかね。

  • 画像
    魚住さん

    いや・・・まだ役に立たないと思う。いまのとこ・・・

画像

  • 画像
    魚住さん

    性別を選ぶと、こんなのがでた。次のいずれかを含むか・・・。女。これでよいのかな?

  • 画像
    清水さん

    画面の上の方に「保存」というボタンがあるから押してみればよいのではないでしょうか?

  • 画像
    魚住さん

    清水さん、大分分かってきたんじゃない?頼もしい!

  • 画像
    清水さん

    ありがとうございます。

画像

  • 画像
    魚住さん

    あ、保存を押すと元に戻った。これは・・あ、上の社員名簿のリンクを押せば元に戻れるかな?やっと!  ・・・・・あれ? 戻った・・・・

画像

初期状態で表示する一覧の変え方

あれ?元に戻った、と茫然としている魚住さんの替わりにご説明します。

先の図のように、一覧は「社員一覧」が表示されています。魚住さんは、折角「社員名簿」を設定したのに、またやりなおしかと茫然としたようです。並び替えるには一覧から「社員名簿」を選ばねばなりません。でもこれは面倒ですよね。
なので、最初から一覧に「社員名簿」を表示する方法を以下に載せますね。

画像

設定済みの一覧をクリックして、一覧のリストを表示させます。そして「並び替え」を選択しましょう。

画像

すると、それぞれの項目の左に上下矢印が表示されます。

画像

あとは、項目を移動させたい場所にドラッグするだけです。今回は社員名簿を一番先頭に持って行きたいわけですから、上にドラッグ&ドロップします。

画像

社員名簿が一番先頭に来ました。一番先頭に写すことで、その一覧が初期状態の一覧となります。

画像

作業が終われば、右上にある設定完了のボタンは必ず押してください。そうしないと折角行った設定作業が反映されません。

画像

すると・・・・

  • 画像
    魚住さん

    あ、出来た!なるほど。一覧の設定は覚えておかないとね。これ忘れてしまいそうな気がする。

  • 画像
    清水さん

    私もえ!って思いましたけど、出来て良かったです。お茶淹れてきますね♪

  • 画像
    魚住さん

    清水さん、ありがとう。お蔭で助かったよ。

画像

次回は

今回は社員名簿アプリの一覧のカスタマイズ方法についてご紹介しました。項目の追加や絞込み、並び替えが出来てようやく一覧といえます。さて、次回の記事では「携帯電話」と「備考」の項目追加を主にご紹介する予定です。今回の一覧はアプリストアの社員名簿アプリを使いましたので、株式会社アクアビットで使っている「携帯番号」項目で足りていません。ない項目はフォーム上でドラッグ&ドロップ♪ さくさく項目が追加でき、画面もデザインできるのがkintoneの凄さです。リリース当初から一貫してこの手軽さが売りなんですよね。kintoneは。

PR_infeed

PR_Relative

オウンドメディア運営会社の皆様へ

s

ページトップ