Portfolio

Ryutaro Ichikawa

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