畠山宗一郎

MONORAWG

IT・ガジェット系の個人ブログ。2022年12月に開設。

2025年2月にNotionをCMSとして使うブログシステム（astro-notion-blog）に移行。

実績：月間約4000～5000PV

コンセプトは
"ガジェットライフログ"

自分が感じた生（RAW）の経験を伝えることがコンセプト。

スマホやPCの困りごとを解決する方法を紹介したり、購入した製品のレビューを書いたり、ガジェットがもたらすちょっと便利な暮らしを提案しています。

使用した技術

• Astro.js
• Notion API
• HTML
• CSS
• TypeScript

工夫したポイント

デザイン面

• 見慣れたシンプルなレイアウトだけど、どこか新鮮さがあるデザインを意識
• ガジェットのごちゃごちゃ感をステッカー風に配置した様々なアイコンで表現
• 背景画像がスクロールとともに消えるアニメーションで記事の読みやすさを重視

実装面

• Astro.jsを使うことで以前のブログよりも3割以上の高速化を実現
• デフォルトの機能に加えて、広告表示、最終更新日、サイトマップなどの機能を実装

GitHub

縦書きエディタ たてっと

ブラウザでうごく縦書き特化のテキストエディタ。

生成AIを使って自然言語でコーディングを行うバイブコーディングを試す目的で制作。

使用技術・ツール

• DeepSite
• DeepSeekを使ってサイトをつくれるOSS
• GitHub Copilot
• DeepSiteでつくったサイトのデザインと不具合を修正
• HTML / CSS / JavaScript

工夫したポイント

• タブを閉じても書いた内容と設定項目が自動保存される機能の実装
• 説明がなくても使いやすいUI

GitHub

fisea | ファイシー

Google、Amazon、X、Wikipediaなど、様々なサイトをまとめて検索できるポータルサイト。

高校時代につくったUltimate Searchをベースに、2025年2月から制作開始。

30を超える対応サイトの中からよく使うボタンを設定することで、自分だけの検索サイトをつくれます。

現在進行形で開発中。

使用技術

• Next.js
• Cloudflare Workers

工夫したポイント

• Cloudflare Workersを使って、サーバーレスで動くポータルサイトを実現
• 検索ボタンの設定保存はブラウザのIndexedDB APIを使用。ログイン不要ですぐに使用できることが特徴
• 名前は"find"と"search"が由来。seaのイメージから、青を基調とした色合いをライトモード・ダークモード両方で表現
• 説明がなくても使いやすいUIデザイン（設定画面のボタンの有効無効を点線で表現するなど）

GitHub

Otemachi & Marunouchi Vlog

Release: 2023/06/14

Shibuya Chaos City

Release: 2023/08/25

Ueno, Tokyo.

Release: 2023/11/02

Shinjuku Fukutoshin

Release: 2024/04/01

Sakura Season in Meguro

Release: 2024/04/14 この作品のみ Davinci Resolve で編集しました