デザインから開発まで、ものづくりをトータルに楽しむ
私はこれまで、DTPデザインからWeb制作、そしてシステム構築まで、デジタルの領域を幅広く歩んできました。
IllustratorやPhotoshopを手にデザインに没頭した日々から始まり、現在はReactやTypeScript、Node.jsなどを用いたモダンなWeb開発をメインに活動しています。
サーバー設定からアプリの実装まで一貫して携わってきた経験があるため、
「デザインの意図を汲み取ったスムーズな実装」には特に自信があります。
なかでも、ユーザーが直接触れる「フロントエンド開発」と「Webデザイン」が大好きです。
設計図を描くよりも、実際に手を動かして形にしていく「実装作業」にやりがいを感じます。
ちなみに、デザイン事務所時代からの相棒であるMacが私のメインマシンです。
クリエイティブな視点とエンジニアの視点、その両方を大切にしながら、使い心地の良いものをお届けしたいと思っています。
basic information
- Identity // Takayuki Kimura
- Vintage // 1962
- Base // Tokyo, JP
- Email // tki6ra@icloud.com
このサイトは、私の個人開発プロジェクトとして制作した「技術メモ兼ポートフォリオ」ブログです。
Next.js（App Router）と microCMS を組み合わせ、運用しやすいCMSベースの更新フローと、 高速な表示・堅牢なセキュリティを両立することを目的に設計しました。
プロジェクトの狙い
- 記事を継続的に公開できる、編集しやすいブログ基盤を作る
- 静的生成と再生成（ISR）を活用して、速度と更新性を両立する
- 外部入力（本文HTML・コメント）を安全に扱い、実運用レベルの対策を組み込む
主な機能
- 記事一覧 / 記事詳細（カテゴリ・タグによる分類）
- カテゴリ一覧・カテゴリ別記事、タグ一覧・タグ別記事
- コメント投稿・削除（スパム対策／削除トークンによる簡易認可）
- 下書きプレビュー（draftKey + プレビュー用APIでの導線）
- RSS / Atom フィード、サイトマップ生成
技術的なポイント
レンダリングはISR（一定間隔で再生成）を採用し、コンテンツ更新とパフォーマンスのバランスを最適化しています。
microCMSのデータは型定義（TypeScript）に寄せて扱い、環境変数はバリデーションして起動時に不備を検知できるようにしました。
セキュリティ面では、本文HTMLをサニタイズしてから描画・配信し、コメント投稿では reCAPTCHA（設定時）とAkismet（設定時）によるスパム対策を組み込みました。
「運用で起こり得る問題」を前提に、失敗時も落ちにくい作りを意識しています。
今後の拡張アイデア
- 検索（キーワード / カテゴリ / タグの統合UI）
- 関連記事表示（同カテゴリ・同タグ）
- OG画像の自動生成
使用している画像は私が撮影したものです。
プロジェクト :GitHub