レコードに任意のタグを設定するプラグインを開発しました

kintoneを使用していて、Twitterのハッシュタグのような機能を使用したいと思ったことはありませんか？ただ、フリーワードでユーザーがタグを登録するとなると、サブテーブルなどを活用しなければうまく実装することができません。

• #サイボウズ
• #Kintone
• #Javascript
• #TypeScript
• #プログラミング
• #html
• #CSS

【プラグイン無料公開】ツールチップを実装し、フィールドにヒントを表示するプラグインを開発しました

• #サイボウズ
• #Kintone
• #TypeScript
• #Javascript
• #プログラミング
• #CSS
• #html

SSGでサイト更新時に、サイトマップを自動的にGoogleに送信する

ウェブサイトには定期的にGoogleのクローラーが巡回しに来ますが、その時にサイトマップの変更を確認することはないそうです。クロール頻度の設定とは別に、サイトマップの更新をGoogleに伝える必要があります。今回はSSGのビルドと同時に、サイトマップを送信する方法を紹介します。

• #Next.js
• #Javascript
• #プログラミング

ol, liタグと疑似要素だけで垂直ステップデザインを作る

Wordpressのテーマはおしゃれなものが多いですよね。その中でも、作業工程などを説明する際に便利なstep1, step2...と垂直方向に表示されるアレ。憧れます。今回は、できる限りタグを少なく、簡単に垂直ステップデザインを実装する方法を紹介します。

• #html
• #CSS
• #プログラミング

Google Tag Managerを使って、AMP対応サイトでアナリティクスを使用できるようにする

amp-analyticsタグを使ったAMP環境化でのGoogleアナリティクスの実装について、同じ穴に陥まる人が1人でも減るように残しておきます。HTML ≒ AMPだと思っていましたが、HTML ≠ AMPだということを思い知らされました。

• #Googleアナリティクス
• #Googleタグマネージャー
• #html
• #Javascript

レコードを1文字単位で検索する方法【kintone】

また、Kintoneのフィールド検索には制約があり、日本語であれば2文字以上、アルファベットと数字は単語単位でしか検索ができません。そのため今回は、この問題を解決することができる、僕が開発したプラグインの紹介します。オープンソースで公開しており、無料で利用できます。

• #Kintone
• #SaaS
• #Javascript

表示するフィールドを制御するタブを実装するプラグインを開発しました【無料公開】

アプリのフィールド数が増えてくると、目的のフィールドがどこにあるのか見つけるのが難しくなります。今回はスクロールに追従し、フィールドの表示・非表示を制御するタブを実装するプラグインを開発しましたのでご紹介します。

• #サイボウズ
• #Kintone
• #Javascript
• #TypeScript

Next.jsとGASをつなぐ

FirebaseのSparkプランを使い倒すために、Realtime-Databaseのデータをスプレッドシートにキャッシュして、Next.jsからアクセスするという処理を別のウェブサイト作成時に実装しました。需要があるか分かりませんが、その中で使用したGAS・Next.js…

• #プログラミング
• #Javascript
• #TypeScript
• #Next.js
• #Google Apps Script

Googleスプレッドシートのセルの高さを、GASからピクセル指定で設定する【Google Apps Script】

Excel…

• #Google Apps Script
• #プログラミング

セルの垂直配置設定(上寄せ・中央寄せ・下寄せ)をGASから動的に制御する【Google Apps Script】

Google スプレッドシートでは、セルの垂直配置設定が標準で下揃えになっています。シート内全てについて同じ垂直配置設定を適用させる場合は、あらかじめスプレッドシート側で設定しておけば問題ありませんが、動的に、部分的に設定したい場合もあるかと思います。今回はGAS…

• #Google Apps Script
• #業務改善
• #業務効率化

IE廃止時代のKintoneカスタマイズ

今までChromeがIEのシェアを超えても、EdgeのレンダリングエンジンがChroniumになっても、 日本においてIEユーザーは根強く一定割合残り続けていました。そのIE…

• #Kintone
• #Javascript
• #サイボウズ

Kintone JavaScriptカスタマイズにおける例外/エラー処理について

JavaScriptはその柔軟性から、エラーにならない工夫が容易です。必要となって変数を定義したんであれば、うまく取得できない場合はエラーを出力するべきです。今回はKintoneのJavascriptカスタマイズにおけるエラー処理についてお話します。

• #Kintone
• #サイボウズ
• #プログラミング
• #Javascript

Object.entries()で厳格に型定義された結果を受け取りたい【typescript】

typescriptの標準設定では、Object.entries()の型は以下のように定義されています。つまり、Record<string, number string>のような型が存在する場合、返り値の型は[string, number string…

• #プログラミング
• #Javascript
• #TypeScript

上限を気にせず全てのアプリ情報を取得する【Kintone】

2021年12月時点で、1度に取得できるアプリ数の上限は100件となっています。なかなかアプリ数が100件を超えることはないかもしれませんが、少しずつアプリが増えていき、10…

• #Kintone
• #サイボウズ
• #Javascript

Sheetjs(xlsx)でスタイルを適用したExcelデータを出力する

皆さんはSheetjs、活用されていますか？独自にスプレッドシートを組み立てたり、HTMLのtable要素をそのままExcel…

Array.findの使い方、速度、使うべき理由【JavaScript】

今回はArray.prototype.find()の使い方とそのメリットを紹介します。速度を追求する場合、findよりforループの方が高速です。実際に速度の検証を行い、なぜfindが必要なのか説明します。

Dateオブジェクトを任意の文字列でフォーマットする(yyyy-MM-ddなど)【コピペで使えるJavaScriptコード】

Dateオブジェクトには様々なフォーマット関数が用意されています。任意の文字列で変換せずとも解決する可能性がありますので、要件に合うものがないか確認してみてください。まず結論だけ載せておきます。

一覧・詳細画面でフィールド名を取得する【Kintone JavaScriptカスタマイズ】

kintone.events.onのコールバック関数の引数であるevent…

kuromoji.jsで形態素解析

今回は形態素解析が簡単に実行できるライブラリ「kuromoji.js」を使って、任意の文字列を品詞ごとに分解・解析する方法を紹介します。

レコードのサブテーブルを並び替えて登録する【Kintone JavaScriptカスタマイズ】

こんにちは、皆さんはサブテーブル、利用されていますか？とても便利な機能ですが、情報量が増えてくると、閲覧性に問題が起こってしまうこともあります。今回は解決策の1つとして、サブテーブルの各行を並び替えて登録しなおすJavaScriptカスタマイズを紹介いたします。