PROJECT
Portfolio
初代ポートフォリオサイト
expand_more
Portfolioとは
HTML・CSS・JavaScriptのみで制作した、初めてのポートフォリオサイトです。
自己紹介や制作物をまとめるために制作し、現在のサイトの原点となるプロジェクトです。
プロジェクト概要
初めて制作したポートフォリオサイトです。
HTML・CSS・JavaScriptを使用して作成し、シンプルなデザインで自己紹介や作品紹介を掲載しています。
実際に公開されているサイトとして現在も閲覧できます。
開発の動機
- 自分の作品を紹介する場所が欲しかった
- 自分だけのWebサイトを作ってみたかった
- Web開発のスキルを身につけたかった
- JavaScriptによるアニメーションを実装してみたかった
主な機能
animation
背景アニメーション
JavaScriptを用いた動きのある背景表現
menu_book
メニュー
メニューボタンから各ページへ素早く移動
speed
GitHub Pages
GitHub Pagesによるサイト公開
使用技術
| 技術 | 用途 |
|---|---|
| HTML | ページ構築 |
| CSS | デザイン |
| JavaScript | アニメーション・UI |
| GitHub Pages | サイト公開 |
今後の展望
share
SNS
SNSでサイトを公開
travel_explore
Search Console
Google Search Consoleへ登録
auto_awesome
Next Version
デザインを一新した新ポートフォリオへ発展
Website
実際に公開されているサイトはこちらから閲覧できます。
update最終更新日:2026/07/26