Portfolio
Ryutaro Ichikawa
Home
About
Works
Reserch
Contact
portfolio(Website)
MinDiger(Game)
NHK robot contest
CCCeB(Programing Contest)
Android App(Intern)
Rolling Snow(Game)
others
ポートフォリオサイト
- 制作期間 : 3週間程 -
WEB系開発アルバイトでVue3の開発経験があったため、学習コストの少ないVue3とNuxt.jsを用いて当ポートフォリオサイトを作成しました。 デプロイには、githubのリポジトリと連携することで自動でCI/CDパイプラインを作ってくれるNetlifyを使用しました。 本当は間にテストや、検証用リポジトリを作った方がいいですが個人開発なので一旦ナシで作成。
ホームページの最初には、見て楽しめるようにThree.js(実際にはVueのコンポーネントとして使用できる
Tres.js
)を用いた3Dのキャンバスを実装しました。 こちらのキャンバスではマウスのホイールやドラッグによりカメラを操作することが出来ます。 他にも
gsap
などを使いサイトの表示に動きを付けたり、
MathJax
を用いて数式なども描画できるようにしました。
現在はレスポンシブデザインの実装とキャンバス内の各描画の実装、描画スピードなどの改善を行っています。画像がたまに読み込まれないことがありますが、ページを再ロードすると治ります。(対応中)