Kalsarikannint

サイト内検索

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

こんにちは。dai です。

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

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

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

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

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

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

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

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

shortcut.js を利用した実装

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

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

おわりに

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

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

Author dai

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

WordPressのテーマ自作は怖くない 【第一回:最小構成でテーマを作ろう】

こんにちは。Kalsarikannintのフロントエンド担当・daiです。 WordPress、使ってますか?未だに無料CMSの中では右に出る者はいないレベルで支持されていますが、かくいうこのサイトも、WordPressで作られています。 そして、デザインの要となるテーマについては、ボイラープレートすら使わずに、イチから自作しています。 PHPが苦手なこともあり、ほんの数ヶ月前まではなるべくWordPressを避けてきた僕ですが、やってみると意外と怖くなかったよ、ってことをシリーズ(全4回の予定)でお伝えできればと思います。 いままで静的なサイトは作ったことがあるけど、「複雑そう」とか「既存のテーマをイジるのが怖い」といった理由でWordPressを避けていたコーダーの方の背中を押すきっかけになれば幸いです。 まずは最小構成で作ってみよう このサイトのもともとのテーマが「シンプル」「15年前のインターネット」だったこともあり、最小構成で成り立っています。WordPress初心者の方も、まずは「トップページ」と「記事ページ」だけのシンプルなサイトで作
wordpress

記事タイトルが埋め込まれたOGP画像を作る

あけましておめでとうございます。Kalsarikannintのフロントエンド担当・daiです。 QiitaとかZennとかイマドキのサイトをSNSなどでシェアしたとき、表示されるOGP画像に記事のタイトルが埋め込まれてるのをよく見かけると思います。 Kalsarikannintもイマドキの技術ブログも目指したい(願望) ので、この年末年始休みを使って、以下の各ページを参考に、WordPressで構築されているこのブログでもそれを実装してみたので、その方法などを紹介していきます! 参考: 文字を埋め込んだ画像を生成するツール作った | 無趣味の戯言 PHPで禁則処理を強引にやる | 無趣味の戯言 PHP: GD - Manual つくったもの 最終的には、 functions.php に以下のコードを追記することで、記事を保存したタイミングで /wp-content/uploads/ogp/ogp_{記事ID}.jpg として記事タイトルが埋め込まれた画像を生成することができるようになりました。 // functions.php
wordpress

VSCodeをインストールしたらやること

こんにちは。dai です。 プログラミングで大切なのは、快適な開発環境を整えることです。VSCodeは非常に優れたエディタですが、デフォルトの設定のままでは物足りない部分もあります。この記事では、VSCodeをインストールした後に行っておきたい設定をまとめました。 これらの設定を行うことで、より効率的で快適な開発環境を手に入れることができます。それでは、具体的な設定項目を見ていきましょう。 フォント【Bizin Gothic】 Bizin Gothicは、最近好きなBIZ UD ゴシックと、過去に愛用していたRictyというフォントでも採用されていたInconsolataを組み合わして微調整された、プログラミングなどに最適なフォントです。 Bizin Gothicのようなプログラミングフォントを入れるメリットとして、見間違いを防げる、みたいなこともありますが、何より大事だと思うのが、フォントがキレイだとやる気が出る(汚いとやる気が起きない)ということだと思っています。モチベーション大事。 そんなプログラミングフォントですが、探してみると日本語に対応
develop