--- title: 16.kintoneアプリからVeleta Webアプリへリンクする description: kintoneアプリからVeleta Webアプリへのリンクを作成して活用する方法を紹介します。 image: https://www.data-fabric.jp/hubfs/Mashu/view_link1.jpg --- [コンテンツまでスキップ](https://www.data-fabric.jp/blog-kb/veleta/kintone-to-client#main-content) [![DATA_FABRIC_COLOR_Black_RGB](https://www.data-fabric.jp/hubfs/fabric-202602/images/website/DATA_FABRIC_COLOR_Black_RGB.svg)](https://www.data-fabric.jp/) - [製品一覧](https://www.data-fabric.jp/product) 製品一覧のサブメニューを表示 - [Mashu](https://www.data-fabric.jp/product/mashu) - [Veleta](https://www.data-fabric.jp/product/veleta) - [課題解決事例](https://www.data-fabric.jp/case) - ブログ ブログのサブメニューを表示 - [技術ブログ(Zenn)](https://zenn.dev/p/psc) - [データマネジメントの突破口](https://www.data-fabric.jp/blog-bkt) - [サポート](https://www.data-fabric.jp/ja/kb-top) - [お問い合わせ](https://www.data-fabric.jp/contact) メインナビゲーションを開く メインナビゲーションを閉じる - [製品一覧](https://www.data-fabric.jp/product) 製品一覧のサブメニューを表示 - [Mashu](https://www.data-fabric.jp/product/mashu) - [Veleta](https://www.data-fabric.jp/product/veleta) - [課題解決事例](https://www.data-fabric.jp/case) - ブログ ブログのサブメニューを表示 - [技術ブログ(Zenn)](https://zenn.dev/p/psc) - [データマネジメントの突破口](https://www.data-fabric.jp/blog-bkt) - [サポート](https://www.data-fabric.jp/ja/kb-top) - [お問い合わせ](https://www.data-fabric.jp/contact) ### カテゴリ - [01. ユーザーとサインイン](https://www.data-fabric.jp/blog-kb/tag/01-ユーザーとサインイン) - [02. 組織](https://www.data-fabric.jp/blog-kb/tag/02-組織) - [03. プロジェクト](https://www.data-fabric.jp/blog-kb/tag/03-プロジェクト) - [04. メタデータソース](https://www.data-fabric.jp/blog-kb/tag/04-メタデータソース) - [05. メタデータ](https://www.data-fabric.jp/blog-kb/tag/05-メタデータ) - [06. リネージ](https://www.data-fabric.jp/blog-kb/tag/06-リネージ) - [07. Mashuサーバー(オンプレミス用)](https://www.data-fabric.jp/blog-kb/tag/07-mashuサーバーオンプレミス用) - [08. 検索・通知・その他](https://www.data-fabric.jp/blog-kb/tag/08-検索-通知-その他) - [09. Veleta](https://www.data-fabric.jp/blog-kb/tag/09-veleta) 2026/02/28 12:38:02 # 16.kintoneアプリからVeleta Webアプリへリンクする [T](https://www.data-fabric.jp/blog-kb/author/t) 共有： [facebook-f icon](http://www.facebook.com/share.php?u=https://www.data-fabric.jp/blog-kb/veleta/kintone-to-client) [Twitter icon](https://twitter.com/intent/tweet?url=https://www.data-fabric.jp/blog-kb/veleta/kintone-to-client) [linkedin-in icon](http://www.linkedin.com/shareArticle?mini=true&url=https://www.data-fabric.jp/blog-kb/veleta/kintone-to-client) [envelope icon](mailto:?body=https://www.data-fabric.jp/blog-kb/veleta/kintone-to-client) [pinterest-p icon](http://pinterest.com/pin/create/link/?url=https://www.data-fabric.jp/blog-kb/veleta/kintone-to-client) kintoneアプリからVeleta Webアプリへのリンクを作成して活用する方法をこの記事では紹介します。   ### kintoneのレコードと紐づくデータをVeleta Webアプリで閲覧する kintoneアプリとシステムのデータベースをそれぞれ運用している場合、kintoneのデータとシステムのデータを紐づけるリンクを作ることで、kintoneのアプリから簡単にシステムのデータを閲覧することができます。   **例）kintoneに問合せ管理アプリ、システムに顧客データがある場合** kintoneの問合せ管理アプリの顧客IDフィールドをつかって、アプリのフォームにリンクを追加することでVeleta Webアプリで顧客情報が簡単に確認できるようになります。 1. 文字列（1行）フィールドをフォームに追加する![](https://www.data-fabric.jp/hs-fs/hubfs/Mashu/view_link1.jpg?width=670&height=253&name=view_link1.jpg) 2. 「自動計算する」をチェックして、`"http://localhost:3000/customer/" & customerId`のような Veleta WebアプリのURLとフォームの顧客IDを組み合わせた計算式を設定します。![](https://www.data-fabric.jp/hs-fs/hubfs/Mashu/view_link2.jpg?width=670&height=420&name=view_link2.jpg) 3. 計算式を設定したらフィールド名などを変更してアプリを更新してください。 4. アプリ更新後、問合せ管理アプリにデータを登録すると、Veleta Webアプリへのリンクが表示できます。これで問合せ管理アプリから顧客のデータを閲覧できるようになりました。![](https://www.data-fabric.jp/hs-fs/hubfs/Mashu/view_link3.jpg?width=670&height=281&name=view_link3.jpg) 顧客IDのようなフィールドがないアプリの場合は、顧客名などのフィールドをつかってVeleta Webアプリでデータを検索して表示できます。 1. 自動計算フィールドに、`"http://localhost:3000/customer?name=" & name`のような Veleta WebアプリのURLとフォームの顧客名を組み合わせた計算式を設定します。 2. 計算式を設定したらアプリを更新してください。 3. これで問合せ管理アプリから顧客のデータを検索して閲覧できるようになりました。![](https://www.data-fabric.jp/hs-fs/hubfs/Mashu/view_link4.jpg?width=670&height=210&name=view_link4.jpg) 計算式に入力するVeleta WebアプリのURLやフォームの顧客IDは、お客様のkintoneアプリのフォームの設定に合わせて変更してください。 kintoneの仕様上、日本語を含むリンクが正しく表示されないことがあります。その場合、URLエンコードプラグインなど日本語を含むリンクを正しく表示できるようカスタマイズしてください。 ### kintoneのレコードをVeleta WebアプリでDBに登録する Veleta Webアプリではデータの閲覧だけでなくデータの登録もできます。 自動計算フィールドに、`"http://localhost:3000/customer/new?" & "customerId=" & customerId & "&name=" & name & "&photo=" & phone`のような Veleta Webアプリのデータ登録用URLとフォームのフィールドを組み合わせた計算式を設定することで、kintoneアプリからシステムへのデータ登録を簡単に実行できます。 ![](https://www.data-fabric.jp/hs-fs/hubfs/Mashu/create_link1.jpg?width=670&height=268&name=create_link1.jpg) Veleta WebアプリではURLのクエリ文字列に値を設定すると、入力フォームや検索フォームの初期値として表示できます。 `http://[Veleta Web アプリのホスト]/[リソース名]?[プロパティ1]=[プロパティ1の初期値]&[プロパティ2]=[プロパティ2の初期値]` 例) http://localhost:3000/customer?name=SAMPLE&prefecture=13   [09. Veleta](https://www.data-fabric.jp/blog-kb/tag/09-veleta) # 関連記事 [![](https://www.data-fabric.jp/hubfs/fabric-202602/images/website/Veleta_DATA_FABRIC_COLOR_Black_RGB-3.svg)](https://www.data-fabric.jp/blog-kb/veleta/web-client-auth) [09. Veleta](https://www.data-fabric.jp/blog-kb/tag/09-veleta) ## [15.Veleta Webアプリの外部認証サービス連携を設定する](https://www.data-fabric.jp/blog-kb/veleta/web-client-auth) [T](https://www.data-fabric.jp/blog-kb/author/t) 2026/02/28 12:35:47 Webアプリ（Webクライアント）に外部認証サービス用の設定を追加することで、データにアクセスできるユーザーを制限できます。 [続きを読む](https://www.data-fabric.jp/blog-kb/veleta/web-client-auth) [![](https://www.data-fabric.jp/hs-fs/hubfs/Mashu/veleta-client-generate-api.png?height=200&name=veleta-client-generate-api.png)](https://www.data-fabric.jp/blog-kb/veleta/web-client) [09. Veleta](https://www.data-fabric.jp/blog-kb/tag/09-veleta) ## [14.Veleta WebアプリからVeletaで生成したAPIのデータを取得・更新する](https://www.data-fabric.jp/blog-kb/veleta/web-client) [T](https://www.data-fabric.jp/blog-kb/author/t) 2026/02/28 12:31:15 ... [続きを読む](https://www.data-fabric.jp/blog-kb/veleta/web-client) [![](https://www.data-fabric.jp/hs-fs/hubfs/Mashu/%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E4%BD%9C%E6%88%90.png?height=200&name=%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E4%BD%9C%E6%88%90.png)](https://www.data-fabric.jp/blog-kb/user/create-account) [01. ユーザーとサインイン](https://www.data-fabric.jp/blog-kb/tag/01-%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%81%A8%E3%82%B5%E3%82%A4%E3%83%B3%E3%82%A4%E3%83%B3) ## [02. アカウント作成画面について](https://www.data-fabric.jp/blog-kb/user/create-account) [A](https://www.data-fabric.jp/blog-kb/author/a) 2026/02/23 15:10:03 アカウント作成画面では、ユーザー名、メールアドレス、パスワードを指定してアカウント作成ボタンを押します。 [続きを読む](https://www.data-fabric.jp/blog-kb/user/create-account) [![株式会社ピーエスシー](https://www.data-fabric.jp/hs-fs/hubfs/fabric-202602/images/PSC_logo_yoko.png?width=1058&height=177&name=PSC_logo_yoko.png "株式会社ピーエスシー")](https://www.psc-inc.co.jp/) 運営会社：株式会社ピーエスシー TEL : 03-3435-1044 / FAX : 03-3435-1418 | ・[TOP](https://services.robon.co.jp) | ・[技術ブログ(Zenn)](https://zenn.dev/p/psc) | | --- | --- | | ・[製品一覧](https://services.robon.co.jp/product) | ・[データマネジメントの突破口](https://services.robon.co.jp/blog-bkt) | | ・[課題解決事例](https://services.robon.co.jp/case) | ・[サポートセンター](https://services.robon.co.jp/kb-top) | ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "T", "url" : "https://www.data-fabric.jp/blog-kb/author/t" }, "dateModified" : "2026-02-28T03:38:08.239Z", "datePublished" : "2026-02-28T03:38:02.000Z", "headline" : "16.kintoneアプリからVeleta Webアプリへリンクする", "image" : [ "https://www.data-fabric.jp/hubfs/Mashu/view_link1.jpg" ], "mainEntityOfPage" : { "@id" : "https://www.data-fabric.jp/blog-kb/veleta/kintone-to-client", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.data-fabric.jp/hubfs/fabric-202602/images/PSC_logo_yoko.png" }, "name" : "株式会社ピーエスシー" } } ```