top of page
検索


kintone で Mermaid 図を「解像度を落とさず」拡大・移動できるようにした話 〜会議で“使える”図を目指して〜
はじめに Mermaid はとても便利な記法です。テキストで図が書けて、構造も分かりやすい。 一方で、業務で使っているとこんな場面に出会います。 図は描けたけど、会議で拡大すると文字が潰れる 全体を俯瞰したいのに、スクロールと拡大を繰り返すことになる 「ちょっとここ見せて」と言われた瞬間に詰まる 「描画できる」ことと「会議で使える」ことは別なんだな、というのを痛感しました。 背景:Notion での運用が限界だった 当初は、Mermaid コードを Notion で管理していました。 コード管理はしやすい 図も表示できる ただし、会議で使うと問題が顕在化します。 拡大すると文字・線が潰れる 全体像を見せたいのに解像度が足りない 「どこを見ているか」が共有しづらい 拡大・移動自体は可能でも、解像度と操作感が会議用途に耐えないと、結果的に使われなくなるという点が一番の課題でした。 mermaid.js 本来の思想に立ち返る mermaid.js 自体は、 SVG ベース 拡大縮小前提 劣化しないことが前提の設計 という思想を持っています。 つまり、
6 日前


kintoneの一覧検索を拡張する:複数フィールド横断検索プラグインの設計と実装
はじめに kintoneの一覧画面には検索機能がありますが、 実務で使っていると、こんな場面に出会うことがよくあります。 複数フィールドをまとめて検索したい テキストもドロップダウンも一括で探したい AND / OR を切り替えたい でも毎回クエリを書くのは面倒 そこで、 検索バー1つで、複数フィールドを横断検索できるプラグインを作りました。 今回、この「アプリ内横断検索プラグイン」を GitHubで無料公開しています。 できること このプラグインでは、以下のことができます。 検索バー1つで、複数フィールドを横断検索 スペース区切りの検索語を AND / OR 切り替え フィールドタイプに応じて演算子を自動切替 テキスト系 → like ドロップダウン → in 添付ファイル → like 検索語を URL に保持(画面遷移・更新しても保持) 設定時のフィールド定義スナップショットを保存し、 アプリ定義変更との不一致を検知・警告表示 いわゆる「裏で何が起きているか分からない検索」ではなく、 kintoneの query を正しく使い切るための検
6 日前
bottom of page