Softex CelwareTech Blog

サイト内検索

技術記事、用語集、開発事例を横断して検索できます。実装方法を探すときは技術名、考え方を探すときは用語や作業名で検索してください。

複数語を空白で区切ると、タイトル、説明、タグ、本文、用語集、開発事例からまとめて探します。

最近追加された項目

技術記事PowerShell / bat運用

Windowsバッチの制御文字混入とPATH欠落を切り分ける

バッチファイルのパスが見えない制御文字で壊れる問題と、System32を含まないPATHでコマンド検出が誤る問題を、別々に診断して直す手順を紹介します。

WindowsバッチファイルPowerShellPATH
技術記事バニラJS Webアプリ

変化するChatGPTの回答DOMから本文を安定して取得する

ChatGPTの画面構造変更で回答を取得できなくなった事例から、本文の根を読む、IDを祖先から得る、旧セレクターを段階的に残す調査手法を紹介します。

Chrome拡張機能DOMChatGPTセレクター
技術記事バニラJS Webアプリ

Chrome拡張の全機能を利用規約の同意まで停止する

多機能なChrome拡張へ後から初回同意ゲートを加える際、Service Workerの同期リスナー登録を保ちつつ各機能を止める設計と注意点を解説します。

Chrome拡張機能Manifest V3Service Worker利用規約
技術記事バニラJS Webアプリ

Chrome拡張で添付PDFをダウンロードせずにその場で表示する

添付ダウンロードになるPDFを、ユーザー操作で取得してChrome標準ビューアに表示する方法と、権限・メモリ・閉じる操作の注意点を解説します。

Chrome拡張機能PDFBlobiframeダウンロード
技術記事バニラJS Webアプリ

Chrome拡張の不具合報告を事前入力フォームで受け付ける

拡張機能に専用の送信サーバーや追加権限を設けず、環境情報を事前入力したGoogleフォームへ案内して不具合報告を受け付ける方法です。

Chrome拡張機能Googleフォーム不具合報告プライバシー
技術記事バニラJS Webアプリ

Chrome拡張からFile System Access APIでローカル保存する

利用者が選んだフォルダーへChrome拡張から保存する際のハンドル保管、権限再確認、待機中の要求管理、Service Workerでの書き込みを整理します。

Chrome拡張機能File System Access APIIndexedDBファイル保存
技術記事バニラJS Webアプリ

Chrome拡張のLevelDBログを読み取り専用で調査する

Chrome拡張の保存データをLevelDBログから調べる際、元データを変更せずにコピーを解析し、ブロック分割や断片化を考慮して必要な範囲だけ確認する方法です。

Chrome拡張機能LevelDBデバッグデータ保護
技術記事バニラJS Webアプリ

Chrome拡張で対象サイトのデータ取得経路を選ぶ

画面DOM、埋め込みJSON、内部APIなど複数の取得経路を実サイトで比較し、更新や権限、利用者データのリスクを踏まえて選ぶ手順を紹介します。

Chrome拡張機能データ取得DOM調査
技術記事バニラJS Webアプリ

Chrome拡張で月次通知と起動時の取りこぼしを扱う

毎月の指定日や月末に通知するChrome拡張で、ワンショットalarm、Service Worker再起動、取りこぼしの補完、重複通知防止を設計する方法を紹介します。

Chrome拡張機能alarms通知Service Worker
技術記事バニラJS Webアプリ

Chrome拡張のService Workerと移植処理をNode.jsでテストする

ブラウザーを毎回起動せずにChrome API依存の処理や移植結果を検証するため、実モジュールと小さなAPIモック、全数比較を組み合わせる方法です。

Chrome拡張機能Node.js自動テストモック
技術記事バニラJS Webアプリ

Chrome拡張で送信前に確認を挟み結果を記録する

ページの送信操作を調査し、捕捉フェーズで確認を挟み、ネイティブ確認ダイアログの結果を限定的に検出する構成と二重送信を避ける注意点を解説します。

Chrome拡張機能送信確認イベントセキュリティ
技術記事バニラJS Webアプリ

Chrome拡張で既存SPAの添付欄にドラッグ&ドロップを追加する

既存サイトのフォームを壊さず、対象の添付欄だけでファイルを受け付けるChrome拡張の設計を解説します。入力欄への反映、件数制限、表示、送信確認までを扱います。

Chrome拡張機能ドラッグ&ドロップFile APISPA
技術記事バニラJS Webアプリ

Chrome拡張でSPAの入力モーダルを安全に自動操作する

SPAの登録画面を自動操作するとき、画面状態の確認、日付と時刻の検証、候補選択の待機、確認モーダル処理を組み合わせて誤登録を防ぐ方法を解説します。

Chrome拡張機能SPAモーダル自動入力
技術記事バニラJS Webアプリ

Chrome拡張の設定はstorage.localとstorage.sessionで使い分ける

再起動後も残す設定と一時的な状態をstorage.local・storage.sessionに分け、content scriptへの公開範囲や起動時の競合を避ける方法を解説します。

Chrome拡張機能chrome.storageService Worker状態管理
技術記事バニラJS Webアプリ

日本語文面から宛名を安全に取り出す

敬称だけを手掛かりに日本語文面から宛名を抽出し、一般的な呼びかけや本文の誤認を拒否して、アカウント名へ安全にフォールバックする方法を解説します。

JavaScript日本語処理文字列解析テスト
技術記事バニラJS Webアプリ

依存ライブラリーなしでSVGの折れ線と棒グラフを重ねる

外部グラフライブラリーを使わず、SVGで折れ線と棒を重ねるときの座標系、左右の軸、積み上げ表示、欠損値、ツールチップの設計を紹介します。

JavaScriptSVGグラフデータ可視化
技術記事Codex・AI開発運用

並行チャット開発で共有ファイルと通知を安全に扱う方法

同じ作業フォルダで複数のAI開発チャットを動かすときに、通知音の識別と共有ファイルの部分コミットを実現する運用パターンをまとめます。

Claude CodeCodex並行開発GitPowerShell開発運用
技術記事Google Apps Script

claspでGASを安全にpushし、既存のWebアプリURLを維持して再デプロイする

GASの複数ファイルをclaspで反映し、pushによる全置換事故とデプロイ更新の見落としを防ぎながら既存のexec URLを維持する手順をまとめます。

GASclaspGoogle Apps ScriptWebアプリデプロイ運用設計
技術記事Google Apps Script

GASの設定シートと名前付き範囲を定義配列から冪等に構築する

設定項目の定義配列を唯一の正として、設定シートの行、名前付き範囲、プルダウン、説明列を安全に自動構築する設計を解説します。

GASGoogle Apps ScriptGoogleスプレッドシート設定管理名前付き範囲入力規則
技術記事技術まとめ

Chrome拡張をウェブストアへ公開する前の実務チェックリスト

Chrome拡張をウェブストアへ提出する前に確認したいZIP構成、権限説明、プライバシー申告、ログイン必須機能のテスト手順をまとめます。

Chrome拡張機能Chromeウェブストア公開準備プライバシー審査ZIP