konoyubi Invoices

Google スプレッドシートを取り込んで、案件単位で編集する請求書ワークベンチです。このページは開発・確認用の案内として、Google OAuth のホームページにも利用しています。

公開情報: プライバシーポリシー / 利用規約 / お問い合わせ: asagaorino@gmail.com

案件ワークベンチを開く API を確認するプライバシーポリシー利用規約

いまできること

Google スプレッドシート連携
新規利用者登録
利用者情報編集
明細の追加 / 編集 / 複製 / 削除
月単位の請求対象選択
請求書 / 領収書プレビュー
案件単位のスプレッドシート更新

実作業の入口

実際の作業は /projects に寄せています。source スプレッドシートを設定して利用者を選ぶと、そのまま右側で編集とプレビューができる構成です。

source スプレッドシートの位置づけ

利用者情報と明細の正本は Google スプレッドシートに寄せる想定です。編集作業は Next.js 側から行い、必要な変更を source スプレッドシートへ反映します。

konoyubi 連携

konoyubi から新規スプレッドシート作成へ直行させる場合は、/api/google/auth に発行者情報を付けて開きます。

実装のひな形: src/lib/konoyubi/build-source-sheet-auth-url.ts

KONOYUBI EXAMPLE

ボタン実装例

`konoyubi` 側へ持っていく実装のまとまりは docs/konoyubi-integration-example.md に置いています。

import { buildSourceSheetAuthUrl } from '@/lib/konoyubi/build-source-sheet-auth-url';

const url = buildSourceSheetAuthUrl({
  appOrigin: 'https://demo-invoices.example.com',
  spreadsheetTitle: '2026年7月請求書',
  issuer: {
    issuerName: company.name,
    issuerPostalCode: company.postalCode,
    issuerAddress: company.address,
    issuerContact: company.phone,
    issuerEmail: company.email,
    issuerInvoiceNumber: company.invoiceNumber,
    issuerRepresentativeName: company.representativeName,
    issuerRepresentativeTitle: company.representativeTitle,
    issuerStampUrl: company.stampUrl,
    bankName: company.bankName,
    bankNumber: company.bankNumber
  }
});

window.location.href = url;

Public Links

公開ページ

Google OAuth のブランディング設定では、この案内ページをホームページとして利用できます。

プライバシーポリシー利用規約