Ribbit works

投稿一覧

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

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

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

JavaScriptNext.js
ol, liタグと疑似要素だけで垂直ステップデザインを作る
2022-3-8

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

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

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

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

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

Googleサービス
レコードを1文字単位で検索する方法【kintone】
2022-2-20

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

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

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

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

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

KintoneTypeScript
Next.jsとGASをつなぐ
2022-2-3

Next.jsとGASをつなぐ

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

Next.jsGoogle Apps Script
記事をさらに表示
マークダウンエディタ
マークダウンエディタ

リッチエディタを独自のエディタに置き換え、マークダウン記法を利用できるようにします。

一覧高速検索&絞り込みプラグイン
一覧高速検索&絞り込みプラグイン

一覧に検索フィールドを追加し、文字を入力した瞬間に条件に一致するレコード一覧を表示します。あなたは検索ボタンをクリックする必要すらありません。

タブ表示プラグイン
タブ表示プラグイン

スクロールに追従し、表示フィールドを切り替えることができる垂直方向のタブを実装します

関連付けないルックアッププラグイン
関連付けないルックアッププラグイン

一括更新や一括取込の障害となってしまうことのある、ルックアップの関連付け機能のみを取り除いたルックアップを実装するプラグインです。一意でないフィールドをルックアップ対象にしているアプリにおすすめです。

スライダープラグイン
スライダープラグイン

数値フィールドにスライダーを使った入力を実装します。下限、上限を設定し、10区切りでの入力などにも対応しています。

同一アプリ(自アプリ)ルックアッププラグイン
同一アプリ(自アプリ)ルックアッププラグイン

アプリの文字列フィールドをルックアップフィールドに見立て、同一アプリの別レコードから情報を参照できるようにします。

リアルタイムテーマ変更プラグイン
リアルタイムテーマ変更プラグイン

アプリ内のレコード一覧から直接カスタムテーマを変更することのできるプラグイン

Excel出力プラグイン
Excel出力プラグイン

xlsx形式でファイル出力することができるボタンを一覧に追加するプラグインです。標準のCSV出力機能を代替するものではないので注意してください。

年齢自動計算プラグイン
年齢自動計算プラグイン

日付フィールドと年齢フィールドを紐づけて、自動計算・自動更新を行うプラグインです。

プラグインテンプレート
プラグインテンプレート

※こちらは開発者向けです。

ReactとTypescriptを使ってプラグインを作成するためのテンプレートです。

動的入力制御プラグイン
動的入力制御プラグイン

フィールドの状態に応じて、他のフィールドの入力可否を制御します。

フィールドデータコピープラグイン
フィールドデータコピープラグイン

コピー元、コピー先フィールドとボタンを設置するスペースフィールドを指定し、ボタンを押した際に入力値をコピーする機能を追加するシンプルなプラグインです。

プラグインをさらに表示