Shingo Portfolio (GitHub Pages) [https://tachi-shin.github.io/]
このリポジトリは GitHub Pages(YOUR_NAME.github.io)で公開するための静的サイトです。
- このフォルダの内容を
YOUR_NAME.github.ioという名前のパブリックリポジトリにプッシュします。 - リポジトリの Settings → Pages で Deploy from a branch を選択し、ブランチを
main(またはmaster)に設定。 - 数分後、
https://YOUR_NAME.github.ioで公開されます。
index.htmlのOGP/JSON-LD内のYOUR_NAMEを置換。assets/css/style.cssで配色や余白を調整。assets/js/main.jsのnews配列を更新(あるいは GitHub API から取得するように拡張)。projects.htmlの各リンクを自分のリポジトリに更新。
- Web Components(, )
- CSS Variables / Container Queries / prefers-reduced-motion
- Canvasパーティクル背景(外部ライブラリなし)
- IntersectionObserver でのフェードイン
- JSON-LD / OGP メタ
- ダーク/ライト/自動テーマ切替(ローカル保存)
- Service Worker でのオフライン対応(PWA)
- Projects を
projects.jsonなど外部ファイルからフェッチ - WebGL/Three.js による3Dデモを別ページに追加