# ともきちのエンジニア成長記

> 個人開発、Web開発、AI活用、設計、運用改善の試行錯誤を記録する、軽量で高速な個人技術ブログです。

This is a personal engineering blog about indie development, web development, AI-assisted development, product design, infrastructure, operations, and learning notes. Japanese (`/`) and English (`/en/`) versions are kept in sync. Every article is also available as raw Markdown (append `.md` to the article URL) and as JSON (append `.json`).

## Articles (Japanese)

- [「AI向け最適化」と呼ぶ前に、技術ブログへllms.txtとWebMCPを実装した理由](https://engineer-blog.tomoki-ttttt.workers.dev/articles/llms-txt-webmcp.md): LLMOやAIエージェント向けWebの正解がまだ固まっていない中で、技術ブログにllms.txt、llms-full.txt、WebMCPを試験的に実装した。効果を期待して先回りしたというより、人間以外にも内容を渡しやすいWebの形を、小さく試してみた理由と実装を整理する。
- [ログインなしアプリを作るときに考えたいセキュリティ設計](https://engineer-blog.tomoki-ttttt.workers.dev/articles/login-less-app-security-design.md): ログインをなくすと、本人確認や権限管理を別の仕組みで補う必要がある。開発を検討しているNobo Pageを例に、認可・セッション・CSRF・共有URL・トークン・XSSなどの設計上の論点を整理する。
- [AI時代に、あえて個人ブログをポートフォリオ化する理由](https://engineer-blog.tomoki-ttttt.workers.dev/articles/ai-era-portfolio-blog.md): AIで何でも作れる時代だからこそ、「何を作ったか」だけでなく「どう考えて作ったか」を見せることが大切になる。個人ブログをポートフォリオとして育てていく理由と、その意図を整理する。
- [爆速技術ブログに Shiki でシンタックスハイライトを入れた理由](https://engineer-blog.tomoki-ttttt.workers.dev/articles/add-shiki-syntax-highlight.md): Astroで作った爆速技術ブログに、Shikiでシンタックスハイライトを導入した理由と、軽さ・読みやすさ・保守性のバランスについてまとめます。
- [Lighthouseの点数だけを追いかけると、体感速度を見失うかもしれない](https://engineer-blog.tomoki-ttttt.workers.dev/articles/performance-and-transition-ux.md): 個人技術ブログに CSS View Transitions を実装して気づいた、パフォーマンスの実測値と体感速度の違い。Lighthouse、MPA、SPA、アニメーションについて。
- [爆速な技術ブログを作るために意識していること](https://engineer-blog.tomoki-ttttt.workers.dev/articles/tech-blog-performance-notes.md): Astroで静的な技術ブログを作るときに意識した、HTML、JavaScript、CSS、画像、フォント、依存関係、Lighthouse計測の見方をまとめる。
- [AI旅行プランナーの生成の待ち時間に『旅のTips』を出すUXを考えた話](https://engineer-blog.tomoki-ttttt.workers.dev/articles/tabidea-travel-tips-loading-ux.md): AI旅行プランナーTabideaで、生成の待ち時間を単なるローディングではなく、プログレスバーと旅のTipsで期待を高める時間に変えるために考えたこと。
- [このブログについて：爆速な技術ブログを作り直した理由](https://engineer-blog.tomoki-ttttt.workers.dev/articles/about-this-blog.md): Next.jsからAstroへ。技術選定の過程からAIエージェントとの開発、これからの展望まで、再構築の舞台裏をまとめる。

## Articles (English)

- [Before Calling It "AI Optimization": Why I Added llms.txt and WebMCP to My Engineering Blog](https://engineer-blog.tomoki-ttttt.workers.dev/en/articles/llms-txt-webmcp.md): There is no settled answer yet for what an LLM- or agent-friendly web should look like, so I added llms.txt, llms-full.txt, and WebMCP to this blog as an experiment. Less a bet on future ranking gains than a small test of giving non-human readers an easier way in — here is what I built and why.
- [Security Design to Consider When Building a Login-less App](https://engineer-blog.tomoki-ttttt.workers.dev/en/articles/login-less-app-security-design.md): Removing login means replacing identity verification and permission management with other mechanisms. Using Nobo Page as an example, this note organizes design topics like authorization, sessions, CSRF, share URLs, tokens, and XSS.
- [Why I'm Turning My Personal Blog into a Portfolio in the AI Era](https://engineer-blog.tomoki-ttttt.workers.dev/en/articles/ai-era-portfolio-blog.md): In an age where AI can build almost anything, it's becoming more important to show 'how you think' rather than just 'what you built.' I'll explain why I'm growing my personal blog as a portfolio.
- [Why I Added Syntax Highlighting with Shiki to My Fast Tech Blog](https://engineer-blog.tomoki-ttttt.workers.dev/en/articles/add-shiki-syntax-highlight.md): A short note on why I introduced syntax highlighting with Shiki to my Astro-based tech blog, and how I balanced performance, readability, and maintainability.
- [Lighthouse Scores Are Not the Same as Perceived Performance](https://engineer-blog.tomoki-ttttt.workers.dev/en/articles/performance-and-transition-ux.md): What I learned after implementing CSS View Transitions on my static blog — how measured performance and perceived speed can tell very different stories.
- [What I Pay Attention to When Building a Fast Engineering Blog](https://engineer-blog.tomoki-ttttt.workers.dev/en/articles/tech-blog-performance-notes.md): A practical note on HTML, JavaScript, CSS, images, fonts, dependencies, Lighthouse metrics, and a checklist for keeping an engineering blog fast.
- [Adding Travel Tips to the Loading Time of an AI Travel Planner](https://engineer-blog.tomoki-ttttt.workers.dev/en/articles/tabidea-travel-tips-loading-ux.md): How I designed the generation waiting experience in Tabidea, an AI travel planner, by turning loading time into a moment of anticipation with a progress bar and travel tips.
- [Why I Rebuilt My Tech Blog for Blazing Speed](https://engineer-blog.tomoki-ttttt.workers.dev/en/articles/about-this-blog.md): From Next.js to Astro. A deep dive into the technical selection, the development process with AI agents, and my vision for this blog.

## Pages

- [Home (Japanese)](https://engineer-blog.tomoki-ttttt.workers.dev/): Site top.
- [Home (English)](https://engineer-blog.tomoki-ttttt.workers.dev/en/): Site top, English.
- [About](https://engineer-blog.tomoki-ttttt.workers.dev/about/): Author profile and focus areas.
- [Works](https://engineer-blog.tomoki-ttttt.workers.dev/works/): Projects and case studies.
- [Archive](https://engineer-blog.tomoki-ttttt.workers.dev/archived/): Older posts.

## Feeds

- [RSS (Japanese)](https://engineer-blog.tomoki-ttttt.workers.dev/rss.xml)
- [RSS (English)](https://engineer-blog.tomoki-ttttt.workers.dev/en/rss.xml)

## Optional

- [llms-full.txt](https://engineer-blog.tomoki-ttttt.workers.dev/llms-full.txt): Full Markdown of every published article, concatenated.
- [Privacy Policy](https://engineer-blog.tomoki-ttttt.workers.dev/privacy/)
- [Disclaimer](https://engineer-blog.tomoki-ttttt.workers.dev/disclaimer/)