Dashcombの更新情報をお伝えします。

新規に追加された機能

• 文字やコードのエディタを複数同時に開くことが可能になりました。ウィンドウの移動も可能になりました。

• １ユーザが複数グループに同時参加可能、複数グループに参加しても１席としてカウントされます。

• RadioBox、CheckBox、Selectの選択結果に対して、selectedOptionで属性をJSで取得できるようになりました。
  • 単数選択

• 複数選択

UXの改善

• テーブルコラムの属性が日付・時間のとき、データフォーマットに「YYYY-MM-DD HH:mm:ss 」をデフォルト値として設定しました。
• DB QueryのリストをA-Z順番で表示しました。
• DB Query/API/JSの実行成功時のデフォルト通知をやめました。実行失敗時の通知はデフォルトで設定され、エラー情報を表示します。

バグの修正

• インスペクタのデータ配列の並び順が数値順になりました。
• Tableの文字列コラムの並べ替え機能が正しく動作しない不具合を修正しました。
• Script Panelの入力領域、一部のデータオブジェクトリファランス解析機能が正しく動作しない不具合を修正しました。
• テキストエディタで自動補完の表示をクリックするとエディタが閉じる不具合を修正しました。
• SectionとRowのhidden属性が正しく表示されない不具合を修正しました。
• Tableのコラムデータが文字列の場合、数値の小数桁数を設定しても正しく表示されない不具合を修正しました。

Dashcombの更新情報をお伝えします。

新規追加の機能

• Firebase Remote Configに対応しました。

Dashcombの更新情報をお伝えします。

新規追加の機能

• 新しいデータソース「TiDB」を追加しました。

• ページ内アンカーリンク機能を追加しました。
• テキストラベルをJavaScriptで設定できる機能を追加しました。

UXの改善

• DBクエリで、名前変更またはテスト実行した際に変更内容がすぐに保存されるよう改善
• マークダウンコンポーネント追加時の表示が見やすくなるよう改善
• マークダウン内のリンクを新規タブで表示するよう改善
• SQLサーバーの「encrypt」オプションをサポートするよう改善

バグの修正

• グラフを非表示にした場合にクラッシュする問題を修正
• 「SQLを整形」を実行した際に特定の記述が分割される問題を修正
• レイアウトコンポーネントのカラム幅が正しく変更できなくなる問題を修正
• テキストエリアのデフォルト値の連携が適切にできていなかった問題を修正
• JavaScript Tabで記述に構文エラーがある際に正しく保存できない問題を修正
• CSVからフィールドをインポートする際、列にSQLキーワードが含まれているとエラーが発生する問題を修正

Dashcombの更新情報をお伝えします。

新規追加の機能

• DB Query / APIの前処理(PreProcess)のJavaScriptについて、独立してテストを実行できる機能を追加しました。
  結果、戻り値（preData）はインスペクタ画面で確認することができます。

• TableのActionボタンの表示順をドラッグ操作で変更できる機能を追加しました。

• SQL文を読みやすく整形する機能を追加しました。

UXの改善

• データを持っていないTableも、固定の高さで表示できるよう改善

• DB QueryのJavaScriptエディタで、エリア外をクリックしてもエディタが閉じないように改善
• TableのColumn幅調整のハンドルをより使いやすく改善
• Tableのデータロード時、ローディングインジケータを表示する改善

バグの修正

• APIの戻り値が200の場合にエラーと見なされる問題を修正
• 特定の場合に、Inputコンポーネントが入力できない問題を修正
• TableのColumn幅調整を一段しか移動できない問題を修正
• Option/Altを押した状態で他のコントロールキーを押すと、コンポーネントの枠線が消えなくなる問題を修正
• DB QueryのJavaScriptエディタで、AutoComplete機能でポップアップ画面をクリックした際に保存せずエディタが閉じられてしまう問題を修正
• 特定の場合に、DB Queryの本体処理が表示されない問題を修正
• MainMenuをコピーした際に、適切な順番で表示されない問題を修正
• DB Queryの前処理（PreProcess）のJavaScript実行エラーになった際に、Query/APIが保存できない問題を修正
• IDEのTableのデータが、特定の操作でロールバックしてしまう問題を修正
• DB Queryのインプットエリアのレイアウトが、画面サイズによって崩れる問題を修正
• RowのColumnのコンポーネントで横幅が100％にならない問題を修正
• RowのColumnにコンポーネントが入っている場合に、Columnの幅調整が他のColumnに影響する問題を修正
• TableのDB Sourceが更新された際に、PropertiesのFieldが即時更新されない問題を修正

Dashcombの更新情報をお伝えします。

新規追加の機能

• 複数の開発メンバーでの作業を円滑にするEdit Lock機能

UXの改善

• データスクリプトパネルのエディタをポップアップで拡張表示できるよう改善

• メニューのメタデータ編集パネルを改善

• 承認依頼の提出先をグループから選択できるよう改善
• コンポーネント制御対象リストの並び順を改善
• リリースメニューのURL押下時の動作を改善
• IDEの起動パフォーマンスを改善
• 色分けしたインジケーターでアクティブタブの視認性を改善
• JavaScript Utils と JSON Constants の編集エリアを拡張する改善
• Safariに対応

バグの修正

• サブメニューのクエリが初回レンダリング時に実行されない問題を修正
• オンボーディングで初期選択されるグループを修正
• カラム編集で削除アイコンが動作しない問題を修正
• 空のJSON Constantsを削除するとエラーとなる問題を修正
• 招待メールのタイトル言語と本文の言語が異なっている問題を修正

Dashcombの更新情報をお伝えします。

新規追加の機能

• テーブルサイズを指定した行数で固定表示する機能を追加

• テーブル内のリンク属性を設定できる機能を追加
• サブメニューページのアクションにOnLoadを設定する機能を追加
• デートピッカーの選択肢にQ（クオーター）を追加
• S3アップロードされたファイルの削除機能を追加
• バージョン管理画面に、リリースされたページへのリンクを追加

UXの改善

• RowのColumn幅の調整をスムーズに調整・変更できるよう改善

• ドラッグアンドドロップの設置先をわかりやすく表示する改善

• プレビュー画面の表示状態をわかりやすくする改善

• Script Panel/Attribute Panelの開閉状態をわかりやすくる改善
• コンポーネントを削除する際に、確認ダイアログを表示する改善
• ScriptPanelで自動補完とシンタックスハイライトを表示する改善
• テーブルが1ページしかない場合、ページ送りボタンを表示しないよう改善
• Importerで取り込む際に、エンコードを自動識別して読み込むよう改善
  （UTF8/UTF8BOM/Shift_JIS/EUC-JP/GB18030/GB2312 に対応）

バグの修正

• Inputに"?"を入力して保存すると $1になる問題を修正
• セレクトボックスのラベル位置を縦並びにすると、セレクトボックスが表示されない問題を修正
• バリデーション対象にTextAreaが含まれていない問題を修正
• Submenuを削除した際に、DataSourceの利用情報が残りDatasourceを削除できない問題を修正
• サブメニューのページをコピーした際に、バインディング関係のエラーが発生する問題を修正
• テーブルに画像が設定された際に、アクションボタンの表示が正常でない問題を修正

Dashcombの更新情報をお伝えします。

SQL AI アシスタント

SQLに悩んだことありましたか？SQL AI アシスタントが驚きほどの高精度でSQL分を書いてくれる機能をリリースしました。

SQLの課題

各種データベースは標準なSQLをサポートしている一方、独自の「言い回し」が存在しています。経験豊富なエンジニアであったとしても、各種データベースにおけるSQL文を知り尽くすことはほぼ不可能です。
ゆえに、正しいデータを効率よく取得するために、時間を掛けた検索、公式ドキュメントの読み込みや、StackOverflow・Googleにて、様々な検索キーワードを変換しながら、正しい答えを探し出すのがエンジニアの必須能力となってしまっています。
時に、国内・海外問わず、関係者と長い時間をかけて議論する必要もあります。

ChatGPT3.5にもとづいた「SQL AI アシスタント」により劇的な業務改善へ

世の中を席巻したChatGPTは、これまでの検索に基づいたエンジニアが自力で行う情報収集、分別、結論に集約する仕事の流儀を破壊しました。疑問に思ったことを質問として投げるだけで、結果が目の前に現れるようになりました。
その劇的なパラダイムシフトの中で、Dashcombではエンジニア、データアナリスト、データサイエンティストが行う重要な仕事の一つである「正しいSQLを書くこと」をChatGPTの力で劇的に改善される機能「SQL AI アシスタント」を開発しました。
Dashcombは、管理画面・社内システム、ダッシュボードにおいて、最もリソースが必要で、開発効率の良くない画面作成の部分にアプローチし、従来の10分の1程度の時間で開発ができる仕組みを提供してまいりました。
その中で、この度の「SQL AI アシスタント」機能のリリースは、今以上にスピーディーな開発・運用を可能とします。

利用方法

https://dashcomb.com にて、「無料ではじめる 」ボタンから登録、利用することができます。まずは無料プランで本機能を体験してみてください。

async/awaitの利用サポート

以下のようにDashcombのJavaScriptのコードに async/await をサポートできるようになりました。

複数QueryのOnSuccessで繋いで実行する以外、 await を利用して、複数のQueryの並列実行をコードで実現できるようになりました。

TableにonRowSelectイベントをサポート

onRowSelect はいつも table1.selectedRow のレンダリング更新が完了してから呼び出されます。

機能追加

JavaScriptが利用可能

• ローコードのコア機能として、JavaScriptが動作可能になりました。
• スクリプトパネルの一部として、ページごとにJavaScriptが作成できるようになりました。

• Tableに、JavaScriptで行単位のデータ処理ができるようになりました。

• DB Query、API、Cloud Storageの前・後処理に、JavaScriptも可能になりました。

• JavaScriptの機能強化として、JavaScript Global Functionの定義ができるようになりました。

• JavaScriptの機能強化として、JavaScript Libraryの導入も可能になりました。

JSON Constantsが利用可能

• JSON型のグローバル定数機能を追加しました。これにより、ステージングやプロダクション環境によって自動的に切り換えられるようになりました。

Component制御にJavaScript関数を追加

• objectName.function()のような呼び方で、コンポーネントのJavaScript関数が利用できるようになりました。

Button
 - click()

Input / Textarea /
 - focus()
 - blur()
 - setValue(...)
 - clearValue()
 - setDisable( true / false )
 - setHidden( true / false )
 - setReadonly( true / false )
 - setRequired( true / false )
 - validate()
 
 Select/Radio/Checkbox/TimePicker/DatePicker
 - focus()
 - blur()
 - setValue(...)
 - clearValue()
 - setDisable( true / false )
 - setHidden( true / false )
 - setRequired( true / false )
 - validate()
 

シンタックスハイライトとオートコンプリート機能追加

BI機能追加

• 棒グラフ、折り線グラフ、円グラフのコンポーネントを追加しました。

Dashcomb更新情報をお伝えします。

機能追加

カスタムドメインが利用可能

• FreeとBasicプランでは利用できるドメイン名が「dashcomb.io」に限定されています。Pro以上のプランは、独自のドメインへの切り替えが可能になりました。

コンポーネントのオブジェクト名が表示可能

• Windowsの場合は ALT 、Macの場合は Option を押すと、コンポーネントのオブジェクト名が表示されます。離すと、表示が消えます。

TableのCSVダウンロードに表示名をフィールドとして使用可能

• 従来は、CSVのダウンロードはデータソースのフィールド名がそのまま利用されていました。今回のバージョンからは、フィールド名の代わりに表示名をCSVファイルに反映することができます。

コンポーネントの初期ラベル名をコンポーネント種類名に

• 従来は、ラベル付きコンポーネントを新しく生成した場合、ラベル名は「Label」と固定されていました。今回のバージョンからは、ラベル名をコンポーネントの種類名（英字）で初期化し、後からの変更を可能にしました。

Uploaderのパス設定に「/」を対応

• パスに / を入れることで、多重ディレクトリの入力が可能になりました。

不具合修正

以下の不具合を修正いたしました。

1. Select/RadioのコンポーネントにSetValueでOption以外の値を設定すると、そのまま表示される。
2. プラン調整のUIミス。
3. バリエーションのワーニングメッセージの表示がコンポーネントと重なる。
4. Onboardingのガイドは異常中止するケースがある。

Dashcomb更新情報をお伝えします。

機能追加

イベントベースのコンポーネント制御

• OnClick/OnFocus/OnChange/OnBlurのイベントをベースにし、コンポーネントで他のコンポーネントを制御することが可能になりました。
• 一コンポーネントに、異なるイベント・アクションを複数追加できます。
• 一コンポーネントに、同じイベント・異なるアクションを複数追加できます。
• 一アクションは、一コンポーネントしか制御できません。

制御可能なコンポーネント：

制御メソッド ：

コンポーネントのSelectとRadioは数値型Optionも対応

• SelectとRadioは、文字列のOptionの他に、数値型のOptionにも対応できるようになりました。

アクションエディタはアクション詳細の入力が必須

• 入力漏れ防止の為、アクションを定義する際には詳細内容の入力が必須になりました。

テキストエディタでTabキーの操作を対応

• テキストエディタでの編集で、Tabキーを使えるようになりました。

不具合修正

以下の不具合を修正いたしました。

1. 特定の場合において、コンポーネントの「列」の列数調整が正しく動作しない
2. 特定の場合において、リリース回数の制限が正しく動作しない
3. プラン変更時、開発者と利用者の金額表示の誤り

Dashcomb更新情報をお伝えします。

機能追加

Microsoft365 OAuth対応

• Microsoft 365のアカウントでのサインアップ・サインインが可能になりました。

データオブジェクトの定義表記変更

• データオブジェクトの定義表記 ${ }を {{ }} に変更しました。今回のバージョンからは ${ } をサポートしません。
• 旧バージョンに使われている ${} は自動的に {{}} に変換されています。

新しいUIコンポーネント -「Markdown」

• 一部のMarkdown機能に対応したコンポーネントを新規追加しました。

新しいレイアウトコンポーネント - 「列」

• 従来のコラム数固定のコンポーネント（2列と4列）を廃止し、新しいコンポーネント「列」を追加しました。2～8個のコラムを自由に設定できるようになりました。

テーブルのコラム設定にリスト型データ追加

• リスト型データ種別を新規追加しました。テーブルのデータ表示をリスト型データで定義できます。

時間フォーマット解析の機能強化

• 日付ピッカーと時刻ピッカーに以下の時間フォーマットを追加しました。

1. 2020-10-14T16:00:00.000Z  (ISO)
2. 2022-10-27T19:09:12.000+09:00 (UTC)
3. Tue, 18 Oct 2022 12:29:57 GMT  (UTCString)
4. 20:49:38 GMT+0800  (timeString)
5. Wed Oct 19 2022 (dateString)
6. 1666334434  (epoch timeStamp)
7. 1666096057378   (epoch timeStamp)
8. 19:09:12  (custom time format)
9. 2017-12-21 07:20:01 (custom time format)

テーブルのデータがnullの場合、表示定義可能

• nullデータを「null」の文字での表示から定義した文字列（空白も可能）で表示できるようになりました。

ポップアップエディタのUI調整

• 「テキストエディタ」、「アクションエディタ」などの属性編集用ポップアップエディタの高さを統一し、きれいに並べられるようにしました。

新規利用者のシステムメニュー利用通知

• 新規追加した利用者は、すぐにはシステムメニューの利用ができません。「一度本番リリースをしてから、利用が可能になる」という旨の説明が利用通知として表示されるようになりました。

データソース画面の機能強化

• ステージングとプロダクションのフィルタを廃止します。正しく設定すると、各データソース名称の右上に青いマーク（ステージング）と緑マーク（プロダクション）が表示されます。また、グレーマークは未設定の状態を意味します。
• 利用状態の表示を追加しました。上限の利用数になると下記の通知が表示されます。

キーボードショートカットの機能強化

• 画面上のコンポーネントをWindowsの Del で削除できます。
• ポップアップエディタの編集エリアで、 Ctrl + Enter を押すとエディタが保存してクローズになります。

不具合修正

以下の不具合を修正いたしました。

1. APIのQueryに保存した値が消えることがある。
2. コンポーネントをキーボードショットカットの Del で削除する場合、インスペクターからは削除されない。

Dashcomb更新情報をお伝えします。

機能追加

マルチドメイン認証

• マルチ認証に必要なドメインは「設定」→「マルチドメイン認証」ページから追加できるようになりました。
• オーナードメインが固定認証ドメインを削除できないようにしました。
• フリーメールドメインgmail.comをマルチ認証に追加できないようにしました。

• システムへの招待はマルチ認証に加入したドメインに限定するようにしました。

アクション後続動作に通知機能

• DB クエリー、API及びクラウドストレージの後続動作として、通知とアクションが同時に行われていたのを分け、個別的な実行ができるようになりました。
• 承認を選んだ場合、後続動作は通知のみとなりました。

バリデーションの検証範囲

• 検証範囲はボタンが属するセクションに絞ることができるようになりました。

Portのデフォルト値

• Portのデフォルト値を追加しました（MySQL: 3306、PostgreSQL: 5432、SSH: 22）。

自動保存の提示

• 提示メッセージを廃止し、保存ボタンに保存状態をアニメーションで表示するようになりました。

不具合修正

以下の不具合を修正いたしました。

1. コンポーネントのインプット（数値入力）で、デフォルト値が文字列の場合、正しく表示されない。
2. コンポーネントのインプット（数値入力）で、デフォルト値が正しく設定されても、入力必須のバリデーションが通らない。
3. 小数桁数のデフォルト値が正しく設定されても、入力必須のバリデーションが通らない。
4. コンポーネントのアップローターのパス入力に英数字以外の文字を入力すると、アップロードができなくなる。
5. コンポーネントをセクション間で移動したら、プロパティで開いたエディタの表示がおかしくなる。
6. その他マイナーな不具合。

本日より、Dashcomb は一般公開になりました。3月から作り始め、多くの Closed Beta ユーザーからフィードバックを頂きました。誠にありがとうございました。

すぐに試してみたい方は、このボタンから！

今回のリリースに関してはプレスリリースも出しておりますが、この記事ではリリースまでのストーリーを中心に説明したいと考えています。

リリースまでの道のり

Dashcomb を立ち上げる前まで、私は C Channel の CTO を担当していました。
その際、かなりの開発リソースを管理画面に振り分け、Python の Django で管理画面を作りましたが、思っていた以上に使いにくいものになっていました。
一番の理由は、管理画面を作成する際に、実際に利用する社内運営メンバーの気持ちを考慮する余裕が無かったからです。
そして、二番目の理由として、 Django が汎用的なWeb Framework のため、管理画面に適用する際に手間の掛かるカスタマイズをやる必要があったからです。（Rails Admin, Administrate も似たような問題があります）

中小企業、スタートアップは成長が最優先のため、社内ユーザー用の管理画面の開発に時間を多く割くことはほぼ不可能です。管理画面の重要性を誰もが理解し、事業の成長と共に継続的に管理画面に大量な開発リソースを投入できる・・・この状態が最も望ましいのですが、現実的にほとんどの中小企業はそんなことはできません。

これが私が Dashcomb を創業したきっかけです。

その気持ちで、チームが一致団結し、開発に全力を注ぎ、ようやく本日一般公開ができるようになりました。

Done is better than perfect = 継続的な改善

私がエンジニア時代に座右の銘としていた言葉に、Facebookのマーク・ザッカーバーグが言っていた「Done is better than perfect (完璧を目指すよりまず終わらせろ)」があります。その言葉はFacebook社内の壁に掲げられていることはよく知られていますが、IPOの申請書の「Hacker Way」の章に明記されていることはあまり知られていないです。下記がその一部の文章です。

「Done is better than perfect」の裏に「continuous improvement and iteration (継続的な改善とその繰り返し)」が必要ということです。

これは Dashcomb の DNA としても刻んでいます。常に改善、進化していきます。だからこそ、今回のリリースはこれからの改善と進化の一つの通過点に過ぎません。

今後の進化のノーススター

Dashcomb を利用する中で機能的に「出来ること・出来ないこと」の細かい情報は別記事にしました。今後 Dashcomb が進化していく中でノーススターを共有致します。

社内DX推進の中核である

ごく一部の企業はレギュレーションやセキュリティのために社内管理画面を自前で開発しないといけないですが、その他の企業の管理画面は Dashcomb のようなサービスに移行していくでしょう。

そのために、我々は様々な業界の企業ニーズ、様々な企業サイズに対応できるように開発を進めていきます。

エンジニアの効率ツールである

Dashcomb は誰でも使えるノーコードのツールではないです。エンジニアの効率ツールの一つになります。使い勝手が悪くなれば、エンジニアは単純にこのツールを使わなくなるでしょう。そして、使わなくなった理由も教えてくれません。

そのため、Dashcomb はエンジニアのためのツールであることを銘記し、エンジニアを喜ばせられるように開発を進めていきます。

社内利用者の満足のため

社内利用者と一言で言っても、様々なニーズがあります。迅速にデータを入力したいニーズがあれば、迅速にデータを見たいニーズもあります。

Dashcomb を社内利用者が自然と「Dashcomb で作った管理画面を Homepage に設定したい」という気持ちが湧くような存在になるように進化させていきます。

リリースに伴って、Onboarding の動画も作りました。

さて、管理画面新規作成や既存の管理画面の一部移行などを考えているあなた、下のボタンをクリックしてね〜

8月の Closed Beta をリリースしてから、お客様から多くのご意見を頂いております。その中でも要望の高かった機能を追加いたしました。

予定している3つのコア機能(CRUD、承認、BI)の1つである承認機能が、本日から利用可能になりました。

承認機能を 1-Click で利用可能に

CRUD の操作はデータを Database や API に直接操作しているため、1つのミスが大きな事故につながることがあります。データを Readonly に設定すれば、ヒューマンエラーを軽減でき、少しは不安を取り除けます。しかし、社内管理画面に運用すべき機能のほとんどはデータを読むだけではなく、更新削除などの操作も必要になります。また、現場の運営メンバーのシステム操作の経験が少ない場合、いきなりデータの更新をさせることは不安が残ります。そのため、どうしても他の人が確認した上で承認をしてもらうことが必要になります。

我々はこの課題に対し、1-Click で承認機能を導入しました！

1-Clickで承認フローへ

ご覧の通り、1-Click で修正内容を承認フローに移動できるようになります。その操作がクリックされたら、承認者が通知を受けて、画面を開くと修正の内容と画面内の動作状況も一目で確認できます。承認をすると、データの操作が自動的に実行されます。

1-Clickにこだわった理由

承認はいつも複雑なフローになってしまいます。承認フローの究極の目的は複雑なフローを作ることではなく、データの正確性を別のメンバーに確認して貰い、データの安全性と業務効率のバランスを取らないといけないことです。

そのため、既にあるデータの CRUD 操作に承認フローを導入するのは一番納得のできるソリューションであると考えています。シンプルな 1-Click で実現できることは日本初(?)の試みです。ぜひ試してみてください。

承認機能の Privacy について

我々は「全てのユーザのデータにノータッチ」というスタンスがあります。従って、承認機能は一部のデータを我々のサーバー上に保存しているので、ユーザは明確に Opt-in して、利用同意しないといけません。

同意した後でも設定画面で利用の解除が可能です。

管理画面のバージョン管理が可能に

バージョン機能は明確なリリースをしない限り、開発中操作した内容がすぐに反映されない機能です。意図せず行った編集が社内に混乱を招くことを予防します。

対応方法も簡単です。リリース画面でバージョン名と変更説明を記入すれば、リリースできます。

ほかにも多数改善しました

IDE周り

• CSV/JSON の Import が可能に
• Table のカラム幅を調整可能に
• Table のカラム毎のフォーマットを設定できるように
• Table データを CSV としてダウンロード可能に
• Table のカラムを固定できるように
• Table にリンクの値をクリックできるように
• Table に画像を表示できるように
• SQL 入力に Syntax Highlight をサポート
• SQL 入力時に対象 Data Source を選択したら、Table 名と Field 名をサジェストできるように

管理画面周り

• Owner もしくは Developer の場合、ユーザーメニューから IDE に戻れる
• 承認機能は Notification として提示される

我々のゴール

日々の開発で、いつも我々のビジョン、ゴールは何なのかを常に問い詰めています。

全ての開発者が管理画面をシンプルに、迅速に作れるような世界を作りたい

このゴールを達成するために、我々は管理画面に最適な機能とUI/UX を探し続けます。これからも我々は多様な管理画面機能に対応していく予定です。

何か要望がありましたら、ぜひ我々の機能リクエストリストにご記入ください。あるいは、気軽に tonny.xu@dashcomb.com にメールください。