Skip to content
View uto-usui's full-sized avatar
🐈
... 🐈 ... 🐈
🐈
... 🐈 ... 🐈

Highlights

  • Pro

Block or report uto-usui

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
uto-usui/README.md

Flower 🌸

uto-usui.com

uto usui のポートフォリオです。Astro で静的に書き出し、エックスサーバーに置いています。

開発

Node 26 と pnpm 10(packageManager で固定)を使います。

pnpm install
pnpm dev        # http://localhost:4321
pnpm verify     # lint / format / 型 / unit / build / dist / E2E
場所 中身
src/data/ 文言と作品のデータ
src/components/ 部品(atoms / molecules / organisms)。class 名は旧サイト(Nuxt 2)のまま
src/scripts/ ブラウザ側の動き(慣性スクロールと視差、登場の動き、リンク、サウンド)
src/styles/ 全体のスタイルと、全部の SCSS に差し込む変数・mixin
public/.htaccess サーバーの転送・応答ヘッダー・キャッシュ
scripts/visual/ 旧サイトとの見た目の比較(docs/renewal/README.md の 3 章)
scripts/xserver/ エックスサーバーとの同期

公開

CI はビルドとテストの確認だけで、公開はしません。公開は手元から行います。手順は docs/xserver.md にあります。Claude Code には「デプロイして」と頼めば、スキル xserver-sync で進めます。

pnpm xserver:deploy

リニューアルの記録

Nuxt 2 から Astro への載せ替えの計画と結果は docs/renewal/README.md にあります。

Pinned Loading

  1. uto-usui uto-usui Public

    🐈 my portfolio 2021~

    TypeScript 5

  2. laboobal laboobal Public

    Interaction sample collection

    JavaScript 4 2

  3. nuxt-typescript-web nuxt-typescript-web Public

    Nuxt x TypeScript boilerplates for building websites without decorators.

    CSS 2 3

  4. frontend-aseets frontend-aseets Public

    Vue

  5. stylelint-config-good-scss stylelint-config-good-scss Public

    Stylelint config to write good scss.

    JavaScript

  6. webmanab webmanab Public

    Source code of webmanab.com (Astro + Markdown)

    TypeScript