はじめに
こんにちは！きいな(@keynyaan)と申します。
今回、モダンな技術を使って初めてポートフォリオを作ってみたので、開発背景や学習教材などを紹介します。
ポートフォリオを作るにあたって、色々な方の素晴らしいポートフォリオ作成記事が参考になったので、今度は私の記事が誰かのためになることを祈ってます。
自己紹介
大学卒業後、新卒でSIer企業に入社し、3年ほどJavaやJavaScriptなどを使って、バックエンドやフロントエンドのシステム開発を行っていました。
そんな私が自社開発企業に興味を持ち、退職を機に、2023年1月からポートフォリオ作成に向けて学習を始めました。
学習期間は3ヶ月ほど、開発期間は5ヶ月ほどになります。
追記(2023年12月24日)
当記事投稿後に転職活動を行い、10月中旬頃にReactやGoなどを使っている自社開発企業から内定をいただき、12月からで正社員として働けることになりました。
私はプログラミング経験者でしたが、未経験の技術を色々と学習してポートフォリオを作った経験は高く評価されたので、挑戦して良かったなと思います。
実際に初めての転職活動をしてみて、職務経歴書の書き方や企業研究や面接対策など、具体的に何をしたらよいのか分からないことが多く、調べるのが結構大変だったので、Webエンジニアに特化した初めての転職活動ガイド的な記事を書いてみました。
この記事が参考になった初学者の方には、きっと役に立つような情報があると思いますので、よかったらこちらも合わせてご覧ください！
目次
1. ポートフォリオの紹介
2. 選定技術の採用理由
3. ポートフォリオ作成までに学習したこと
4. ポートフォリオ作成の進め方
5. ポートフォリオ作成に役立ったサービス
6. これからポートフォリオを作る方へのアドバイス
1.ポートフォリオの紹介
サービス概要
HayabusaTripは、「旅の準備をもっとシンプルにしたい！」という想いから作られた、無料の旅行プラン共有サービスです。
わずか3ステップで旅行プランを共有できる直感的なUIで、ユーザーの面倒な旅行の準備をサポートします。
▼ サービスURL
レスポンシブ対応済のため、PCでもスマートフォンでも快適にご利用いただけます。
▼ GitHubのリポジトリ
バックエンド
フロントエンド
開発背景
私は旅行に行くことが趣味なのですが、旅行の度にメモアプリで旅のしおりを書いて、それを友達に共有していました。
しかし、このやり方ではテキストだけなので、しおりが長くなると読みにくくなるといった問題が生じていました。
その上、事前に立て替えたレンタカー代やホテル代の精算を行う際に、手動で計算を行う必要があったので、煩雑に感じていました。
これらの問題を解決するため、数多くの旅行系アプリを試してみましたが、多機能で便利だけど旅行プラン共有までの導線が分かりにくかったり、シンプルで使いやすいけどデザインが好みでなかったりと、私にとって完全に理想的なサービスはないことに気づきました。
それなら、これらの問題を解決したシンプルでおしゃれなサービスを自分で作ろう！と思い開発することにしました。
工夫した点
PCでもスマートフォンでも使いやすいサービスを実現するため、ウィンドウサイズに応じて、フォントサイズやスペースを適切な大きさに調整するなど、レスポンシブデザインをかなり意識して開発しました。
また、UI / UX向上のため、フォームには極力デフォルト値を設けたり、旅行プラン作成時にプリセットの旅行スポットが登録されるようにしたりなど、可能な限り、システム的にユーザーの手間を減らす設計にしました。
他には、楽しく旅行プランを立てられるようにするため、旅行プラン作成時に、選択した旅行先の観光スポット画像がデフォルトで登録されるようにして、視覚的に旅行へのイメージが膨らむようにしました。
メイン機能の使い方
| 旅行プラン作成 | 旅行スポット追加 | 旅行プラン公開 |
|---|---|---|
 |