記事一覧
Excel VBA Parts
Excel VBA 部品集
再利用できる汎用プロシージャ・関数を、目的別に検索できます。
Update Calendar
記事更新カレンダー
日付ごとの記事公開数を年単位で確認できます。件数のある日を選ぶと、下に記事一覧を表示します。
この年の記事数
236件
更新がある日数
47日
1月
2月
3月
4月
5月
6月
7月
8月
9月
10月
11月
12月
件数が表示されている日付を選択すると、その日の記事を確認できます。
Chrome拡張機能とGAS連携を止まりにくくする運用設計
Chrome拡張機能からGAS Webアプリへ大量データを送る業務ツールで、中断再開、分割POST、シート自動拡張、履歴DBと最新値シートの分離、状態表示UI、バージョン情報をまとめて設計する方法を解説します。
Chrome拡張機能からGAS Webアプリへ安全に定期POSTする設計
Chrome拡張機能でログイン済み画面を定期確認し、GAS Webアプリへ安全にPOSTしてスプレッドシートへ追記する設計をまとめます。設定画面、実行状態、トークン認証、一括追記、納品手順まで整理します。
自宅PC不要|VPSでココナラの新着を監視し、LINE承認後だけ返信する仕組み
自宅PCを常時起動せず、VPS上のChrome拡張機能でココナラの新着を監視し、LINEで承認した返信だけを送る構成案を整理します。規約確認、安全設計、テスト手順も含めて解説します。
GAS数式シートを入力セル差し替えで使い回す: 変換ロジックをコードから分離する
外部システム向けCSVの項目マッピングをGASに書かず、スプレッドシートの数式へ寄せる設計をまとめます。GASは入力セルを差し替え、SpreadsheetApp.flush()後に出力シートを回収する役割にします。
GASで郵便番号から住所補完するときは予備APIまで用意する
GAS Webアプリで郵便番号から住所を自動補完するときに、外部APIの空レスポンスや非JSON応答で画面を止めないための防御策と、予備APIへのフォールバック設計をまとめます。
GASで都道府県×タイプの2次元マスタを動的列で読む
都道府県ごと、商品タイプごとに値が変わる送料やクール区分を、固定列番号ではなく見出し名で読むGASの実装パターンをまとめます。列を増やしてもコード変更しないための2次元マスタ設計です。
GASでShift-JIS CSVを入出力する方法: Drive保存・複数ファイル取込・桁落ち回避
GASでShift-JISのCSVを書き出し、ブラウザ側のFileReaderでShift-JIS CSVを複数ファイル取り込む実装パターンをまとめます。長い伝票番号の科学表記化や桁落ちを避ける運用上の注意点も整理します。
GPT-5.6のSol・Terra・Lunaは何が違う?3モデルの特徴と使い分けを分かりやすく解説
OpenAIのGPT-5.6 Sol・Terra・Lunaについて、性能、速度、コスト、向いている用途、通常のChatGPTとの違いを初心者向けに整理します。
初心者向けの説明力が受託開発の差別化になる
開発した仕組みを初心者にも分かるように説明することが、受託開発の信頼、運用定着、追加相談につながる理由と記事化の考え方を整理します。
Excel VBAからGAS Web APIへTSVでPOSTする実装定石
Excel VBAからGAS WebアプリへTSVを直接POSTするときの認証、302リダイレクト、UTF-8、全行検証、LockServiceの定石をまとめます。
GASでシートに書くトークンは書式なしテキストに固定する
UUID由来の16進トークンをGoogleスプレッドシートへ保存するとき、数値や指数表記として解釈される不具合を防ぐために書式なしテキストへ固定する方法をまとめます。
GAS Webアプリで1レコード1ページの印刷PDFを作る
GAS Webアプリから改ページ付き帳票を印刷するために、iframe、ポップアップブロック、Chromeの余白設定を回避する実装パターンをまとめます。
GAS Webアプリで本人限定表示をトークンURLで実現する
GAS Webアプリでログインなしに本人用画面を見せるとき、氏名などの推測可能なURLではなく1人1トークンで表示対象を絞る考え方をまとめます。
勤務時間の通常・深夜按分は区間の重なりで計算する
勤務時間を通常時間と深夜時間へ分けるとき、条件分岐を増やさず分に正規化した区間の重なりで安定して計算する方法をまとめます。
Excelの時刻セルはDate型として扱い24:00を壊さず送る
Excel VBAで時刻セルを読み取るとDate型になり、IsNumericだけでは24:00が壊れる問題と、安全なh:mm整形方法をまとめます。
VBAのUTF-8エンコード・デコードをADODB.Streamで行う
VBAから日本語を含むWeb API通信を行うために、StringをUTF-8バイト配列へ変換し、responseBodyを文字列へ戻す汎用プロシージャを紹介します。
VBAでCOMに配列を渡すときはVariantで受ける
VBAからMSXMLなどのCOMへByte配列を渡す・responseBodyを受けるとき、Byte()ではなくVariantで境界を扱うべき理由をまとめます。
GASのappsscript.jsonマニフェストでWebアプリ設定とOAuthスコープを固定する
GASのappsscript.jsonマニフェストで、タイムゾーン、V8ランタイム、Webアプリの公開設定、OAuthスコープを明示する考え方を整理します。
Excelの投稿リストからXの予約投稿を半自動化するブックマークレット
Excelやスプレッドシートで管理している投稿本文・予約日時・画像パスを使って、Xの予約投稿入力を半自動化するブックマークレットの実装例です。
OneDrive配下のTech Blog作業を避け、C:\devでGitHub公開する運用
OneDrive配下でNext.jsサイトの記事追加、ビルド、commit、pushを行うと、同期やファイルロックの影響で作業が止まることがあります。Tech Blog本体だけをC:\devへcloneし、GitHubを正とする運用に切り替える考え方を整理します。
Power Apps受託開発の流れを解説|受注から納品・保守までに必要な作業
Power Apps受託開発では、Excelファイルのように成果物を渡すだけではなく、クライアントのMicrosoft 365環境にアプリ、データ、権限、自動化を構築する必要があります。受注から納品・保守までの流れを整理します。
ボタンの配置範囲から列の表示/非表示を切り替えるExcel VBA汎用プロシージャ
Excel VBAでフォームコントロールボタンの配置セル範囲を取得し、その範囲の列を表示/非表示に切り替える汎用プロシージャを解説します。
GAS Webアプリ納品時の導入サポート|使い始めるところまで案内します
GoogleスプレッドシートとGASで作成したWebアプリを納品するときに、スプレッドシートのコピー、Apps Scriptの起動、デプロイ、アクセス承認、URL共有、スマホ利用までどのように導入サポートしているかを紹介します。
Wixブログ記事をREST APIとPythonで自動投稿する方法
Markdown原稿をPythonでWix Blog REST APIへ送り、下書き作成、画像アップロード、SEO設定まで自動化するための構成、必要なID、Ricos変換、ハマりどころを整理します。
GoogleスプレッドシートからShift_JISのCSVを出力する方法
GoogleスプレッドシートからShift_JIS形式のCSVを出力する方法を、Google Apps Scriptのサンプルコード付きで解説します。業務システム向けCSVで注意したい文字コード、改行コード、出力先フォルダ、空ファイル確認も整理します。
Webアプリ受託開発ではGitHubやDBのアカウントは誰が管理すべきか?
Webアプリ受託開発でGitHub、Vercel、Supabaseなどのアカウントを誰が管理すべきかを整理します。お客様所有の環境に開発者を招待する形で、資産管理と保守性を両立する考え方を解説します。
紙をなくす前に考えるべきこと: 選挙・契約書・経理証憑から見るDXの本質
紙の業務は単なる非効率ではなく、本人確認・責任所在・証跡・改ざん防止を担っている場合があります。選挙、契約書、稟議書、領収書・請求書保存を例に、DXで失ってはいけない信頼の仕組みを整理します。
Python一括処理で元ファイルを壊さない安全設計: 別フォルダ出力と上書き確認
画像や帳票をフォルダ単位で一括変換するときに、元ファイルを上書きしないための別フォルダ出力、実行前の上書き確認、入力チェックの設計パターンを整理します。
NumPyベクトル化で画像を一括色置換する: 透過維持と許容差マスク
Pillowで読み込んだRGBA画像をNumPy配列に変換し、許容差付きのブールマスクで特定色だけを高速に置換する実装パターンです。透明部分を維持し、元画像を非破壊で処理します。
tkinterで重い処理を別スレッド化し、root.afterでログ更新する
tkinterアプリで画像一括処理などの重い処理を実行するときに、threading.Threadで処理を逃がし、root.afterで安全にログ更新する実装パターンです。
tkinter Treeviewをチェックボックス付き一覧として使う
tkinterのttk.Treeviewには標準のチェックボックス列がないため、先頭列に☑/☐を表示し、クリックでON/OFFを切り替える実装パターンを整理します。
Tech Blog記事追加ワークフローを自動化して、Codexの確認量を減らす方法
Softex Celware Tech Blogの記事追加時に、用語リンク候補、関連記事候補、機密情報候補、frontmatterや画像パスの確認をローカルスクリプト化し、Codexの確認量を減らす運用を整理します。
GASで二重送信を防ぐ実装パターン:LockServiceと失敗時ロールバック
GASでスプレッドシート更新とメール送信などの外部副作用をセットで扱うときに、LockService、状態再確認、失敗時ロールバックで二重送信と不整合を防ぐ方法を解説します。
GASで2段ヘッダーの重複見出しを安全に扱う方法
GASで2段ヘッダーのスプレッドシートをDBのように扱うとき、氏名や住所などの重複見出しをグループ名と項目名のコンポジットキーで一意に扱う方法を解説します。
GAS公開Webアプリで顧客画面と管理者画面の権限を分ける方法
GASの匿名公開Webアプリに管理機能を同居させず、顧客向け画面はdoGet、管理者向け画面はスプレッドシートのカスタムメニューとHTMLダイアログに分ける構成を解説します。
Googleフォームでは難しい注文受付をGAS+スプレッドシートで構築した開発対応事例
Googleフォームでは難しい送料計算・合計金額表示・確認画面付きの注文受付を、GAS+GoogleスプレッドシートのWebアプリで構築した開発対応事例です。商品管理、受注上限、受付メール、発送通知メールまで対応した小規模直販向けシステムです。
AIは考えられる。でも、感じられるか? 生成AI時代の「Don’t think. Feel.」
生成AIは整理・比較・言語化が得意です。一方で、開発や業務改善の現場で生まれる直感や違和感を拾う力は、人間の強みとして残ります。AI時代の人間の価値を考えます。
GoogleフォームとGAS Webアプリ、入力効率化ではどちらを選ぶべきか?
Googleスプレッドシートへの入力を効率化するときに、Googleフォームで十分なケースと、GAS Webアプリを作った方がよいケースを判断する考え方を整理します。
GASで日付プレフィックスと日内連番の管理番号を自動採番する
Google Apps Scriptで、基準日yyyyMMddと日内連番を組み合わせた管理番号を、既存行の最大値とLockServiceで安全に採番する方法を解説します。
GASでDrive画像をthumbnail URLで表示する方法
GAS WebアプリやスプレッドシートでGoogle Drive画像を表示するとき、uc?export=viewではなくthumbnail URLを使って安定表示する方法を解説します。
GASで写真ファイル名を主キーにしてDriveを1フォルダ管理する方法
GAS Webアプリで写真をGoogle Driveへ保存するとき、管理番号などの主キーをファイル名にして1フォルダで一意管理し、撮り直し時に上書きする実装パターンを解説します。
GASで既存行から関連属性を一括反映する入力補助を作る
Google Apps ScriptのWebアプリで、過去に入力した商品名からブランド、カテゴリー、色、サイズなどの関連属性を候補表示し、一括反映する実装パターンを解説します。
GAS Webアプリの無限ローディングをonInitで止める定石
Google Apps ScriptのWebアプリでスピナーが止まらない原因を、onInitの例外、failure handler、finallyでのマスク解除に分けて解説します。
GASで外部APIが使えない時はGOOGLEFINANCEと名前付き範囲で代替する
Google Apps Scriptで外部APIが組織ポリシーにより使えない場合に、GOOGLEFINANCEセルと名前付き範囲を使って為替レートなどを取得する方法を解説します。
GAS スプレッドシートのセル画像表示3方式を比較する
GASでDrive保存済み画像をGoogleスプレッドシートのセルへ表示・リンクする3方式、CellImage、IMAGE関数、HYPERLINKの違いと選び方を解説します。
エクセルでできることは、エクセルに任せた方がいい|シフト管理から考える業務改善
介護施設のシフト管理を例に、すぐWebアプリ化する前にExcelで仕組み化できる範囲を見極める考え方と、ExcelとWebアプリの判断基準を解説します。
VSTOでExcel終了後もプロセスが残る原因とVBE COM参照の解放方法
VSTOアドインでVBEを操作したあと、Excel終了後もプロセスが残る問題を切り分け、ThisAddIn_ShutdownでUIとCOM参照を解放する方法を解説します。
予約管理アプリからLINEで顧客へ通知する仕組みのアイデア
予約管理アプリのメール通知を残しながら、希望者へ予約確定・変更・キャンセル・前日リマインドをLINEでも届ける連携構成を整理します。
GASのdoPostをLINE WebhookとアプリAPIで分岐する
1つのGAS WebアプリURLで、LINE Webhookと既存アプリAPIから届くPOSTを本文の形で判定し、安全に処理を振り分ける実装パターンを解説します。
GASをLINE Webhookに使うときの構成上の制約
GAS WebアプリをLINE Webhookの受信先にするときに確認したい、リダイレクトによる検証失敗と署名検証の制約、代替構成を解説します。
GASログの肥大化を防ぐ:読み取り非記録と自動間引き
GASとGoogleスプレッドシートで作る業務アプリのログ肥大化を、読み取り成功の非記録と日次の自動間引きで抑える方法を解説します。
予約番号送信でLINEアカウントを連携する軽量設計
LIFFやLINEログインを使わず、利用者が予約番号をトークへ送信することで予約データとLINE userIdを紐づける軽量な連携方法を解説します。
CSS Gridのminmaxとmax-widthで列幅を可変にし、最大幅で頭打ちにする
CSS Gridのminmaxで列の最小幅を守りながら均等に伸縮させ、コンテナのmax-widthで広い画面の最大幅を制御する方法を解説します。
設定値をGASスクリプトプロパティとNext.js管理画面で運用する
料金や通知時刻をコードへ埋め込まず、GASスクリプトプロパティを保存元にしてNext.js管理画面から安全に更新する設計を解説します。
GASでスプレッドシートIDをハードコードせず安全に取得する
GASのコードへスプレッドシートIDを直書きせず、getActiveSpreadsheetとスクリプトプロパティを使い分けて対象シートを安全に取得する方法を解説します。
単独管理者向けの軽量HMAC Cookie認証をNext.jsで実装する
単独管理者向けの小規模アプリで、Web CryptoによるHMAC署名付きCookieとMiddlewareを使った軽量認証を実装する方法を解説します。
Next.jsとGASスプレッドシートDBで予約アプリを作る構成
Next.jsを画面と中継サーバー、GAS Web APIとGoogleスプレッドシートをデータ層に使う、小規模予約アプリの構成と実装ポイントを解説します。
mutation後のrouter.refreshで条件分岐ビューが反転する問題と対策
Next.js App Routerで書き込み後にrouter.refreshを実行すると、サーバー側の条件分岐が変わり成功画面が消える問題と、安全な遷移方法を解説します。
VercelのGit連携を後付けしたとき空コミットで初回デプロイする方法
Vercelへ手動デプロイした後にGitHubリポジトリを連携し、最新コミットが自動デプロイされないときの切り分け方と、空コミットで安全に初回デプロイを発火させる手順を紹介します。
30分コマの週グリッド予約UIをNext.jsで実装する
日付と30分コマを週グリッドで表示し、連続選択、予約済み表示、移動時間バッファ、締切、料金計算へ対応する設計を解説します。
OneDrive配下のNodeビルド遅延を避け、C:\devで開発するワークフロー
OneDrive同期フォルダ配下でnpm installやNext.jsビルドが遅いときに、実体をC:\devへ移し、OneDrive側には.lnkショートカットだけを残すWindows開発ワークフローを紹介します。
PowerShellのSystem.DrawingでPNG画像を透過のままリサイズする
ImageMagickなどを追加インストールせず、PowerShellとSystem.DrawingでPNG画像の透過を保ちながら高品質にリサイズする方法を解説します。
Wixは外部APIでどこまで自動化できる? CMS・ブログ・エディター操作の違い
Wixを外部システムやAIから操作する場合に、CMS・ブログ・商品・予約など自動化しやすい領域と、既存Wix Editorのレイアウト編集など人間の操作が必要になりやすい領域を整理します。
開発の相見積もりで気をつけたいこと: 要件定義や提案資料の無断流用はトラブルの元です
システム開発、Excel VBA、GAS、Webアプリ開発の相見積もりで、開発者が整理した要件定義書、提案資料、画面案、設計案を他社やAIへ渡す前に注意したいポイントを整理します。
「伝わっているはず」の落とし穴: 開発請負・要件定義・心理学から考える認識ズレ
開発請負や業務改善ツール開発で起きやすい認識ズレを、要件定義、説明不足、認知バイアスの観点から整理します。「伝わっているはず」がなぜトラブルにつながるのか、確認質問やサンプル提示でズレを減らす方法を解説します。
GoogleスプレッドシートのURL変更パターンまとめ: /copy・/preview・/export・gid・rangeの使い分け
GoogleスプレッドシートのURLを少し変えるだけで、コピー作成画面、プレビュー、PDF・Excel・CSV出力、シートやセル位置指定を行う方法を整理します。/copyの権限や保存先制御の注意点も解説します。
Chromeブックマークレットでココナラ依頼者名を返信欄へ自動入力する
ココナラのメッセージ詳細ページやトークルームで、相手の名前を返信入力欄へ1クリックで差し込むChromeブックマークレットの実装例です。様なし版と様あり版を使い分けます。
Chromeブックマークレットでココナラ予約枠を1クリックコピーする
Chromeブックマークレットで、ココナラ予約管理カレンダーの空き枠を定型テキストに変換してクリップボードへコピーする実装例です。%やjavascript:消失など、配布時の落とし穴も整理します。
Chromeブックマークレットでココナラ販売金額を1クリック合計する
Chromeブックマークレットで、ココナラ取引管理の取引中ページに表示されている販売金額を合計し、件数と合計額をアラート表示する実装例です。
二次元配列の二重ループ雛形を生成するExcel VBA汎用プロシージャ MCCLoopArray2D
クリップボードにコピーした2次元配列の変数名から、UBoundを使った二重ループのVBAコードを自動生成する汎用プロシージャです。配列処理の定型コードを素早く作成できます。
GAS Webアプリのスマホ余白を抑えるHTMLテンプレート
Google Apps ScriptのWebアプリで、スマホ表示時の余白やフォント拡大を抑えるためのHTMLテンプレートと、doGetでのviewport設定の必須ポイントを紹介します。
GASでGoogleスプレッドシートを簡易DB化し外部WebアプリからCRUDする構成
Googleスプレッドシートを簡易データベースとして使い、GASをAPIサーバー化して外部Webアプリから一覧取得・登録・更新・論理削除を行う構成を解説します。
Chromeブックマークレットでココナラ分析グラフの数値をExcel用にコピーする
Chromeのブックマークレットを使い、ココナラの分析ページに表示される日付別の表示数・閲覧数・販売数をTSV形式でクリップボードへコピーする実装例です。
Excel VBAとSQL Server Expressで同時編集に強いマクロブックを作る構想
Excelマクロ付きブックを操作画面、SQL Server Expressを共通データベースとして分離し、rowversionで古い画面からの上書きを検出する構想を整理します。
既存ソフトの販売終了・サポート終了で代替開発依頼が増えている背景
既存ソフトの販売終了やサポート終了をきっかけに、代替ツール開発の相談が増えています。AIだけではなく、保守終了、環境更新、レガシー化、現場最適化ニーズが重なっている背景を整理します。
Excel VBAでクリップボードの文字列を取得する汎用関数 GetClipText
Excel VBAからクリップボード内の文字列を取得し、Stringとして返す汎用関数GetClipTextを解説します。MCCLoopArray1Dの子部品として、配列名をクリップボードから受け取る用途にも使えます。
一次元配列ループの雛形を生成するExcel VBA汎用プロシージャ MCCLoopArray1D
クリップボードにコピーした配列名から、一次元配列をForループするVBAコード雛形を生成し、すぐ貼り付けられる状態にする開発補助プロシージャを解説します。
セル範囲に合わせてボタンを作成するExcel VBA汎用プロシージャ MakeCommandButtonAtCell
指定したセル範囲と同じ位置・サイズでフォームコントロールのボタンを作成し、クリック時に実行するマクロまで登録するExcel VBA汎用関数を解説します。
「Excel VBAはそのうち無くなる」は本当か?VBA廃止説の歴史と現実
Excel VBAやマクロは昔から「そのうち使えなくなる」と言われ続けています。VBA廃止説が繰り返される背景と、実務での現実的な使い分けを整理します。
importmapでThree.jsをCDNから読み込むビルドレス3D Web構成
npmやViteを使わず、importmapでThree.jsとOrbitControlsをCDNから読み込む静的3D Webアプリ構成を整理します。
スキーマ駆動パラメータUIとモードレジストリで分岐を減らす
複数モードを持つWebアプリで、入力項目、検証、計算関数、出力ファイル名をモードレジストリに集約する設計パターンです。
重い計算UIでスライダー操作中プレビューとデバウンスを両立する
スライダー操作中は軽量プレビュー、操作完了時は本解像度で再計算することで、重い3D計算UIの操作感を保つパターンです。
Three.jsでパラメータ変更時にカメラ位置を保持するパターン
3Dモデル更新時に視点を毎回リセットせず、初回やモード切替だけ自動フィットするためのカメラ制御パターンです。
文字列をクリップボードへ格納するExcel VBA汎用プロシージャ ClipText
VBAで生成した文字列やコードをクリップボードへ格納し、すぐ貼り付けできる状態にする汎用プロシージャClipTextを解説します。
エラー回避コードのひな形を生成するExcel VBA汎用プロシージャ MCCErrorEscape
イミディエイトウィンドウからMCCErrorEscapeを実行し、エラー回避用テンプレートをクリップボードへ生成してコードウィンドウへ戻るVBA開発補助プロシージャを解説します。
イミディエイトウィンドウ実行後にコードウィンドウへ戻すExcel VBA汎用プロシージャ ShowCodeWindowDelay
イミディエイトウィンドウから開発補助マクロを実行したあと、Application.OnTimeとDoEventsでタイミングをずらしてVBEのコードウィンドウへ戻す補助プロシージャを解説します。
生成AIを活用した新しいシステム導入サービスの考え方
お客様環境内でしか進めにくい導入作業を、開発者側AIとお客様側AIを介した手順設計で支援する考え方を整理します。
円単位の逆算を二分探索で実装する
手数料や消費税の端数処理がある料金計算で、予算内最大額や目標手取り以上の最小額を1円単位で探索する方法です。
技術ブログとWebアプリを相互リンクさせる導線設計
技術ブログで解説した式や考え方をWebアプリで試せるように、記事とアプリを相互リンクさせる導線設計を整理します。
計算表のセルをクリックして式と代入値を確認できるUI
行列や係数表のセルに、一般式、代入値、計算結果、説明を持たせ、クリックで詳細を確認できるUIパターンです。
数式導出をSTEPで見せる学習UIの作り方
数式や計算過程を一度に見せず、概要、条件式、行列、係数、最終式へ順番に追える学習UIとして整理する設計パターンです。
係数行列の条件式を色分けして見せるUI設計
条件式、係数行列、右辺ベクトルの対応関係を色でそろえ、数値計算の構造を追いやすくするUI設計パターンです。
モバイル向け数値入力パッド
スマートフォンで金額を入力しやすくするために、数字、増減、全消去、1字削除ボタンを画面内に置く入力UIパターンです。
計算ロジックを純粋関数に分離する設計
見積、税、手数料などの計算処理をUIイベントから切り離し、DOMに依存しない純粋関数として扱う設計パターンです。
スマホでは表をカード表示に変換するCSS
PCでは通常テーブル、スマホでは行単位のカード表示に切り替えて、計算結果表の横切れを防ぐCSSパターンです。
タブごとに入力状態を保持するUI
見積額、予算、手取りなど複数モードを持つ計算ツールで、タブごとに金額や設定を保存・復元するUIパターンです。
入力規則リストを前後へ切り替えるExcel VBA汎用プロシージャ
選択セルの入力規則リストを取得し、現在値を1つ前または1つ次の候補へ切り替えるChangeDownValue_MoveSpinButton / ChangeUpValue_MoveSpinButtonを解説します。
0始まり配列を1始まりへ変換するExcel VBA汎用関数 ConvArray1D_Start1
Splitなどで作られる0始まりの一次元配列を、VBAの処理で扱いやすい1始まり配列へ変換する汎用関数を解説します。
入力規則リストを矢印ボタンで切り替えるExcel VBA汎用プロシージャ
Worksheet_SelectionChangeから呼び出し、入力規則リストが設定されたセルで左右ボタンを表示して候補値を前後へ切り替えるExcel VBA汎用プロシージャを解説します。
セルの入力規則リストを取得するExcel VBA汎用関数 GetCellValidation
指定セルに設定された入力規則リストを読み取り、候補値を一次元配列として返すExcel VBA汎用関数を解説します。
一次元配列から値の位置を取得するExcel VBA汎用関数 GetNumFromArray1D
指定した値が一次元配列の何番目にあるかを調べ、見つからない場合は0を返すExcel VBA汎用関数を解説します。
公開アプリ更新時にREADME・仕様書・画面導線を同時に揃える
公開中のWebアプリを更新するときに、画面だけでなくREADME、仕様書、使い方解説ページへの導線を同時に更新するためのチェックリストを整理します。
Googleスプレッドシートを簡易DBとして使うMVP構成のアイデア
Googleスプレッドシートを簡易データベースとして使い、低コストで業務改善Webアプリを試作する構成案と注意点を整理します。
修正フォームの近くに参考情報を表示して入力ミスを減らすパターン
過去データの修正フォームで、判断材料になる参考情報を入力欄の近くに表示する実装パターンを解説します。
前回作業日の未完了データを入口画面で補正するUIパターン
退勤忘れや入力途中のデータを、次回利用時に入口画面で補正できるようにするNext.js + SupabaseのUI設計パターンを解説します。
Next.js + SupabaseでOAuthログイン後にcallback routeを挟む実装パターン
Google OAuthログイン後に1回目だけ保護ページへ入れない問題を、Next.js App Routerのcallback routeで解決する実装パターンを解説します。
クリックされた図形の色を一時変更するExcel VBA汎用プロシージャ
Application.Callerでクリックされた図形を取得し、短時間だけ背景色と文字色を変更して元に戻すExcel VBA汎用プロシージャを解説します。
セルの値を増減させるExcel VBA汎用プロシージャ ChangeValueCell
指定セルの値を任意ステップで増減し、任意で最大値・最小値も指定できるExcel VBA汎用プロシージャを解説します。
図形ボタンで選択セルの値を増減するExcel VBA汎用プロシージャ
図形ボタンのクリックから選択セルを取得し、値を1ずつ増減させるDownValue_ByMoveButton / UpValue_ByMoveButtonを解説します。
角丸四角形を作図するExcel VBA汎用関数 DrawRectangleRound
指定座標とサイズから角丸四角形のShapeを作成し、負の幅や高さにも対応するExcel VBA汎用関数を解説します。
選択セルに追従する増減ボタンを表示するExcel VBA汎用プロシージャ
Worksheet_SelectionChangeから呼び出し、選択セルの近くに増減ボタンを表示して値を上下できるExcel VBA汎用プロシージャを解説します。
選択中セルを安全に取得するExcel VBA汎用関数 GetSelectionCell
現在のSelectionがRangeの場合だけセル範囲として返し、図形などを選択している場合はNothingを返すExcel VBA汎用関数を解説します。
指定名の図形を取得するExcel VBA汎用関数 GetShapeByName
指定したワークシート上から名前一致のShapeを取得し、見つからない場合はNothingを返すExcel VBA汎用関数を解説します。
クリックされた図形を取得するExcel VBA汎用関数 GetShapePushed
図形のOnActionから呼ばれたマクロ内で、クリック元のShapeを取得するExcel VBA汎用関数を解説します。
DoEventsで短時間待機するExcel VBA汎用プロシージャ WaitByDoEvents
TimerとDoEventsを使い、指定ミリ秒だけExcelの応答を残しながら待機するExcel VBA汎用プロシージャを解説します。
現場DXの理想と現実: スマホ入力化が必ずしも効率化になるとは限らない
現場業務をスマホ入力化するときに、技術的にできるかだけでなく、現場が本当に楽になるかを基準に判断するための設計思想を整理します。
古物商の現場入力をスマホ化したGAS Webアプリ開発対応事例
古物商の買取・払出・経費報告などをスマホ入力化し、Googleスプレッドシートで管理できるようにしたGAS Webアプリの開発対応事例です。
Claude Codeの定型作業をSkill化し、CLAUDE.mdと二段構成で運用する
リリースや検証などの繰り返し作業を、CLAUDE.mdを正本、SKILL.mdを実行形として管理する運用パターンを紹介します。
Codexノウハウが育ち、開発が加速する循環を作る
Codexで得た調査結果、依頼テンプレート、検証手順、振り返りを知識ベースへ戻し、次の開発で再利用する循環型の運用を紹介します。
Next.js静的サイトにDBなしのサイト内検索を追加する方法
Next.jsの静的サイトで、記事・用語集・開発事例をビルド時に検索データ化し、ブラウザ側で横断検索する実装パターンを紹介します。
ZIPファイル内の一覧を取得するExcel VBA汎用プロシージャ
VBAからPowerShellと.NETのZipArchiveを呼び出し、ZIPファイル内やZIP内ZIPのファイル一覧を二次元配列で取得する汎用プロシージャを解説します。
VSTO Ribbon XMLで既存のOfficeタブへボタンを追加する
VSTOアドインのリボンボタンを新規タブではなく、開発タブや数式タブなど既存Officeタブへ追加するidMsoの使い方を紹介します。
VBEの特定モジュール・行へCodePaneでジャンプする方法
VSTOアドインやExcelマクロからVBEを開き、特定モジュールの特定行を確実に表示するSetSelectionとTopLineの使い方を紹介します。
WPFでマウス中ボタンのブラウザ風オートスクロールを実装する
WPFアプリでマウス中ボタンを押すと、カーソル位置に応じてScrollViewerを連続スクロールするヘルパー実装を紹介します。
記事化前にユーザーへ確認する質問テンプレート
素材だけでは業務意図や公開範囲が判断できないとき、記事化前に確認する質問を用途別に整理します。
Codex作業完了時に音で知らせる通知ルール
長めのCodex作業が完了したことに気づきやすくするため、Windows PowerShellのbeepを使って完了通知する運用ルールを整理します。
技術記事を公開する前のリスクチェックリスト
技術記事、開発事例、用語集、サイト改善案を公開する前に、顧客名、個人情報、APIキー、実パスなどを確認するためのチェックリストです。
MDX記事で専門用語をTermリンク化する運用ルール
Softex Celware Tech BlogのMDX記事で、専門用語をTermコンポーネントに置き換えるときの選定基準と作業手順を整理します。
開発資産MarkdownをMDX記事へ変換する作業フロー
開発資産フォルダにあるMarkdownを、公開用のMDX記事へ変換するときの確認順序、frontmatter、関連リンク、検証観点を整理します。
Codex作業開始前に進め方をそろえる確認ルール
記事追加、ツール作成、候補調査、公開作業を始める前に、対象範囲、目的、公開有無、完了時の出力を短く確認する運用ルールを整理します。
GAS Webアプリの入力途中離脱を防ぐ方法
GAS Webアプリのスマートフォン入力フォームで、再読み込みや戻る操作による入力途中の消失を防ぐため、beforeunloadと送信状態フラグを使う方法を解説します。
GAS Webアプリでスマホ写真を送信前に圧縮する方法
GAS Webアプリでスマートフォン写真をBase64送信する前に、ブラウザ側のCanvasでJPEG化・縮小・圧縮して処理を安定させる方法を解説します。
GASで作る工事現場向け写真付き報告書Webアプリ
工事現場や点検現場で使える、スマホ写真から写真付きPDF報告書を自動作成するGAS Webアプリの開発事例と構築手順を紹介します。
GASで送信ごとにGoogle Drive専用フォルダへ保存する方法
GAS Webアプリで画像やPDFを生成するとき、1回の送信ごとに専用フォルダを作り、関連ファイルをまとめて保存する実装パターンを解説します。
GASで結合セルの左上セルに安全に値を入れる方法
Googleスプレッドシート帳票の結合セルに、GASから値やIMAGE関数を安全に入れるため、結合範囲の左上セルだけへ書き込む実装パターンを解説します。
GAS帳票のセル配置をslots配列で管理する方法
写真枠や入力欄のセル番地をGAS処理内に散らばらせず、slots配列に集約して帳票テンプレート変更に強くする実装パターンを解説します。
GASでテンプレートシートを複製して複数ページPDFを作る方法
Googleスプレッドシートの帳票テンプレートをページ数分コピーし、写真付き報告書や点検票を複数ページPDFとして出力するGAS実装パターンを解説します。
PowerShellスクリプトとbatランチャーの文字コード・改行コード対策
Windows PowerShell 5.1でps1の日本語が文字化けする問題、batのLF改行で実行が崩れる問題を、UTF-8 BOM・ASCII・CRLFのルールで回避する方法をまとめます。
上下キーでTextBoxの数値を増減するExcel VBA汎用プロシージャ
UserFormのTextBoxで上下キーを押したときに、指定範囲内で数値を増減させるExcel VBA汎用プロシージャを解説します。
ファイル選択ダイアログを共通化するExcel VBA汎用プロシージャ
Application.FileDialogでファイル選択ダイアログを表示し、選択されたファイルのフルパスを返すExcel VBA汎用プロシージャを解説します。
AvalonDockレイアウト保存が永続化されないバグをOnBeforeHideで防ぐ
VSTO の WinForms Form + ElementHost + WPF 構成で、Form.Hide() では WPF の Unloaded が発火せず AvalonDock レイアウトが保存されない問題への対策を解説します。
CustomTaskPane Floatingの位置制御には限界がある
VSTO の CustomTaskPane を Floating 表示したとき、位置やサイズを完全には制御できない理由と、独立ウィンドウが必要な場合の判断基準を解説します。
OneDrive配下のVSTO ClickOnce発行でapp.publishを削除してから発行する
OneDrive 同期フォルダ配下の VSTO プロジェクトで ClickOnce 発行時に app.publish の削除エラーが出る場合の、事前削除手順をまとめます。
VSTOアドインで独立UIを出す3つのホスティングパターン
VSTO アドインから Excel と並行操作できる独立 UI を出すときの、CustomTaskPane、WPF Window、WinForms Form + ElementHost の違いを整理します。
AvalonDockで新ペイン追加時に保存済みレイアウトと互換を取る
AvalonDock の保存済み layout.xml がある環境で、アプリ更新により追加した新ペインが表示されない問題を避けるための補完パターンを解説します。
AvalonEditでDocumentColorizingTransformerによる意味的着色を行う
AvalonEdit の xshd だけでは表現しにくい、プロジェクト内シンボルに応じた意味的着色を DocumentColorizingTransformer で重ねる方法を解説します。
WPF Canvasでドラッグ可能なカードとBezier矢印を描く
WPF Canvas 上にカード型ノードを配置し、ドラッグ移動と Bezier 矢印の再描画で簡易的な関係図を作る実装パターンを解説します。
GASでスマホ写真付きレポートをPDF出力する方法
GAS Webアプリでスマホ写真を受け取り、Drive保存とスプレッドシートのIMAGE関数を使って写真付き帳票PDFを安定して作る方法を解説します。
VSTOのClickOnce発行でRuntimeIdentifiers 'win' エラーが出たときの対策
VSTOプロジェクトのClickOnce発行時に Your project file doesn't list 'win' as a RuntimeIdentifier と出る場合の原因と、旧形式csprojへRuntimeIdentifiersを追加する対策を整理します。
DataContractJsonSerializerで古い設定JSONを壊さないためのOnDeserializedマイグレーション
DataContractJsonSerializerで保存した設定クラスに新しいプロパティを追加したとき、旧JSONのnull値でUIが壊れないようにOnDeserializedで既定値を補填する方法を整理します。
Google Search Console × Codexで回す自律型SEO改善サイクルの構想案
Google Search Consoleの実績データとCodexによるページ確認を組み合わせ、SEO改善を半自動で回す仕組みの構想案を整理します。
Excel VBA自動化コードをAIに読みやすく分離する流れ
Excel VBAのマクロブックを、AIが読みやすいsummary、risk_report、article_candidatesへ分離し、技術記事化や再利用判断につなげる流れを解説します。
Excel VBAのイミディエイトウィンドウをCUIのように使ってプロシージャコードを半自動生成する
VBEのイミディエイトウィンドウを簡易CUIとして使い、短い入力だけでSubやFunctionのプロシージャひな形を生成してクリップボードへ格納するVBA開発支援テクニックです。
Excel VBAで桁数の大きい整数を配列計算して三つの立方数の和を検算する
VBAの通常の数値型では扱いにくい大きな整数を1桁ずつ配列で持ち、加算・減算・乗算を実装して三つの立方数の和が42になることを検算する例です。
奇数列の無限積が √2 - 1 に収束することをExcel実験から確かめる
奇数列から作った無限積が √2 - 1 に近づく様子をExcelの数値実験で確認し、ガンマ関数と反射公式を使った証明の流れまで整理します。
Excel VBAの処理を汎用部品として残すための考え方
Excel VBAで作った便利な処理を案件ごとの使い捨てにせず、次回以降も使える汎用部品として整理する判断基準と残し方をまとめます。
GitHub Pages + ReleasesでWindows EXE配布ページを作る
Windows向けEXEツールの紹介ページをGitHub Pagesに置き、配布ZIPをGitHub Releasesで管理する構成を解説します。
ユーザーフォームにラベルを動的追加するExcel VBA汎用プロシージャ
UserForm上にMSForms.Labelを追加し、位置・サイズ・表示テキストをまとめて設定するExcel VBA汎用プロシージャを解説します。
入力漏れチェックとメッセージ表示をまとめるExcel VBA汎用プロシージャ
入力項目名と入力値をペアで渡し、空欄があれば警告メッセージを表示してFalseを返すExcel VBA汎用プロシージャを解説します。
Shapeを90度回転してセル範囲に合わせるExcel VBA汎用プロシージャ
Excel VBAでShapeを90度回転し、指定したセル範囲の中心とサイズに合わせる汎用プロシージャを解説します。
2つの条件で二次元配列を検索するExcel VBA汎用プロシージャ
二次元配列から2つの検索条件に一致する行を探し、指定列の値を返すExcel VBA汎用関数を解説します。
Next.jsでOGP / Twitter Cardを設定してSNSリンクプレビューを整える
XやSNSにURLを貼ったときに、タイトル・説明文・画像付きカードを表示するためのNext.js Metadata API設定パターンを解説します。
VSTOでWPF UIを独立ウィンドウ表示するWinForms Form + ElementHostパターン
VSTOアドインでExcelと並行操作できるWPF UIを出すために、WinForms FormへElementHostでWPF UserControlを載せる実装パターンを解説します。
COMをDTO境界で分離してテストしやすい解析エンジンにする
OfficeやVBEのCOMオブジェクトに触れる層を薄くし、解析エンジンをDTOだけで動かせるようにする設計パターンです。
クロスプロジェクトのPublicシンボル参照を解決する
別プロジェクトのPublic関数や宣言を呼んでいる箇所を、参照設定とSymbolTableを使って抽出する方法です。
#If VBA7 / Win64 のDeclare宣言をDeclBuilderで1つにまとめる
VBAの条件付きコンパイルで分岐したAPI宣言を、同じシンボルの1エントリとして扱うDeclBuilderパターンです。
ゴールデンテストで旧版から新版への移植品質を検証する
既存システムの解析結果を正解データとして保存し、新実装の出力とdiffで比較する移植検証パターンです。
Property Get / Let / Set を別エンティティとして扱う
VBAやVB系言語のPropertyを、名前は同じでもGet/Let/Setの別アクセサとして解析するためのモデル設計です。
SymbolTable、Resolver、ReferenceGraphで参照関係を高速に解決する
コード中の呼び出し関係や変数参照を、辞書と双方向グラフで扱いやすくする基本設計です。
VBAやDSLのLexer・Parserを自前実装して識別子境界を正確に扱う
String.Containsや正規表現だけでは壊れやすいコード解析を、LexerとParserで安定させる基本パターンです。
AIコーディングでAGENTS.mdを運用ルールとして使う方法
CodexなどのAIコーディング支援で、毎回守りたい開発方針や再利用ルールをAGENTS.mdに整理し、案件ごとの指示と使い分ける方法を解説します。
開発で作った処理を再利用資産に育てる部品化ポリシー
AIコーディングで作った関数、UI、手順、エラー処理を、次回以降にも使える開発資産として残すための判断基準と部品化の粒度を整理します。
案件終了後に開発資産を見つけるレビュー手順
案件終了時に、再利用できる処理、設計、手順、トラブル対応を開発資産として残すか判断するためのレビュー観点とMarkdownテンプレートを紹介します。
PyInstallerで本体EXEとランチャーEXEを同時ビルドする構成
常駐型Pythonアプリで、本体EXEと呼び出し専用ランチャーEXEを1つのspecから同時に作る構成を解説します。
PyInstallerのEXEアイコンとtkinterウィンドウアイコンを共通化する
PyInstallerで作ったEXEのアイコンと、tkinterウィンドウ左上のアイコンを同じICOで統一する実装パターンです。
Pythonアプリの共通情報をapp_info.pyに集約する
バージョン、開発元URL、ブログURL、GitHub URLなどをapp_info.pyにまとめ、UIやREADMEの更新漏れを減らす方法です。
tkinterアプリのJSON設定を読み込み・書き出し・自動バックアップする
ユーザー資産になるconfig.jsonを安全にインポート、エクスポート、自動バックアップするConfigManagerの実装パターンです。
tkinter常駐アプリでランチャーEXEから既存プロセスへ画面表示を通知する
名前付きミューテックスと名前付きイベントを使い、ランチャーEXEから起動済みのtkinter本体へ画面表示を依頼する方法です。
Windows EXE配布用README・LICENSE・Notices・チェックリスト
Windows向けEXEをZIP配布するときに必要なREADME、LICENSE、THIRD_PARTY_NOTICES、配布前チェック項目をまとめます。
Windows EXE配布ZIPの構成テンプレート
インストーラーなしで小型Windowsツールを配布するときのZIP構成、同梱ファイル、除外すべきファイルを整理します。
Windowsタスクバー運用では常駐本体ではなくランチャーEXEをピン留めする
常駐型tkinterツールで、起動中ウィンドウではなく呼び出し専用ランチャーEXEをタスクバーに固定する運用設計を解説します。
VSTO ClickOnce の ApplicationVersion はワイルドカード不可
VSTO の ClickOnce 発行で ApplicationVersion にワイルドカードを使うと発行エラーになる理由と、AutoIncrementApplicationRevision で安全に版数を増やす設定を整理します。
VSTO ClickOnce 自動更新の仕組み
VSTO や WPF の ClickOnce 自動更新がいつ、どこを、どのように確認するのかを整理し、ZIP、共有フォルダ、UNC、Web 配布の違いを解説します。
.NET で Shift-JIS / CP932 を扱う Encoding.RegisterProvider
.NET Core や .NET 5+ で Shift-JIS / CP932 を扱うために CodePagesEncodingProvider を登録する方法と、VBA ファイル連携での改行コード注意点をまとめます。
VBE References から Project 種別の参照だけを抽出する
VBE の Tools - References に含まれる参照から、他の VBA Project への参照だけを抽出し、壊れた参照や TypeLib を安全に除外する方法を解説します。
dynamic 経由で VBIDE / COM 参照競合を回避する
VSTO アドインから Application.VBE を呼びたいときに、Microsoft.Vbe.Interop の参照競合を避けるため dynamic でランタイム解決する実装パターンを紹介します。
VSTO + WPF のキーボードフォーカス問題を CustomTaskPane で解決する
VSTO アドインで WPF Window を表示すると Excel にフォーカスを奪われる問題を、CustomTaskPane と ElementHost で解決する実装パターンを紹介します。
AvalonDock のレイアウトを XmlLayoutSerializer で保存・復元する
AvalonDock で作った IDE 風 UI のペイン配置、タブ、フローティング位置を XML に保存し、次回起動時に復元する基本パターンを解説します。
AvalonEdit の検索ハイライトを DocumentColorizingTransformer で実装する
AvalonEdit で検索キーワードに一致した箇所を半透明背景でハイライトするための DocumentColorizingTransformer 実装と再描画、パフォーマンス注意点をまとめます。
コールバック interface で UI と OS 依存を逆転する
WPF UI ライブラリから WinForms、VSTO、COM などのホスト依存処理を直接参照せず、コールバック interface で上位層へ任せる設計パターンを紹介します。
WPF KeyboardNavigation で矢印キーの飛び出しを防ぐ
WPF の ListView や TreeView で矢印キー操作中にフォーカスが隣のコントロールへ飛ぶ問題を、DirectionalNavigation=Contained で防ぐ方法を解説します。
Vercelセキュリティインシデントを受けて、Next.js + Supabaseアプリの安全性を全点検してみた
2026年4月のVercelセキュリティインシデントを受けて、Next.js + Supabaseで運用中の個人アプリ「らくログタスク」のセキュリティを5項目でチェック。結果は全項目安全。チェック方法をそのまま共有します。
ElectronアプリのソースコードをGitHubへワンクリックで納品する方法
node_modulesやDBファイルを除外しつつ、コミットとpushをワンクリックで完結させるバッチファイルとgitignoreテンプレートのセットです。
package.jsonのversionをVite+Electronアプリ全体に自動反映する方法
package.jsonのversionを唯一の出典にして、HTML表示・タイトルバー・Electronウィンドウに自動注入。バージョン更新漏れ事故を防ぎます。
論理削除テーブルで削除済みIDを再利用する最小空き番号採番ロジック
MAX(id)+1では削除IDが永久欠番になります。有効レコードが占有していない最小の正整数を返すロジックでID空間を効率的に使い回す方法を解説します。
sql.jsでCSV一括取込みをO(n²)からO(n)に高速化する方法
ループ内でsave()を呼び続けるO(n²)設計が数百行で破綻する問題を、生APIで書き込んで末尾で1回だけsaveする方式に変えて劇的に高速化します。
sql.jsとElectron IPCでインストール不要のローカルDBを永続化する方法
ネイティブモジュール不要。sql.js(WebAssembly版SQLite)をレンダラーで動かし、ファイル永続化だけIPC経由でメインプロセスに任せる構成を解説します。
Uint8Arrayを安全にbase64エンコードしてlocalStorageに保存する方法
100KB超のUint8Arrayをbtoapに渡すとスタックオーバーフローが起きます。32KBチャンク分割でエンコードする安全なパターンを解説します。
実績バッジシステムをlocalStorage + Supabase併用で実装する方法
ゲスト時はlocalStorage、ログイン後はSupabaseに同期する実績バッジシステム。トースト通知付き。
重い処理でUIが固まらない!setTimeout(0)でプログレスバー+キャンセル対応
重い計算処理中もUIがフリーズしない非同期ループパターン。setTimeout(0)でプログレス更新とキャンセル対応を両立。
Canvasで複数要素を1枚に合成してPNGダウンロードする方法
グリッド+ヒント数字+罫線をCanvasに合成して1枚のPNGとして保存。サーバー不要でクライアント側完結。
複数ページ共通UIをIIFEモジュールに集約する方法(フレームワーク不要)
フレームワークなしで共通UIコードを切り出すIIFEパターン。実測170行以上の重複削減事例付き。
flex-wrap + orderで2段ナビゲーションを作る方法(モバイルは下部タブバー)
overflow:hiddenやscrollに頼らず、flex-wrap + orderで自動2段ナビ。モバイルは下部タブバーに完全切替。
ゲームHUD(スコア/タイマー/コンボ)と結果モーダルのCSSパターン
スコア・タイマー・コンボのHUDレイアウト + 背景ブラー付き結果モーダルのゲームUIパターン。
Git Subtree Splitでサブフォルダだけを GitHub/Vercel にデプロイする方法
開発資料を含む親リポジトリから、Web/サブフォルダだけをGitHub main にforce pushする deploy.sh パターン。
モバイル向けタップ入力グリッドでソフトキーボードを回避する方法
モバイルで <input>のキーボード開閉によるUX低下を回避。A-Z/0-9ボタングリッドを画面内に配置するパターン。
印刷PDFの用紙向きをコンテンツの縦横比から自動判定する方法
CSS @page + 縦横比計算で、A4縦/横を自動切替する印刷PDF生成パターン。ユーザー操作不要。
pointer-events:noneの全画面オーバーレイで音と連動する視覚フィードバック
音声再生と完全同期する全画面フラッシュを実装。pointer-events:none + opacity遷移でUI操作を邪魔しない。
デザインツール不要!SVGファビコン+PythonでPNG生成する方法
コードだけでファビコンを生成。SVG + Python(struct/zlib)でPillowなしにPNG生成するパターン。
ビルドツール不要でバニラJSに多言語対応(i18n)を実装する方法
静的HTML + バニラJSでビルド不要の軽量i18nを実装。data-i18n属性とlocalStorageで12言語対応も可能。
Web Audio APIで精密タイミング制御(事前スケジューリングでドリフト根絶)
setTimeoutのドリフトを根絶。AudioContext.currentTimeで全音符を一括事前スケジュールする精密タイミングパターン。
ライブラリ不要の月別カレンダーグリッドをCSS Gridで実装する
ライブラリ不要でCSS Grid(grid-cols-7)を使った月別カレンダーの実装パターン。
Reactでドロップダウンを外クリックで閉じる方法(useRef + mousedown)
useRefとmousedownイベントでカスタムドロップダウンを外側クリックで閉じるパターン。
TailwindでDB由来の色を動的に適用する方法(HEX→RGBA変換)
Tailwind CSSでDBに保存したHEXカラーコードを動的に適用する方法。RGBA変換関数付き。
初回オンボーディングをlocalStorageで制御する方法(React)
初回利用時だけガイドモーダルを表示し、次回以降は抑制するパターン。localStorage制御。
Next.js + Supabase Authで認証ガードを実装する方法(Middleware)
Next.js App RouterとSupabase Authでミドルウェア認証ガードを実装。Google OAuth対応。
Reactでライブラリ不要のトースト通知を実装する方法
ライブラリ不要でsetTimeoutによる自動消去トースト通知を実装。成功/エラーの色分けも。
GAS CacheServiceでスプレッドシートの読み込みを高速化する方法
Google Apps ScriptのCacheServiceでスプレッドシートのデータをキャッシュし、2回目以降の読み込みを高速化する方法を解説。
GASでカード型レスポンシブレイアウトを実装する方法
GAS WebアプリでPC中央寄せ・スマホ全幅のカード型レイアウトを実装。コピペで使えるCSS付き。
GASでCSSだけのローディングスピナーを実装する方法
Google Apps Scriptで画像不要・CSSだけで回転スピナーを実装。コピペですぐ使えるコード付き。
GASでスプレッドシートの日付を安全にフォーマットする方法
GASでDate型・文字列型が混在する日付データを安全に変換する関数。コピペですぐ使えるコード付き。
GASでHTMLエスケープ関数を実装してXSS対策する方法
Google Apps ScriptのWebアプリでXSS脆弱性を防ぐHTMLエスケープ関数の実装方法。コピペで使えるコード付き。
スマホ対応フォント設定 - 全OS対応のfont-family指定【GAS・Web共通】
iOS/Android/Windows/Macすべてで美しい日本語を表示するfont-family設定。Webフォント不要で高速。
GASでスプレッドシート検索の全角・半角と大文字小文字を吸収する方法
GAS Webアプリのスプレッドシート検索で「ABC」と「abc」が別扱いになる問題を、検索前の正規化関数で解決する方法を解説します。
google.script.runのエラーハンドリング完全パターン【GAS Webアプリ】
GASのgoogle.script.runで失敗時にエラーが握りつぶされる問題を防ぐ。ボタン制御・ローディング付きの実装パターン。
GASでSPA風の画面遷移を実装して高速な画面切替を実現する方法
Google Apps ScriptのWebアプリでinnerHTMLの書き換えによるSPA風画面遷移を実装。ページ再読み込みなしで高速な画面切替を実現。
Next.js + Supabaseで自動保存を実装するパターン(localStorage併用)
保存ボタン不要の自動保存パターン。SupabaseとlocalStorageの使い分けと楽観的更新の実装方法を解説。
ライブラリ不要!CSSだけでガントチャート(タイムライン)を描画する方法
外部ライブラリなしでCSSのパーセント指定だけでタイムライン表示を実装。作業履歴の時系列表示に最適です。
Reactでインライン削除確認UIを実装する方法(モーダル不要)
モーダルを使わずにインラインで削除確認を表示するパターン。スマホでも操作しやすいUXを実現。
Next.jsでライブラリ不要のヒートマップを実装する方法(曜日×時間帯)
HTMLテーブルとCSSだけで曜日×時間帯のヒートマップを描画。ライブラリ不要でコピペですぐ使えるコード付き。
Promise.allでSupabaseクエリを並列化してページ表示を高速化する方法
複数のSupabaseクエリをPromise.allで並列実行し、ページの読み込み時間を劇的に短縮するテクニックを紹介します。
Rechartsの円グラフ(PieChart)でスライス内にパーセントを表示する方法
Rechartsの円グラフでスライス内にパーセント表示するカスタムラベルの実装方法。コピペで使えるコード付き。
Next.jsでJavaScriptによるレスポンシブ判定(isMobile)を実装する方法
TailwindのCSSだけでは対応できない描画ロジックの分岐に。matchMediaを使ったisMobile判定フックの実装。
SheetJSでブラウザからExcelファイルをエクスポートする方法
SheetJS(xlsx)を使い、ブラウザだけでExcelファイルを生成・ダウンロード。複数シートや時間型の扱いも解説。
Supabaseで1000件以上のデータを全件取得するページネーション実装
Supabaseのselect()は最大1000行制限。range()を使ったループで全件取得するパターンを紹介します。
OAuth不要!X(Twitter)Intent URLでポストボタンを実装する方法
OAuth不要でXへのポストボタンを実装。Intent URLを使えばAPI設定なしでシェア機能が作れます。
