サンプル

Top/サンプル

大文字小文字の区別はありません（最大80バイトまで）

AND OR  

サンプル†

アプリケーションの具体的な設計例です。
新着情報には ★ が付いています。
更新情報には ★ が付いています。

サンプルの命名ルールについては こちら をご参照ください。

掲載している情報は、あくまでも参考情報です。
お客様の作成されたアプリケーションへの組み込み方法などのお問合せには対応いたしかねます。

---

機能サンプル†

　機能サンプルは、要件の実現方法をわかりやすくご紹介することを目的としているため、
　SQL関数内で発生したエラーのハンドリング処理は実装されていません。ご了承ください。

基本操作を覚えよう†

• 値を取得して他のコンポーネントに表示する
  　　…プッシュボタンのアクションで、コンポーネントの値を他のコンポーネントにコピーするサンプルです。

• アプリケーション起動時にデータベースの値を選択肢に設定する
  　　…アプリケーション起動時にデータベースの値を取得し、コンポーネントの選択肢（データ）に設定するサンプルです。

• コンポーネントのプロパティを切り替える
  　　…チェックボックスのアクションで、テキスト入力のプロパティを切り替えるサンプルです。

コンポーネントの特徴を理解しよう†

• 入力
  • テキスト入力
    • テキスト入力コンポーネントのプロパティ別サンプル
      　　…プロパティごとの表示の違いをご確認いただくサンプルです。

• テキストエリア
  • テキストエリアコンポーネントのプロパティ別サンプル
    　　…プロパティごとの表示の違いをご確認いただくサンプルです。

• 数値入力
  • 数値入力コンポーネントのプロパティ別サンプル
    　　…プロパティごとの表示の違いをご確認いただくサンプルです。

• セレクトボックス
  • セレクトボックスコンポーネントのプロパティ別サンプル
    　　…プロパティごとの表示の違いをご確認いただくサンプルです。

• セレクトボックスで選択した候補のラベルを取得する
  　　…「値」ではなく「ラベル」を取得するサンプルです。単体・複数選択の両方をご紹介しています。

• コンボボックス
  • コンボボックスコンポーネントのプロパティ別サンプル
    　　…プロパティごとの表示の違いをご確認いただくサンプルです。

• スプレッドシート
  • スプレッドシートのセルの書式設定を変更する
    　　…セルの書式設定をアクションで変更するサンプルです。

• 日付・時刻・日時ピッカー
  • 日付・時刻・日時ピッカーコンポーネントのプロパティ別サンプル
    　　…プロパティごとの表示の違いをご確認いただくサンプルです。

• データグリッド
  • 行削除と他の処理を同時に実行する
    　　…プッシュボタンでデータグリッドの行削除を実装したサンプルです。

• データグリッドにデータベースから取得したデータを設定する
  　　…データベースから取得したデータを整形して、データグリッドに表示するサンプルです。

• データグリッドの特定のカラムを編集不可とする
  　　…特定のカラム（列）のセルの値が変更された際にメッセージを表示し、変更前の値に戻すサンプルです。

• データグリッドに結合したテーブルのデータを表示・更新する
  　　…外部キーの関係があるテーブルを結合したデータをデータグリッドに表示し、値の変更をDBに反映させるサンプルです。

• ボタン
  • プッシュボタン
    
    • プッシュボタンコンポーネントのプロパティ別サンプル
      　　…プロパティごとの表示の違いをご確認いただくサンプルです。

• アイコンボタン
  • アイコンボタンコンポーネントのプロパティ別サンプル
    　　…プロパティごとの表示の違いをご確認いただくサンプルです。

• 表示

• マップ
  • マップコンポーネントのモード別サンプル
    　　…「モード」ごとの表示の違いや、値の設定方法の違いをご確認いただくサンプルです。

• レイアウト
  • ボックス・区切り線コンポーネントのプロパティ別サンプル
    　　…プロパティごとの表示の違いをご確認いただくサンプルです。

• チャート
  • チャートコンポーネントのプロパティ別サンプル
    　　…プロパティごとの表示の違いをご確認いただくサンプルです。

応用・合わせ技†

• 必須項目のチェック
  　　…コンポーネントのプロパティ「必須（required）」と「エラー（error）」を使い、未入力の項目を強調させるサンプルです。

ビルトイン関数を使いこなそう†

• $fn.getUploadFiles
  
  • CSVファイルをアップロードしてデータベースに値を登録する
    　　…CSVファイルをファイル選択ダイアログから選択し、CSVファイルの内容をデータベースに登録するサンプルです。

• 選択したファイルをデータベースに登録する
  　　…ファイル選択ダイアログから任意のファイルを選択し、データベースに登録するサンプルです。

• $fn.download
  
  • データベースの値をCSVファイルに出力する
    　　…データベースに登録されているデータをCSV形式のファイルでローカルにダウンロードするサンプルです。

• データベースに登録されているファイルをダウンロードする
  　　…「サンプル/選択したファイルをデータベースに登録する」で登録したファイルをダウンロードするサンプルです。

ユーザ関数を使いこなそう†

• REST
  
  • REST API（GETメソッド）呼び出しサンプル
    　　…郵便番号検索APIをGETメソッドで呼び出すサンプルです。

• REST API（POSTメソッド）呼び出しサンプル
  　　…OCR機能をPOSTメソッドで呼び出すサンプルです。

ワークフローに挑戦†

• はじめてのワークフロー生成
  　　…「ワークフロー生成」が実行できる最小限の定義を行った状態のアプリ定義です。どのようなUIが生成されるかを見てみたい方へ。

• ワークフロー基礎１
  　　…「はじめてのワークフロー生成」後のアプリに、解説と、アプリバーを加えたものです。

• ワークフロー基礎２：案件データを扱う
  　　…「ワークフロー基礎１」に、案件データを扱う機能を加えたサンプルを準備中です。

• ワークフロー基礎３：処理待ち一覧画面を作る
  　　…「ワークフロー基礎２」に、ログインユーザーの担当する処理待ち案件のみを一覧表示する画面を加えたサンプルを準備中です。

• 案件データをワークフローと紐づけて管理するサンプル
  　　…案件データとワークフローデータを合わせて管理するアプリケーションのサンプルです。
  　　　最小限のワークフロー（起案→申請→承認）とログインユーザーの処理待ち案件一覧画面を備えています。
  

SVF Cloud 連携†

• ★SVF Cloud 連携
  　　…クラウド帳票サービス「SVF Cloud」と連携し、PDF生成を行うサンプルです。

画面デザインのヒント†

WEB画面のデザイン例のご紹介です。

• メニューの作り方
  　　…デスクトップアプリ向け、モバイルアプリ向けのメニューの作り方のご紹介です。

• ページデザイン例１（ショップサイト）
  　　…ショップサイトをイメージしたデザインのご紹介です。

業務サンプル（アプリケーションサンプル）†

NXでどのようなアプリケーションが作成できるかのご紹介です。
実装内容の解説は簡略化しております。

• 備品管理アプリ（note掲載サンプル）
  　　…各備品の保管状況や貸出状況をデータベースに保存し、管理するアプリです。
  

• 経費申請ワークフロー
  　　…経費の申請内容を記入・添付し、担当者に承認依頼することができるアプリです。

• お得意様向け 期間限定キャンペーンシステム
  　　…お中元やお歳暮など期間限定商品の申し込みを行うアプリです。

• ★見積りシステム
  　　…顧客自ら見積書を作成し発注を行うアプリです。

• 日報アプリ
  　　…日々の業務内容、報告事項、所感などを記載していくアプリです。

• 問い合わせ管理アプリ
  　　…お客様からのお問い合わせ内容・対応履歴を記録するアプリです。
  

• セキュリティインシデント管理アプリ
  　　…社内で発生したセキュリティインシデントを管理するアプリです。
  

• 在宅勤務申請アプリ
  　　…在宅勤務を行う際に、日時や業務内容などを上長に申請するアプリです。
  

• トップページ
  
  

Menu

• FAQ
• サンプル
• リリースノート
• 新機能トピックス
• 技術資料
• サービス利用について
• サービス稼働履歴
• マニュアル
• マニュアル変更履歴
• 障害情報
• 教育資料
• 技術者認定制度

当サポートサイトについて

• サイト内の検索方法
  

関連リンク

• QAサイト
  ※有償契約者様向けのサイトです。

お問合せ先

• 問合せ先はこちら