Pittiri – Masonry for Google Tasks
Google TasksのリストをMasonryレイアウトで隙間なく敷き詰めます。列数・余白・詰め方の調整、件数バッジ、画面共有用のモザイクにも対応しています。
- RELEASE
- 2026
- CATEGORY
- 拡張機能
- RUNNING
- 1年目
- PLATFORM
- Chrome
クライアントワークの傍らで取り組んできた、すべての個人開発プロダクト一覧です。
日常を便利にするブラウザ拡張機能から、開発効率を上げるnpmパッケージやボイラープレートまで。用途も技術もさまざまな、これまでの全開発記録を掲載しています。
全22件中 22件を表示
Google TasksのリストをMasonryレイアウトで隙間なく敷き詰めます。列数・余白・詰め方の調整、件数バッジ、画面共有用のモザイクにも対応しています。
Kick専用のコメントビューアー。コメントを軽快になめらかに表示し、視聴者数・コメント速度のミニグラフとラベル・メモで、配信の盛り上がりも「あの人」もひと目で分かります。
FEATURED IN
一日にどれだけスクロールしたかを距離に換算する拡張機能。世界中のスクローラーとランキングで競えます(アカウント登録は不要)。
気づかぬうちに溶けている時間を可視化します。SNSや娯楽サイトに、自分の人生がどれだけ吸われているかを静かに伝える拡張機能。
マークダウンで日付+曜日のスケジュール表を書くたび、カレンダーを見ながら手入力するのが面倒で作りました。開始日と終了日を指定するだけで期間内の全日付と曜日を自動生成。プリセット設定、生成後の直接編集、PDF出力にも対応しています。
X.comのフォロー中リストから相互フォローを隠せる拡張機能。「片思いだけを見たい」ときのための小さなトグルです。
デスクトップ版LINEアプリの着信音ファイルを差し替えるツール。毎回同じ音で驚くのが嫌で作りました。
案件のたびに書き直していたユーティリティ関数を、ひとつにまとめたnpmパッケージ。スクロール制御やDOM操作など、フロントエンド実装で毎回必要になる処理を薄く提供します。実際に本サイトの実績フィルターでも動いています。
YouTubeライブチャットのUIを整理し、細かい表示調整を行う拡張機能。長時間の配信を見るときの視界を軽くします。
AstroとReactをすぐ組み合わせて書き始めるためのボイラープレート。静的サイトに部分的なインタラクションを足す案件のために整えました。
Vite + Vanilla JSで静的サイトを構築する事を想定したボイラープレートです。
余計な事はしないながらも各種Linter等を標準でインストールしたりと、Viteで静的サイトを構築する際に幸せになれるよう現在OSSで開発継続中です。
YouTubeのスーパーチャットに通し番号を付ける拡張機能。おまけとして、いくつかのスタイル調整も行えます。
MoneyForward MEの家計簿テーブルで「大項目・中項目」を絞り込んだとき、その合計金額を自動で算出します。
Amazon定期おトク便のページに、各月ごとの合計金額を追加します。届く前に「今月いくらか」が分かるように。
WordPressテーマを一から書き起こすためのボイラープレート。CMS案件で毎回必要になる構成をテンプレート化しています。
静的サイト制作をすぐ始めるためのEJSベースのボイラープレート。案件ごとに毎回組み直していた環境を、そのまま使える形に固めたものです。
PHPで構築されたミニマムな静的サイト構築用の初期テンプレート。当時のワークフローの記録として残しています。
ビジネスチャット「Chatwork」に、ミニマムな機能をほんの少しだけ足すサードパーティー製拡張機能。もっとも多くの人に使われているプロダクトで、2026年にはv2系へメジャーバージョンアップしました。
すべてのファビコンをブロッコリーに変えるだけの拡張機能。実用性はありませんが、作ったので置いてあります。
ページ内の画像altを読み取り、キャプションのようにオーバーレイ表示します。ホワイトリスト制御、ドラッグ移動、レスポンシブ追従に対応。制作現場のalt確認のために作った、いちばん古いプロダクトです。
ひっそりと公開している、Webサイトやツールです。
本ポートフォリオサイトのリニューアルのデザインと実装を担当しました。
4年ぶりのリニューアル(サイトフルリニューアルのお知らせ)ということで、前回は実装をWordPress・デザインをAdobe XDで行っていましたが、今回は自らのサイトで大いにチャレンジ出来る環境だった為実装をNext.js・デザインをFigmaで行いました。
短い期間でデザインから実装までノンストップで行いつつも非常に快適に進められ、4年間でトレンドな技術スタックも、周辺ツールも大きく変わったことを実感しながらのリニューアルでした。
技術的な面では、全体的にSSGならではの高速なページ表示を行えつつ、実績一覧ページなどの認証が必要なコンテンツはAuth0と連携しSSRで表示を行うなど、Next.jsの特徴を活かした構築を行っています。
2016年よりちょこちょこと趣味程度のものから少し本腰を入れたものまで様々なChrome拡張機能を制作・リリースしてきましたが、一覧として見ることができるページが無かった為制作に至りました。
毎日決まった時間に各Chromeウェブストア配信ページをスクレイピングし、数値などの各種データを取得した後Vercelにてデプロイする仕組みを実装しています。
本サイトの技術ブログ(https://cofus.work/blog/)をNext.jsにて新たにリプレイス&移転した技術ブログです。
デザインから実装、運用まで担当し、Markdownファイルのみで記事を管理する事に特化した構成で制作を行いました。
記事の追加から加筆&修正まで、すべて使い慣れたエディタ+Githubのみの使用で行える特徴があり、技術的な内容を気軽に残しておけるフロントエンドエンジニアとしての知見をまとめる場所として今後も運用を行っていく予定です。
今年で8周年目を迎える個人ブログ「degitekunote2」です。
元々無料ブログサービス「FC2ブログ」で2011年5月から2014年2月まで運営していましたが、独自ドメインを取得しWordPressへ以降しました。
「初のWebサイト制作はどれか?」と聞かれたら私の場合はこのブログになります。またこのブログがキッカケと言ってもいいほど様々な事が学べ、また現在進行系でWebのアレコレを体感しながら吸収しております。
FC2ブログの時代は複数あるテーマから選んだデザインを当て、徐々にカスタマイズを行い、最終的にはこの様なデザインになりました。http://degiteku.blog.fc2.com/
そしてWordPressへ移行し、初期の頃は既存のテーマを用い運営。徐々にカスタマイズを行い、暫くすると完全オリジナルデザインのテーマに変わっていきました。それから何度もデザインが変わり、徐々にコンテンツの中身も充実し(本当かな笑)、企業様から直接製品レビュー依頼を受ける事も出てきました。
最近は専ら更新が止まっておりますが、現在密かに完全リニューアルを行っている最中で今年夏頃には復活する予定です。
これからも可能な限り続けていきます!
公開を終了した、または開発を停止しているプロダクトです。
個人情報保護方針をご一読後以下内容を入力の上、各種チャットツールまたはSNSアカウントまで直接お問い合わせ下さい。