大阪公立大学 / ポートフォリオ・アウトプット
ポートフォリオ
所属ゼミのホームページを作りました。ゼミについての詳細やゼミ生のプロフィール、過去の活動などが確認できます。また、Q＆Aや問い合わせフォーム、選考についての流れなど、ゼミに入ることを検討している学生とのコミュニケーションが取れるよう、これから実装していきたいと思います。現在はトップページのみ完成しており、これからリンク先を表示できるようにしていきます。 技術スタックについては、React, TypeScript, Node.js, Next,js、UIにはChakra UI, Tailwind CSSを使っています。もともと、HTML, CSS, JavaScriptのみの静的なホームページを制作していたのですが、ルーティング設定や、コンポーネントを使って他ページの制作が簡単に行えるという点から、上記の技術スタックに変更しました。 工夫した点としては、3つあります。1つ目は既存のホームページサイトを参考にしました。複数のサイトを参照し、ヘッダーのトグルバーやボディの各要素など、「いいな」と思った部分は積極的に真似しました。2つ目に、レスポンシブデザインを工夫しました。学生向けに作ったサイトである以上、スマホでサイトを閲覧する方が多いかと思ったため、スマホから閲覧しても綺麗に表示されるよう、デプロイ後に自分のスマホで確認するなど地道な修正を加えてきました。3つ目に、サイトの機能を拡張した場合を想定し、技術スタックを大幅に変更した点です。インターンに参加した際に、上記の技術スタックで開発指定とことや、他の学生さんがChakra UIやv0を活用していたのを見て、自分のサイトに応用したいと思いました。これらの変更は、サイトの拡張にもうまく対応できる要因となりました。