みなさんこんにちは。プロジェクト・アスノートの松田です。
非エンジニア、非プログラマーがkintoneカスタマイズを学ぶための、『ド素人が始めたkintoneカスタマイズ』、略してドシキンカスシリーズ。
ドシキンカスドリルでは、kintoneアプリを使うときによくあるカスタマイズシーンを題材として、kintoneカスタマイズを段階的に学んでいくという、初心者向けの学習コンテンツです。YouTubeの動画に各講座はアップしています。動画を補足する情報はサイトの方で掲載していきます。
ガイダンス(ドシキンカスドリルの活用法)
ドリルシリーズ
#01 フィールドの非表示①
レコードの新規追加画面では指定したフィールドを表示させないようにしたい。
このシンプルなカスタマイズを通して、kintoneカスタマイズの超基本とkintoneイベントについて基本的な理解を深めます。
#02 フィールドの非表示②~条件による表示非表示コントロール
ラジオボタンやドロップダウンで「その他」を選択したときだけ、詳細を入力する文字列(1行)フィールドを表示したい。
「選択系フィールド+その他記載欄」という組み合わせは、アンケートなどの入力フォームでもよく使われますし、kintoneアプリでもよく見られます。選ばれた選択肢の条件によってフィールドの表示非表示を制御するカスタマイズを通して、JavaScriptでの条件分岐(IF文)について学びます。
- 解説ページ(解答例、アプリテンプレート)
- 動画コンテンツ
特別編 kintoneイベント選定の考え方
kintoneカスタマイズを作っていくうえで基本となる、「いつ(タイミング)」を指定する、kintoneイベント。作りたいカスタマイズに必要なイベントを選定する基本的な考え方を説明します。
ポイントはアプリを操作する流れにしたがって、それぞれのタイミングで何を制御するべきかを考えていくこと。
#03 フィールドの非表示③〜アプリ利用時に必要な処理を追加(値クリアー、編集不可制御)
#02で作ったアプリを実際に使う中で出てくる課題を解決したい。
選択肢を変更したときのフィールド値クリア処理、一覧画面のインライン編集時の制御
アプリを実際に使う上では、1つの課題を解決するために、複数のカスタマイズが必要となる場合も多いです。#02で作ったアプリを使って、実際の活用場面で出てきた課題を解決していく方法を考えます。
- 解説ページ(解答例、アプリテンプレート)
- 動画コンテンツ
#04 レコード保存時のフィールド必須チェック
#02で作ったアプリを実際に使う中で出てくる課題を解決したい。
ラジオボタン「その他」を選択したときは、保存時に「その他詳細」フィールドの記入を必須としたい。
前回作ったアプリに付け加える機能として、保存時のフィールド値チェックを作ってみましょう。フィールドの設定で必須にすると、すべての場合に必須となります。ラジオボタンが特定の値が選ばれたときだけ必須にしたいので、カスタマイズによってフィールドの値をチェックし、保存時にエラーを出すような処理を行います。
- 解説ページ(解答例、アプリテンプレート)
- 動画コンテンツ
#05 時刻入力を楽にする!(フィールド値の書き換え)
時刻フィールドのキーボード入力が難しい!もっと簡単にしたい。
時刻フィールドの入力は、30分単位の選択はかんたんにできますが、細かい時刻を入力するのが結構めんどうです。
これを解決するため、時と分を選択するドロップダウンフィールドを設置し、ドロップダウンの値を時刻フィールドに転記するというカスタマイズを考えてみましょう。
ある程度入力規則が決まっている時刻入力、例えば勤務データや予約情報の入力等で活用できます。
- 解説ページ(解答例、アプリテンプレート)
- 動画コンテンツ
kintoneカスタマイズを始めてみたいという非エンジニアの方向けの入門記事はこちらです。
kintone導入・活用のご相談はこちら!
◇ kintone導入がなかなか進まない
◇ アプリが思ったような動きをしてくれない・・・
◇ カスタマイズやプラグインをどう選んだらいいの??
◇ 業務改善の進め方がよくわからない
サイボウズ公認 kintone エバンジェリストの 松田正太郎があなたの相談相手になります。
保有しているkintone認定資格:
・kintone認定アソシエイト(2017)
・kintone認定アプリデザインスペシャリスト(2017)
・kintone認定カスタマイズスペシャリスト(2020)
★業務改善アドバイス、kintone構築支援
★連携サービス・プラグイン選定支援、カスタマイズ
★詳細ヒアリングの上、御社に最適なプランを提案します
★初回打合せ(2時間程度)は無料。まずはお問い合わせください!(WebミーティングOK)