見出し画像

kintone hack / show+case unlimited 2024 へチャレンジ☆その3 kintone UI Component の活用

こんにちは!
いもキャンOB・OG倶楽部のHazime(コボリ)です。

今回の僕たちは、「kintoneライク かつ 直感的でわかりやすいUI」をカスタマイズによって実現しています。
その際、kintone UI Component を使用することにより、実装にかかる時間を短縮しています。

kintone UI Component とは

kintone UI Componentは、kintoneライクなUIパーツを簡単に作ることができるライブラリです。

kintoneカスタマイズやプラグインでのUI開発など、kintoneのフォームのパーツを自作するために利用できます。

kintone UI Component v1 - cybozu developer network

カスタマイズするとき重宝してます

僕は、kintoneカスタマイズするときは重宝してまして、ブログでも度々、kintone UI Componentをつかったネタを投稿しています。

https://hazime-style.com/?s=kintone+UI+Component

この1、2年でも使えるコンポーネントやカスタムCSSが増えていて、使い勝手がアップしています。kintoneをカスタマイズする方へおすすめのライブラリです!

使用例

ここで、使用例です。
kintone UI Component を使って実装した「きとみちゃんヘルプ」!
実装方法はこちら→ 【kintoneおもしろカスタマイズ】きとみちゃんヘルプをつくってみた (hazime-style.com)

この「きとみちゃんヘルプ」を いもキャンOB・OG倶楽部 の荒ぶる工場長こと イシイケンタロウ さん が作成した「アソシエイト試験対策プラグイン」を適用したアプリで使ってみましょう!

☆デモ☆

アソシエイト試験対策プラグイン × きとみちゃんヘルプ

なんと!あこがれの 亜湖雅 麗 先輩に助けてもらいながら試験勉強ができちゃいました☆

きとみちゃんや亜湖雅 麗 先輩について詳しく知りたい方はこちら↓

きとみちゃんのアイコンはICONEからダウンロードできます。↓

kintone show+case unlimited では、ここに注目!

kintone show+case unlimited での僕たちの発表において、どの場面でkintone UI Componentを使っているか?!どんな使い方をしているか?!ぜひ楽しみながらご覧ください!

つづく……

いいなと思ったら応援しよう!