**作成日付：**2026/06/01

**最終更新：**2026/06/04

Sachi Ichinoseのポートフォリオページです。

【Asuk@ official site】

使用技術・環境：

制作当初：Figma / HTML/CSS/Java Script

現　在　：Eleventy / Nunjucks / Sass(BEM・FLOCSS風設計・レスポンシブ7段階設計) / Vanilla JS(ES Modules) / WordPress(ACF・CF7) / Playwright(VRT) / Git

デザイン

https://www.figma.com/proto/K4PxpJzOinYRNDNTwFMZgs/Asuk--official_design?node-id=0-1&t=DmfvUQDBgdSvYqv8-1

https://embed.figma.com/design/K4PxpJzOinYRNDNTwFMZgs/Asuk--official_design?node-id=0-1&t=DmfvUQDBgdSvYqv8-1&embed-host=notion&footer=false&theme=system

実際のページ

https://asuka-official.com/

制作上の備考

【ArkAI】

使用技術・環境：

<aside>

フロントエンド

言語・ランタイム： TypeScript, React 19, Vite スタイリング： CSS（3段階レスポンシブ設計）

</aside>

<aside>

バックエンド ＆ AIアーキテクチャ

言語・フレームワーク： Node.js, Express 5 LLM統合： xAI Grok API AIロジック（RAG）：自前RAG実装 サーバーローカル環境でのテキストエンベッディング/ベクトル化処理：Hugging Face Transformers.js（@xenova/transformers） - all-MiniLM-L6-v2（384次元）

</aside>

<aside>

インフラ ＆ DevOps

コンテナ技術： Docker, Docker Compose Webサーバー： Caddy（リバースプロキシ ＆ 常時HTTPS自動化） ホスティング・DNS： DigitalOcean VPS, Cloudflare（DNS / セキュリティ管理） CI/CD・構成管理： GitHub Actions（自動デプロイパイプラインの構築）, Git

</aside>