Codeer.LowCode.Blazor は、Blazor アプリにローコード機能を組み込むためのライブラリです。 デザイナで画面やデータモデルを設定し、ホットリロードで Web アプリに即反映できます。

サンプルギャラリー ・ YouTube チュートリアル ・ 製品ページ

Codeer.LowCode.Blazor を触り始める前に、全体像を掴むためのセクションです。

• Codeer.LowCode.Blazor とは — できること・3 つの開発スタイル・対応 DB
• コア概念 — PageFrame / Module / Field / Layout / Script の関係
• 入手とライセンス — Visual Studio 拡張のインストール・ライセンス種別
• オプション: VS Code を使う — Visual Studio の代わりに VS Code で開発・ビルド・発行

サンプル入りプロジェクトを最短で動かして感触をつかむセクションです。

• クイックスタート（10 分） — サンプル入りプロジェクトを作成して Web で動かす

クイックスタートの次の一歩。上から順番に手を動かしていけば、少しずつ機能を使いこなせるようになります。

1. はじめてのモジュール作成（30 分） — DB と連動した CRUD 画面を作る
2. モジュール連携 — LinkField・ModuleSearcher・2 つのリストの連動
3. 検索を作り込む — And/Or の組合せ・初期値・複数レイアウト・URL 連動
4. スクリプトの基本 — ボタンイベント・Field 操作・メッセージ表示・バリデーション
5. Excel 帳票と PDF 出力 — テンプレートで帳票を作り、PDF に変換
6. WebAPI 連携 — 外部 API・カスタム Controller・JsonObject
7. 認証を有効にする — CurrentUserModule・アプリ/画面/モジュール/データ単位の認可

「こういうことをやりたい」から逆引きで読めるセクションです。

• アプリ作成パターン一覧

  標準パターン集 (PatternShowcase) + 認証パターン集 (PatternShowcaseAuth) を起点にした全パターンを網羅。A〜J の 10 カテゴリ (アプリの基本13個 / 検索 / リスト系 / 一覧ページ / ダイアログ・通知 / 画面レイアウト / 入力UX / 出力 / 別フレーム / 認証パターン集 4個別) を「アプリの作り → データ構造 → モジュール構成 → CLB ではこう作る」の流れで解説

そのままでも業務で使える完成形のアプリをテンプレート化したもの。デザイナで新規プロジェクト作成時にテンプレートを選ぶだけで、画面・データモデル・サンプルデータが一式展開されます。自社向けに改造して本番運用へ持っていく起点として使ってください。

• 業務テンプレート一覧 — 3 つのテンプレートの位置づけと共通の使い始め方
• 在庫管理テンプレート — 入出庫・棚卸し・発注・要発注品アラート・在庫ダッシュボード
• 営業支援 (SFA) テンプレート — 商談・活動履歴・顧客管理・パイプラインダッシュボード
• プロジェクト管理テンプレート — プロジェクト・タスク・ガント・タスクボード・進捗ダッシュボード

• 基本的な作成方法と DB 接続
• モジュール作成時の注意点
• 既存 DB からモジュールを一括作成

• Query フィールド — カスタム SQL で一覧を作る
• ExecuteSql フィールド — 任意の SQL を実行する

• Text フィールドを読み取り専用にする
• AnchorTag のサイズ調整
• Label の位置調整
• 検索条件に初期値を設定
• Submit 時に処理を追加
• ModuleSearcher で他モジュールにアクセス
• リスト同士の連携
• メールを送信する

• 認証付きプロジェクトの始め方 — Cookie テンプレート +「空のプロジェクト（認証付き）」/「認証パターン集」
• 認証 / 認可の概要

• AI 概要
• AI を使うための設定
• AITextAnalyzerField
• AI でクエリを作成
• Claude Code でデザインプロジェクトを編集

• プロコード概要
• ユーザーコード
• 拡張サービスの登録と利用 — 自作サービスを DI 登録して Services.Provider / @inject で使う
• C# でのデータ取得ヘルパ — モジュールに対応した C# クラス + LINQ ライクな書き方でデータを読む

• レスポンシブ対応の実現方法 — 画面幅・デバイスへの追従に使う機能のまとめ
• CSS
• カスタムスタイル
• Fluent Design
• Material Design

• Visual Studio ソリューション構成とデプロイ
• デプロイフォルダ
• Web サーバーへのデプロイ

• PageObject のエクスポート（自動テスト）

• トラブルシューティング — 症状から逆引きで対処を探す

• MudBlazor サンプル
• Radzen.Blazor サンプル
• IgniteUI サンプル

項目ごとに詳しく引くためのセクションです。

• デザイナ概要
• app.clprj — アプリ全体のプロジェクト設定
• designer.settings — Data Source 等の設定
• PageFrame — アプリの外枠
• モジュールページ種別 — ListToDetail / List / Detail / Auto の使い分け
• デザイナのカスタマイズ — スクリプト API / メニュー / テンプレート / 外部 CSS・JS / アイコンの追加・ウィンドウタイトル 等
• 検索コンポーネントのカスタマイズ

• Module 概要
• 全体設定
• 詳細設定
• 一覧設定
• 検索設定
• Document Outline と Property パネル
• データモデルと Module の関係

• レイアウト（Grid / Canvas / Flow）

• Field 概要・System Field
• Field 共通プロパティ

• TextField (テキスト) — 文字列入力（1 行／複数行）
• NumberField (数値) — 数値・スライダー・桁数制限
• BooleanField (ブール) — チェックボックス／スイッチ／トグル
• DateField (日付) — 日付のみ
• DateTimeField (日時) — 年月日＋時刻
• TimeField (時刻) — 時刻のみ
• PasswordField (パスワード) — パスワード（PasswordHash と組み合わせ）
• FileField (ファイル) — ファイルアップロード

• SelectField (セレクト) — プルダウン
• RadioGroupField (ラジオボタングループ) — ラジオ選択値の本体
• RadioButtonField (ラジオボタン) — RadioGroup 内の選択肢
• LinkField (リンク) — 他モジュールを検索ダイアログで選択

• LabelField (ラベル) — 見出し・キャプション
• AnchorTagField (アンカータグ) — ハイパーリンク
• IdField (ID) — 主キー／外部キー
• ImageViewerField (画像表示) — 画像表示
• MarkupStringField (マークアップストリング) — HTML 直接表示

• ListField (リスト) — テーブル形式
• DetailListField (詳細リスト) — カード形式
• TileListField (タイルリスト) — タイル形式
• ListNumberField (リスト番号) — 行番号列
• ListPagingField (ページ送り) — ページャーを独立配置
• ModuleField (モジュール) — 他モジュールの埋め込み
• SearchField (検索) — 検索バー

• ButtonField (ボタン) — クリックでスクリプト実行
• SubmitButtonField (サブミットボタン) — 標準の登録・更新
• AutoSubmitField (自動サブミット) — 変更を自動で保存
• CopyModuleButtonField (モジュールコピーボタン) — データをコピーして新規作成
• ViewEditToggleButtonField (閲覧編集切り替えボタン) — 閲覧／編集モードのトグル
• ContextMenuField (コンテキストメニュー) — 右クリックメニュー

• HeaderMenuField / SidebarMenuField — カスタムヘッダー／サイドバーモジュール内で使用

• ProCodeField (プロコード) — 独自 Blazor コンポーネント埋込
• OptimisticLockingField (楽観ロック) — 楽観ロック用 System Field

• QueryField (Query) — 任意の SELECT 文の結果を画面で扱う
• ExecuteSqlField (ExecuteSql) — INSERT/UPDATE/ストアド等を指定タイミングで実行
• JsonField (JSON) — 複数値を JSON 文字列としてまとめて 1 列に保存

• スクリプト概要 — 入口・どこに書くか・学ぶ順番
• スクリプト構文リファレンス — 構文・型変換・名前解決
• 組み込みサービスとテンプレート由来サービス — Logger / NavigationService / Toaster / WebApiService / Excel など
• ModuleSearcher / BatchSearcher — 他モジュールの検索
• スクリプトの拡張 — AddType / AddService で独自サービスを足す
• スクリプトデバッガ

• 概略
• Visual Studio ソリューション構成
• ユーザーコード

• ライセンスについて（種別と登録方法の全体）
• オンライン登録 / オフライン登録
• Windows CLI 登録 / Linux 登録
• ドメインライセンス登録 / 解除
• LicenseRegister アプリ

• 破壊的変更一覧

• 動画ガイド一覧

Codeer.LowCode.Blazor のライセンスは以下の通りです。

• 試用版: 評価目的のみ 30 日間無料
• 商用利用: 開発・本番運用ともにライセンス購入が必要
• コミュニティ利用: 申請により無償ライセンス発行（Codeer へお問い合わせ）

詳細:

• ソフトウェアライセンス契約書（原本・英語）
• 日本語版（※英語版と齟齬がある場合は英語版が優先）
• ライセンス種別と登録方法の全体

ご購入・お問い合わせ: codeer.co.jp/LowCode

本リポジトリに掲載するすべての情報・成果物（ドキュメント、サンプルコード、サンプルアプリケーション、テンプレート、設定例、画像等）は現状有姿 (AS IS) で提供され、内容の正確性・完全性・最新性・特定目的への適合性を含め、いかなる保証もありません。記載内容は製品のバージョンアップ等により予告なく変更されることがあります。

これらを参考・利用・流用したこと（サンプルやテンプレートを元に構築したアプリケーションの動作・運用を含む）に起因するいかなる損害についても、Codeer Software は一切の責任を負いません。利用はすべて利用者自身の責任と判断で行ってください。

なお、Claude Code 用ワークスペースはデザイナ（Tools > Claude Code Workspace）から展開する方式です。利用時の注意（AI ツールによるデータ送信等）は ClaudeCode/README.md を参照してください。