技術ブログ

Nuxt 4でPDF管理システムを作る連載の第8回。画面の座標をPDFの座標に変換し、日本語テキスト・日付印・手書き署名をpdf-libで焼き込みます。fontkitのサブセット埋め込みで文字が欠ける問題の実測結果も紹介します。

システム開発の打ち合わせで専門用語が分からない発注者向けに、要件定義・設計・テスト・運用の工程別に用語の意味と「発注者が決めること」を表で整理。聞き方のフレーズや議事録の頼み方も紹介します。

Google Maps APIとNuxt 4の連載第8回。カテゴリのチェックボックスで地点を絞り込み、一覧と地図のピンを連動させる方法を、選択状態の共有・computed・ピンの強調表示のコード付きで解説します。

NuxtとWebRTCで作るビデオチャット連載の第7回。getDisplayMediaで画面を取得し、replaceTrackで再交渉なしにカメラ映像と差し替える画面共有を実装。停止ボタンでの自動復帰や対応端末の注意点も解説。

Nuxt 4でPDF管理システムを作る連載の第7回。pdf-libのcopyPagesでPDFの結合・分割を実装し、元のPDFを上書きしない版管理と過去の版のダウンロード、pdf-libの限界までコード付きで解説します。

非エンジニアでもClaude Codeで社内ツールは作れる？デスクトップアプリ・ターミナルでの始め方、法人と個人プランのデータの違い、CLAUDE.md、AIにデータを消させない権限設定、開発会社に任せる境目を解説します。

MCPで社内データとAIをつなぐのは安全？権限の広さ・提供元・パスワードの扱い・プロンプトインジェクションなど5つのリスクと、接続前に決めたい6つのこと、チェックリスト・開発会社への質問例を解説します。

Google Maps APIとNuxt 4の連載第7回。Places API (New)のPlaceAutocompleteElementで施設名を検索して地点を登録する方法と、要求フィールドで決まる料金区分・保存の規約を解説します。

保守契約を結ばずに公開したサイトで、最低限やっておくべきことは？持ち主の整理・バックアップ・更新・期限管理・監視・連絡先の6つを、チェックリストと開発会社への質問例とあわせて解説します。

NuxtとWebRTCで作るビデオチャット連載の第6回。社外とつながらない原因とTURNの役割を解説し、時間制限付きTURN認証情報を発行するAPI、relayモードでの検証、HTTPS・WebSocketのデプロイ構成を紹介します。

Nuxt 4でPDF管理システムを作る連載の第6回。pdfjs-distでPDFをCanvasに描画するプレビュー機能を、ワーカー設定、日本語PDF用のcMap配信、ページ送り・拡大縮小まで実装します。コード付きで解説。

古い業務システムの中身を知る担当者がいなくても大丈夫。クラウド移行の前に発注者が進める6つの棚卸し項目と、結果に応じた進め方、チェックリスト、開発会社への質問例を解説します。

Google Maps APIとNuxt 4の連載第6回。Geocoding API v4をNuxtのサーバー経由で呼び、住所から緯度経度の候補を出して登録する方法と、キーの分け方・課金・座標の保存期間の規約を解説します。

NuxtとWebRTCで作るビデオチャット連載の第5回。track.enabledでマイクのミュートとカメラオフを実装し、シグナリングで状態を相手に伝えて表示します。途中参加者への状態同期や発注時の確認点も解説。

クラウド移行後にサーバー代が高くなった原因と、移行前に比べておくべき5つの費用を解説。請求の見直し4ステップ、チェックリスト、開発会社への質問例付き。

Nuxt 4でPDF管理システムを作る連載の第5回。閲覧のみ・編集可・管理者の3ロールによる権限管理、DBで最新の権限を確認する認可ヘルパー、日本語ファイル名に対応した認可つきダウンロードをコード付きで解説します。

Google Maps APIとNuxt 4の連載第5回。地図クリックで仮ピンを立て、Advanced Markerのドラッグで位置を調整してから地点を登録する方法と、API費用・入力検証の注意点を解説します。

NuxtとWebRTCで作るビデオチャット連載の第4回。UUIDでルームを作成して招待リンクをコピーし、入室前にカメラを確認。定員超過はシグナリングサーバーで断ります。入室管理で発注時に決める点も解説。

Nuxt 4でPDF管理システムを作る連載の第4回。nuxt-auth-utilsの暗号化Cookieセッションとパスワードハッシュでログイン機能を実装し、サーバーミドルウェアでAPIをログイン必須にする方法をコード付きで解説します。

Google Maps APIとNuxt 4の連載第4回。Advanced Markersのクリックとキーボード操作でInfoWindowと詳細パネルを表示し、選択状態をuseStateで共有する方法とXSS対策を解説します。

NuxtとWebRTCで作るビデオチャット連載の第3回。RTCPeerConnectionとPerfect negotiationでoffer/answer/ICE候補を交換し、1対1のビデオ通話をつなぎます。2タブでの確認方法も解説。

Nuxt 4でPDF管理システムを作る連載の第3回。ファイル名・タグ・登録日での絞り込みとページングを、URLのクエリ文字列とzodでの検証、Drizzle ORMの安全な条件組み立てで実装する方法をコード付きで解説します。

フリーランスが作ったシステムにオープンソースは使われている？納品物の部品一覧（SBOM）を出してもらう方法、ライセンスと古い部品の確認点を、チェックリストと質問例つきで解説。

開発途中で追加費用を請求されたら払うべき？仕様の解釈違いなどで追加見積もりが出たときに、契約書・見積もりの前提・要件定義書で「変更か範囲内か」を見極める手順と協議の進め方を解説します。