Kusokome-Blocker

Yahoo!Newsコメント欄の低品質コメントを自動非表示。読むに値しない、目にもしたくない、ノイズレベルのコメントを視界から消し去ります。

目に入ると読んでしまう。意図せず不快な気持ちにさせられる。そう感じてる感受性の強い方のために。 もう全部を読まなくていい。もう無駄に疲れない。 ユーザー大衆知で判断した、クリーンでマトモなコメントだけを表示し、あなたの心を守ります。

Issue

ヤフコメのクソコメを自動非表示しUX改善

Overview

非表示基準を製作側の価値観やAIの判断ではなく、大衆知での判断ロジックを採用。 UIデザインは快適よりも少し違和感を残し有料版への足掛かり導線の1つに。 サービス名は悪ノリ重視。ただし解り易いようchrome extensions内で名称が1行で入るように。

Challenge

• 毎回ゼロから入力していた

• 税計算を手作業で行っていた

• PDF化まで時間が掛かる

• 修正のたびに作り直しになる

• 毎回同じ入力

• PDF作成

• 消費税率変更への対応

• 保存機能

Solution

React + TypeScript によるSPAとして構築。

入力と同時に金額を再計算し、 jsPDFを利用してそのまま見積書PDFとして出力できる構成にした。

状態管理を整理することで、 機能追加もしやすい設計になっている。

Features

• PDF出力
• 消費税計算
• ローカル保存

Tech Stack

• JavaScript
• AI

Result

制作時間を短縮できた

• PDFをワンクリック生成
• 消費税を自動計算
• ローカル保存
• 見積り作成時間を大幅短縮
• 更新しやすい設計

What I Learned

実際の業務改善をテーマに開発したことで、 単に機能を作るだけではなく、

「何を自動化するべきか」

という視点でUI設計やデータ設計を考えるようになった。

Next

今後は

• AIによる見積り提案
• 顧客管理
• クラウド同期
• テンプレート共有

まで発展させ、 業務改善ツールとして継続的にアップデートしていく予定。