【保存版】kintoneでログインユーザーを自動セットする方法（JavaScript実装編）

この記事ではkintoneで担当者（ユーザー選択）をJavaScriptで自動設定する方法を紹介します。

プラグインなしで、ログイン中のユーザーを自動入力できるスクリプトを実装してみましょう！これにより、入力ミスの防止や作業効率の向上が期待できます。

アプリを作って準備しよう

まずはテスト用のアプリを作成し必要なフィールドを設置しましょう！

アプリを作成

「アプリ」から＋マークをクリックします

「はじめから作成」を選択します

アプリ名は「ユーザー自動セットアプリ」など分かりやすい名前にしておきましょう！

フィールドを追加＆設定

赤枠の「ユーザー選択」をドラッグ＆ドロップで画像のよう設置しましょう！

設置した「ユーザー選択」にカーソルを合わせ、歯車アイコンから設定をクリック、フィールドコードを「user」に変更し保存をしましょう！

アプリを公開

フィールドの変更をしたら「保存」して「アプリを公開」をします。

これで準備は完了です！次のJavaScriptの実装も一緒に頑張りましょう！！

JavaScriptを読み込もう

ここからはJavaScriptファイルを作成し実際にkintoneに読み込んでみましょう！

サンプルコードのコピー

以下のコードをコピーして、テキストファイルに貼り付けましょう。

(function () {
    'use strict';

    kintone.events.on(['app.record.create.show', 'app.record.edit.show', 'app.record.index.edit.show'], function (event) {
        const record = event.record;
        const user = kintone.getLoginUser();

        // ユーザー選択フィールド（フィールドコード：user）にログインユーザーをセット
        record['user'].value = [{
            code: user.code,
            name: user.name
        }];

        return event;
    });
})();

JavaScriptファイルとして保存

テキストファイルにコードを貼り付けたら

保存先はデスクトップなど、分かりやすい場所でにしておきましょう！

これでJavaScriptファイルが完成しました。「えっこれだけ！？」ってなりますよね！次はkintoneに読み込んでいきましょう！

作成したファイルをアップロード

作成した setUser.js をkintoneに読み込みます。

STEP

設定画面を開く

１．対象アプリの歯車アイコンの矢印をクリック

２．カスタマイズ／サービス連携をクリック

３．JavaScript／CSSでカスタマイズをクリック

STEP

対象ファイルをアップロード

１．「アップロードして追加」をクリック

２．先ほど保存したsetUser.jsをダブルクリック

JavaScriptファイルが追加されているかを確認しましょう！

STEP

設定を保存

画面右下の「保存ボタン」をクリックしましょう！

右上の「アプリの更新」をクリック、「アプリの変更を運用環境に適用します。よろしいですか？」という画面が出るのでもう一度「アプリの更新」をクリックしましょう！

これで、郵便番号から住所を自動入力できるアプリが無事完成しました！

ぜひアプリを操作して、自動入力の流れをチェックしてみましょう！！

うまく動作しないときの確認ポイント

記事の通りにやったのに動作しない…と不安になった方も大丈夫！

ここではよくあるつまずきポイントを一緒に確認していきましょう。

コードの重要ポイントを知ろう

今回のコードで重要なポイントは 2つ あります。

1つずつ解説して、仕組みをしっかり理解していきましょう！

ログイン中のユーザーを取得！

kintone.getLoginUser()

これは、今ログインしているユーザーの情報を取得するメソッドです。

取得できる内容には「ユーザー名」「ログインID（code）」「メールアドレス」などが含まれます。

取得できる内容の例：

{ code: “ryuu@example.com”, name: “ryuu” }

フィールドコード「user」に代入！

record['user'].value = [{
    code: user.code,
    name: user.name
}];

ここでは、ユーザー選択フィールド（フィールドコード：user）にログイン中のユーザーを反映しています。

この2つをセットすることで、kintoneが「どのユーザーを選択すればいいか」を正しく認識できるようになります！

まとめ

この記事では、kintoneでログインユーザーを自動セットする方法を紹介しました。

JavaScriptを使うと難しく感じるかもしれませんが、その分アプリを柔軟にカスタマイズできます。

もちろん、設定だけで自動セットできる方法も解説しています。そちらもあわせてチェックしてみてください！

あわせて読みたい

【ノーコード】kintoneでログインユーザーを自動セットする方法（設定編） 案件管理や日報アプリなどで「担当者」を毎回手入力するのは手間ですよね。 本記事では、kintoneで担当者（ログインユーザー）を自動設定する方法を、ノーコードで解説…