アプリ活用研究会

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

アプリ活用研究会

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

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

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

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

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

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

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

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

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

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

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

  • 固定された記事

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

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

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

    • （1日目）たのしくなるなる 10 Days

      はじめにこちらはアプリ活用研究会のnoteです。 見出し画像が、今までと雰囲気が違いますね。 記事の内容に合わせて生成AIで自作してみましたｗ 本記事では、サイボウズ社が配布しているアプリテンプレートの 「たのしくなるなる１０days」をご紹介していきます。 アプリの概要Cybouz社からのお知らせメールに、キントーン公式キャラクター、ホップ☆ステップきとみちゃんの「たのしくなるなる 10 Days」キントーンのアプリテンプレートの配布が有ったので試してみました。 アプリ

      アプリ活用研究会

      • テーブル内の入力データ重複チェック

        やりたいことkintoneアプリのテーブル内データの商品名や担当者名の重複をチェックして警告メッセージを表示したい。 アプリ内のテーブルに同じ内容を入力させたくないという要望です。 本当は、テーブル内で選択済みのアイテムを新しい行では選択肢に表示されない様にしたいという要望でしたが、ドロップダウンの値を条件で絞り込みするのは難しいので、テーブル内の入力データが重複しているか検査して、警告メッセージを表示するという方向で対応しました。 デモ画面デモ画面は、テーブル内に「商品

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

        • レコード一覧表画面で改行を含めて複数行を表示する

          やりたいことKintoneの一覧表画面で、文字列複数行フィールドの値を1行で省略せずに全て表示したい。 例）書籍のタイトルとあらすじを記録したアプリで、長い文字を省略せずに改行も反映して列表示します。 Kintoneの一覧表では、列の幅を超える長い文字列は省略表示されます。 該当の列にマウスオーバーするとポップアップで内容が全部表示されるという仕様です。 文字列複数行フィールドの値は、改行コードを含む長い文字列であることが多いのですが、レコード一覧表の列でテキストが２行

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

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

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

        マガジン

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

        記事

          レコード連続登録＆リスト表示機能

          やりたいことKintoneアプリで大量のデータを入力するときに、①新規登録フォーム表示→②入力＆保存→③レコード詳細画面表示→④レコード追加ボタンクリックの処理を繰り返すのが面倒に感じる時があります。 そこで今回は、レコード新規登録画面で保存後にレコード詳細画面を表示せずに、新規レコード登録画面を連続で開くカスタマイズを行いました。 更に、どこまで入力したか分かる様に、フォームの上部に最新レコード３件分をリスト表示する機能も付加しました。 なお、最新レコードのリストは、新

          アプリ活用研究会

          レコード連続登録＆リスト表示機能

          アプリ活用研究会

          アプリのフォーム上に外部サイトの画像を表示させる方法

          やりたいことKintoneアプリのフォーム上に、自社サイトで公開しているロゴ画像を外部URLで指定してkintoneアプリのフォーム上で表示させたい。 以前の記事で、kintoneの標準機能でフォーム上に画像を表示する方法を紹介しましたが、標準機能だけでは、ユーザーがログイン中のKintoneドメイン配下のスレッドやアプリに保存している画像しか表示できないという制限がありました。 今回は、外部サイトの画像をURL指定でkintoneのフォーム上にロゴ画像として表示させる

          アプリ活用研究会

          アプリのフォーム上に外部サイトの画像を表示させる方法

          アプリ活用研究会

          アプリのフォーム上にロゴ画像を表示させる方法

          やりたいことKintoneアプリのフォーム上に企業や商品のロゴを表示したい。 アプリの入力フォーム上に共通の画像を表示したい。 部門の専用アプリであることが人目で分かる様に、新規レコード追加画面、レコード詳細画面、編集画面でも常に「共通の画像」を表示したい。 フォームの設定画面で画像をフォーム上に配置したいという要望ですが、Kintoneアプリのフォーム部品には、画像を挿入するツールが有りません。 これを標準機能だけで簡単に出来る方法をご紹介します。 実装後の画面イメージ

          アプリ活用研究会

          アプリのフォーム上にロゴ画像を表示させる方法

          アプリ活用研究会

          勤務時間外のアプリのデータ登録・修正を制限する

          やりたいことKintoneの日報報告アプリを、会社の休日（土日祝）と勤務時間外では、警告メッセージを表示して、レコードの追加・編集が出来ない様にしたい。 レコードの登録日時、更新日時が「時間外業務」として記録されない様に、アプリ側で動作を制限します。 Kintone上では、ホワイトな企業対応？ですねｗ カスタマイズの仕様アプリの新規レコード追加、レコード編集のイベントで動作します。 イベント発生時にJavascriptで現在日時を取得して、土日祝日チェックと就業時間チェッ

          アプリ活用研究会

          勤務時間外のアプリのデータ登録・修正を制限する

          アプリ活用研究会

          アプリで予定日までの残日数を表示する

          やりたいことKintoneアプリで登録した予定期日（日付型）まで、本日からの残日数を日数計算して表示したい。例えば（タスクの締切日、出荷予定日、誕生日）などの残り日数を表示できる様にしたい。 標準機能で試してみるアプリのレコード更新日を使うと出来そうな気がします。 予定している期日を「予定期日」とした場合、本日（更新日）と比較計算することで残日数が計算できそうですね。 具体的な計算式 レコードの新規登録画面では、レコード作成時に作成日時と更新日時が同じ値で自動的にセット

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

          アプリで予定日までの残日数を表示する

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

          顧客一覧の住所を地図にピン表示する（GoogleMAP APIを利用）

          やりたいこと顧客一覧アプリで、顧客住所の位置情報を地図上にピン表示したい。 物流配送会社では、壁一面に大きな住宅地図を貼って、色付きピンで顧客の位置を示して配送ルートの検討などに使っています。 これをkintoneのアプリ上で実現してみるという試みです。 デモ画面デモ画面では、レコード一覧表の上部に地図を表示しています。 住所を地図情報に変換するのに、GoogleMapsPlatformのAPIを利用しています。 新規レコードを追加している動作状況 新規レコード追加で「

          アプリ活用研究会

          顧客一覧の住所を地図にピン表示する（GoogleMAP APIを利用）

          アプリ活用研究会

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

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

          アプリ活用研究会

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

          アプリ活用研究会

          GoogleMapのAPI利用方法

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

          アプリ活用研究会

          GoogleMapのAPI利用方法

          アプリ活用研究会

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

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

          アプリ活用研究会

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

          アプリ活用研究会

          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で１文字検索や部分一致検索を可能にする

          アプリ活用研究会