アプリ活用研究会

中小企業の業務デジタル化を、無料又は低価格のアプリ活用で実現した事例を情報発信していま…

アプリ活用研究会

中小企業の業務デジタル化を、無料又は低価格のアプリ活用で実現した事例を情報発信しています。 市販アプリ活用、ノーコードツール活用、その具体的な方法等を紹介して行きます。 kintoneのJavascriptカスタマイズ事例も多数紹介しています

  • Kintoneで関連レコードと合計を表示するテーブルの実装

    Kintoneアプリにテーブル形式で関連レコードの明細表示と金額フィールドの合計を表示します。テーブル形式の表示パーツにkintone UI Component v1の部品ReadOnlyTable利用して、Kintoneライクな外見で表示します。 標準機能の関連レコードでは出来ない、合計表示や列の表示／非表示の切り替え等の機能を実装する手順を全5回の連載で公開しています。 ＜Created by アプリ活用研究会＞

  • kintoneレコード一覧表のカスタマイズ事例

    kintoneのレコード一覧表のカスタマイズ記事のマガジンです。 レコード一覧をカスタマイズビュー機能やJavascript/CSS等でカスタマイズした事例を紹介しています。

  • Kintone UI Componentのカスタマイズ事例

    Kintone UI Component（略称：KUC）を利用したアプリのカスタマイズ事例の記事を掲載したマガジンです。 KUCは、kintone カスタマイズでの UI 開発などで「kintone のフォームのパーツを自作する」ためのライブラリです。 JavascriptコードでKintoneライクなフォームのパーツを自作できます。 ＜Created by アプリ活用研究会＞

  • Kintone日時関連のカスタマイズ事例

    Kintoneの日時関連のJavacriptカスタマイズ事例の記事を集めたマガジンです。年齢計算、月末日の計算、営業日計算、翌営業日の検索などの日時に関するカスタマイズの事例を集めています。 ＜Created by アプリ活用研究会＞

  • Kintoneテーブル操作のカスタマイズ事例

    Kintoneのフォーム内のテーブルを操作するJavacriptカスタマイズ事例の記事を集めたマガジンです。テーブル内のデータ並び替え、科目別集計、行番号追加など、テーブル操作に関するカスタマイズの事例を集めています。 ＜Created by アプリ活用研究会＞

  • 固定された記事

Kintoneアプリにボタン操作で現在日時を記録したい

Kintoneのカスタマイズ要望のお話です。 よくある相談事に「アプリの日時フィールドに現在日時を自動セットするボタンを追加したい」という要望があります。 【結論】 Kintoneの標準機能では実現できません。 Kintoneの標準機能には、Excelで使える「Today関数」や「Now関数」が実装されて無いからです（2023/09/09 現在） しかし、Javascriptによるカスタマイズ機能で「実現可能」です。 Javascriptカスタマイズのソースコード例を以下に

¥3,000
アプリ活用研究会

    • GoogleMapAPIで郵便番号で住所変換を行う

      やりたいこと前回の記事でGoogleMapAPIで地図表示を行うサンプルコードの郵便番号の住所検索には、郵便番号検索APIを利用していたのですが、友人に試してもらったら「東京都庁の郵便番号（〒163-8001）で検索がエラーになる」「GoogleMapAPIで郵便番号の住所検索は出来ないの？」と指摘されましたので、今回は、郵便番号検索、緯度・経度の取得、地図表示の機能を全てGoogleMapAPIで行う様に改良した記録を公開します。 結論から言うと、東京都庁の郵便番号（〒

      アプリ活用研究会

      • GoogleMAPのAPI利用方法

        やりたいことWEBアプリで、GoogleMAPのAPIを利用したい。 アプリでGoogleMAPのAPIを利用すると、自社ＷＥＢアプリ（顧客情報等）の住所データを利用して緯度・経度を取得して地図上にピンを打つことが出来るようになります。 実装例は、本記事のデモ画面をご覧ください。 GoogleMAPのAPIを利用する準備GoogleMAPのAPIを利用するには、Google Maps Platformのアカウント登録してAPIキーを取得する必要があります。Google M

        アプリ活用研究会

        • 一覧表の種類別に列フイールドの背景色を変更する

          やりたいことKintoneのアプリにある複数のレコード一覧表を切り替える際に、注目して欲しい項目（列フィールド）の背景色を変更したい。 kintoneは、1つのアプリに絞り込みや並び替えの条件が異なるレコード一覧表を設定して切り替え表示することが可能です。 レコード一覧表を切り替えた時に、一覧表の種類によって列フィールドの背景色に好きな色を設定したいニーズに応えたカスタマイズ事例です。 デモ画面 デモ画面は、kintonアプリストアの「案件管理」アプリをサンプルデータを含

          アプリ活用研究会
        • 固定された記事

        Kintoneアプリにボタン操作で現在日時を記録したい

        ¥3,000
        アプリ活用研究会

        マガジン

        • Kintoneで関連レコードと合計を表示するテーブルの実装
          6本
        • kintoneレコード一覧表のカスタマイズ事例
          7本
        • Kintone UI Componentのカスタマイズ事例
          16本
        • Kintone日時関連のカスタマイズ事例
          9本
        • Kintoneテーブル操作のカスタマイズ事例
          10本

        記事

          Googleのマイマップに住所一覧をインポートして表示する

          やりたいこと自社の顧客住所データ等をエクセルの表形式でGooglMapにインポートして、地図上にピン表示したい。 お弁当や牛乳配達の会社などで、自社の管轄地域の顧客一覧をGoogleMapの地図上にピン表示で見れる様にして、配達コースの検討や配達業務の引継ぎ等に利用したい。 この様なことが、GooglMapの「マイマップ」機能で簡単にできます。 実行例以下の図は、東京の「施設名」と「住所」の一覧表をエクセルで作成し、GoogleMapの「マイマップ」にインポートして表示した

          アプリ活用研究会

          Googleのマイマップに住所一覧をインポートして表示する

          アプリ活用研究会

          Kintoneの住所データからGoogleMAPのリンクを生成する

          やりたいことKintoneのレコードに登録した住所データでGoogleMAP の地図表示のリンクを生成して、住所地の地図をワンクリックで表示出来る様にしたい。 顧客マスタアプリ等の各レコードにGooglMAPで地図を表示するリンクを追加する機能を実装します。 デモ画面 デモ画面では、東京タワーの住所を都道府県、市区、町村名、番地で入力し、文字列1行フィールドで住所全体を連結してGoogleMAPに渡して、地図フィールドにＧoogleＭAPのリンクをセットしています。 レコ

          アプリ活用研究会

          Kintoneの住所データからGoogleMAPのリンクを生成する

          アプリ活用研究会

          Kintoneで１文字検索や部分一致検索を可能にする

          やりたいことKintoneを使っている方の中には、レコード一覧表の検索機能に不満を持っている方も多いのではないでしょうか。 特に「全角1文字」や「半角英数字の部分一致」での検索ができない点に困っている方は多いかもしれません。 【参照】Kinotneヘルプ：検索キーワードの注意事項 今回は、そうした問題を解決するためのカスタマイズ方法をご紹介します。 この記事では、Kintoneのカスタムビュー機能とJavaScript、さらに外部ライブラリのVue.jsを活用して、ブラウザ

          アプリ活用研究会

          Kintoneで１文字検索や部分一致検索を可能にする

          アプリ活用研究会

          レコード削除の事故を防ぐ！フィールドの値で削除を禁止するカスタマイズ

          やりたいこと（背景とニーズ） 日報アプリを運用する中で、誤って重要なレコードが削除されるという事故が発生し、その対策が急務となりました。このような事態を防ぐため、Kintoneアプリに「削除禁止」の設定を追加するカスタマイズを行いました。削除権限があるユーザーでも、削除可否スイッチの設定が優先する様にして特定のレコードを削除できないようにすることが目的です。 カスタマイズのポイント このカスタマイズでは、レコードに「削除可否」フィールドを追加し、アプリ管理者だけがこのフ

          アプリ活用研究会

          レコード削除の事故を防ぐ！フィールドの値で削除を禁止するカスタマイズ

          アプリ活用研究会

          レコード一覧を分類項目でグループ化し明細をテーブル形式で表示する

          Kintoneのカスタムビュー機能の活用例です。 今回は、レコード一覧を分類別にグループ化して明細をテーブル形式で表示する方法をご紹介します。 やりたいことKintoneの商品マスタ等で、レコード一覧を分類でグループ化してグループ名の下に明細行をテーブル形式で表示したい。 kintoneの一覧表には絞り込みやクロス集計の機能はありますが、任意のキーでグループ化して表示する機能はありませんので、これをカスタムビューとJavascriptカスタマイズの組み合わせで実現します。

          アプリ活用研究会

          レコード一覧を分類項目でグループ化し明細をテーブル形式で表示する

          アプリ活用研究会

          テーブル内の古いデータを一括削除するボタンの設置

          やりたいこと Kintoneアプリのフォームにあるテーブルデータを日付で判定して1年以上前の日付の行を一括で削除したい。 kintoneではレコードの検索と一括削除機能はあるのですが、各レコード内のテーブルのデータは、レコードがある限りずーっと残ります。 テーブルデータの日付が「1年以上前」の古いデータは一括してテーブルから削除する機能をフォームに追加します。 このカスタマイズは、レコード編集画面で動作します。 デモ画面 デモ画面では、レコード編集画面で「期限切れデー

          アプリ活用研究会

          テーブル内の古いデータを一括削除するボタンの設置

          アプリ活用研究会

          レコード一覧を顧客名寄せグループ集計して表示する

          Kintoneのカスタムビュー機能の活用例です。 今回は、案件管理一覧を、顧客ごとに名寄せ表示する方法をご紹介します。 やりたいことKintoneの案件管理の一覧表を顧客名の名寄せグループで表示したい。 kintoneの一覧表には、条件絞り込みやクロス集計の機能はありますが、名寄せ表示の機能はありませんので、カスタムビューとJavascriptカスタマイズの組み合わせで、名寄せ集計付きの一覧表を実現します。 名寄せ顧客名に案件合計金額を表示しその下に案件明細を表示します。

          アプリ活用研究会

          レコード一覧を顧客名寄せグループ集計して表示する

          アプリ活用研究会

          レコード一覧表をカード形式で表示する

          やりたいこと Kintoneの一覧表をカード形式で表示したい。 Kintoneの一覧表は、レコードの項目が横並びで表示されますが、顧客一覧表や従業員一覧表のアプリでは、カード形式で表示する方が一覧表の情報量が整理されて見易くなります。 カスタムビューとJavascriptカスタマイズの組み合わせで、カード形式の一覧表を実現してみます。 サンプルとして、Kintoneのアプリストアから「顧客リスト」アプリを作成して、カスタムビューを設定してみます。 一覧表表示（カスタマイ

          アプリ活用研究会

          レコード一覧表をカード形式で表示する

          アプリ活用研究会

          テーブル内に行番号を表示して任意の行をコピーする

          やりたいこと Kinotneアプリでテーブル内データの指定した行を複製するフォームとボタンを作成してみました。 これは、テーブル内の入力データを同じ内容で何度も入力する手間を少しでも省くために行コピー機能を実装したモノです。 コピーする行を指定するために、行の先頭に行Noも表示する様にしました。 デモ画面 デモ画面では、テーブル内のデータの行番号を指定して「行複製」ボタンをクリックすることで、指定した行と同じ内容の行を下に追加します。 レコードの新規登録と編集画面で動作

          アプリ活用研究会

          テーブル内に行番号を表示して任意の行をコピーする

          アプリ活用研究会

          テーブルデータを指定した条件で並び替えて行番号も振り直す

          やりたいこと Kinotneアプリでテーブル内データを指定した条件で何回でも並び替え出来るフォームとボタンを作成してみました。 これは、テーブル内の入力データを後から並び替え表示したいという要望が色々な条件で次々と出て来るため、フォーム上の条件指定で任意に並び替え出来る機能を実装したモノです。 デモ画面 デモ画面では、テーブル内のデータ（日付、金額、メモ）を任意で指定し、ソート順も昇進／降順を選択して［並び替え実行］ボタンをクリックすれば、テーブル内のデータを指定の条件

          アプリ活用研究会

          テーブルデータを指定した条件で並び替えて行番号も振り直す

          アプリ活用研究会

          指定した行数でテーブルの行にフォームの値をコピーしたい

          やりたいこと Kintoneのフォームで、商品コード、商品名、テーブルがあり、テーブル内にその商品のモデル明細（仕様の名称など）を記録したい。 モデル明細は、同じ名称で寸法や色などの仕様が違うだけなので、追加したい行数を指定して、追加行数分の商品コード＋行番号、モデル名をコピーしてテーブルにセットしたい。 という少し複雑でかなり具体的な要望を頂きました。 言葉にすると少しややこしいのですが、実現したい機能をフォームのイメージで説明すると下図の通りです。 ポイントは、フィー

          アプリ活用研究会

          指定した行数でテーブルの行にフォームの値をコピーしたい

          アプリ活用研究会

          レコード編集画面で何も変更が行われていない場合は保存をエラーにする

          やりたいこと Kintoneのレコードを編集モードにした際に、何も変更せずに保存ボタンを押したらエラーにしてキャンセルボタンしか押せないようにしたい。 これは、レコードの内容が非更新（何も変更が行われていない）の場合は、更新日時が更新されない様にしたい、との要望から出てきました。 kintone管理者のよくある悩みに、今週（今月又は任意の期間）に更新されたレコードを絞り込み表示したい場合に、レコードの内容が何も変更されていないのに更新日時だけが更新されているレコードがある

          アプリ活用研究会

          レコード編集画面で何も変更が行われていない場合は保存をエラーにする

          アプリ活用研究会