Kalsarikannint

お問い合わせ

サイト内検索

【kintone】現在の日付や時刻を入力するショートカットを追加してみた

こんにちは。dai です。

kintoneには標準でいくつかのショートカットが用意されていますが、実際の業務では物足りないと感じることも多いのではないでしょうか。特に日付や時刻フィールドの入力欄はひと癖あって手間取ることが多々あります。

そこで今回は、多くの方が普段から使い慣れているExcelのショートカットを参考に、kintoneにも同様の機能を追加することにしました。新しいショートカットを覚える必要がないため、すぐに活用できるのが特徴です。

ショートカットを活用するメリット

kintoneでの入力作業では、マウスとキーボードを行き来する機会が多く、特に日付選択では複数回のクリックが必要となります。同じような操作を繰り返すことで、貴重な業務時間が失われているのが現状です。

ショートカットを効果的に活用することで、キーボードから手を離すことなく操作を完結させることができます。クリック回数を大幅に削減できるだけでなく、慣れ親しんだExcelと同じ操作感で使えることから、新たな学習コストもかかりません。

実装したショートカット機能の詳細

今回の実装では、Excelユーザーになじみの深い、「Ctrl + ;」のショートカットを採用しました。日付、時刻、日時フィールドの入力時に、「Ctrl + ;」を押下することで現在の日付や時刻を入力できるようにしています。入力される値は、入力中のフィールドに合わせて自動判別されます。

さらに、テーブル内に配置されたフィールドでも使用できるため、様々な場面で活用することができます。

shortcut.js を利用した実装

実装にあたっては、「shortcut.js」というライブラリを採用しました。このライブラリは軽量でシンプルな実装が特徴で、依存関係もないため、kintoneのカスタマイズに最適です。

日付・時刻・日時フィールドがフォーカスされているときに、「Ctrl + ;」を押下することで、フィールドの種類を自動的に判別し、適切な形式で日付や時刻を入力することが可能になります。

おわりに

今回ご紹介したショートカット機能を導入することで、日常的な入力作業の時間を大幅に短縮することができます。操作の統一による使いやすさの向上も期待でき、結果として業務効率の改善につながるでしょう。

なお、JavaScriptでの実装に不安がある場合は、ここから、今回開発したカスタマイズをご購入いただくことも可能です。よろしければご検討ください。

Author dai

地方に住みながら、フルリモート情シスおじさんしてます。
フロントエンド開発とkintoneアプリのカスタマイズやプラグイン開発が得意分野です。
好きなビールは一番搾り。

KRUPS by T-falの全自動コーヒーメーカーが、毎朝2杯のコーヒー生活を救ってくれそうで気になっている

こんにちは。Kalsarikannintのフロントエンド担当・daiです。 平日は毎朝、妻用と僕用にコーヒーを2杯淹れています。 それ自体は嫌いではないんですが、豆を挽く、お湯を沸かす、30秒蒸らす、淹れる... という工程が毎日あります。しかも2人分。 そんな中で気になっているのが、KRUPS by T-falの全自動コーヒーマシン「コーヒークラッシュ エクスペリエンス」です。 豆と水をセットして、豆挽きから抽出まで自動。しかもエスプレッソも淹れられる。これは朝のルーティンをかなり楽にしてくれるのでは……と思いつつ、税込70,000円。欲しい。でも7万円。 我が家の朝コーヒー事情 我が家では、平日の朝に妻用と僕用でコーヒーを分けて用意しています。 妻は出社しているので、コーヒーはKINTOのトラベルタンブラーへ。僕はフルリモートなので、家でバカでかタンブラーに入れて飲んでいます。 妻用は妻用で調整していて、僕用は僕用でだいたい固定メニューがあります。これを毎朝やっているので、全自動コーヒーメーカーが気になってくるわけです。
research

改!広告収益分配ツールを改善してみた

こんにちは。Kalsarikannintのフロントエンド担当・daiです。 約1年前、Google AdSenseの審査に通過したタイミングで、このKalsarikannint運営2人がケンカしないために「広告収益分配ツール」を作りました。 祝!AdSense通過!広告収益分配ツールを作ってみた 仕組みとしては、Google Analyticsから月次のページ別PVを取得し、AdSenseの売上金額を取得して、執筆者ごとのPV割合で収益を分配するというものです。すべてGoogle系のサービスで完結するので、Google Apps Scriptでスプレッドシートに集計する形にしていました。 v1の課題点と改善策 ただ、実際に運用する前提で見直してみると、いくつか気になるところがありました。 レポートが見づらい スプレッドシートで、まっさらなシートにレイアウトも含めてすべてGASで描画させていたので、面倒くさくて凝ったデザインにしていなかったのが原因です。 今回からは、テンプレートのシートをあらかじめ作っておき、それをコピーして月ごとのシー
develop

ミニカーをかっこよく飾りたい

こんにちは。Kalsarikannintのフロントエンド担当・daiです。 僕は車が好きで、過去には2代連続でスカイラインに乗っていたりしました。 ただ、いまは駐車場の都合や経済面を考えると、自分の車を所有するのはなかなか現実的じゃないなーと諦めてます。 ということで、乗れないなら、せめて乗りたい車のミニカーを集めて、かっこよく飾って、眺めてニヤニヤしたい。今回はそのために、デスク横に趣味棚を作りたい、という話です。 いまのミニカー置き場が雑すぎる 現状、ミニカーはいくつか持っています。 ただ、飾っているというより、机にポンって置いているだけです。これはこれで見える場所にあるので悪くはないのですが、どうしても「コレクション感」はありません。 せっかくなので、ただ置く場所ではなく、ちゃんと飾る場所を作りたいです。 アクリルケースに入れることを考える スカイラインクーペの方は元々アクリルのカバーに覆われていますが、トミカプレミアムのスープラは車体がむき出しです。このままではホコリも気になるし、掃除も少々手間なので、まず考えてい
desk