ポートフォリオまとめ

ポートフォリオをまとめたページとなります。
上にあるものが、直近で作成した実際の成果物したものになります。

価格比較ツール

実際のページ:

Laravel

機能解説について:

APIを利用した保存ツール
初めに プログラミング学習の成果物として今回のポートフォリオを制作いたしました。 採用面接およびアウトプットとしてこちらに投稿します。 経緯 勉強に必要となる本をできるだけ安く仕入れるために、楽天やAmazonなどのECサイトやメルカリなど...

作成した経緯

勉強に必要となる本をできるだけ安く仕入れるために、楽天やAmazonなどのECサイトやメルカリなどのフリマサイトを見比べて中古本を購入するようにしています。

楽しくウィンドウショッピングしてはいるものの、面倒な作業の1つであった。それをプログラミングの技術を活かして、「無駄な作業をなくしたい!」ということが製作しようと思ったのがきっかけです。

開発環境

  • PHP 8.2.4
  • Laravel 10.10
  • Bootstrap 4.5
  • MySQL
  • Github
  • Visual Studio Code

実装機能

No機能      機能について
1Amazonへ検索PA-APIを利用して、商品情報を取得
2楽天へ検索楽天市場商品検索APIを利用して、商品情報を取得
3検索した商品の保存DBへ情報を格納することができる
4保存した商品の検索機能商品一覧から該当の商品を部分一致検索できる
5保存した商品の削除機能商品一覧から削除を実施することができる
6検索した商品の更新格納されている情報と比較して、変更点があれば更新される
7保存した商品の表示ログインIDに応じて、異なる商品が表示される
8ソート機能JavaScriptにより実装
並べ替えのドロップダウンを選択することで並べ替え可能

デプロイ

エックスサーバーを使用してデプロイしております。
手順として以下のことを実施しました。

  • SSHでレンタルサーバーと紐づける
    セキュリティを考慮し、公開鍵を生成
  • レンタルサーバー内のPHPバージョンの設定
  • 生成した公開鍵をGithubに登録
  • mysqlの追加およびアクセス権の追加処理
  • gitよりcloneを実施
  • .envファイルの設定
  • 本番環境へ各種ファイルを配置
  • URL到達時の初期読み込み場所を指定する
    シンボリックリンクの扱いがわからなかったため、index.php内の記述を変更
  • .htaccessの設定
  • BREEZEインストールに伴い、nodeとnpmをインストール
  • VITEを利用可能にする。

工夫した点

  • コーディングの可読性の意識
    わかりやすくするため関数や変数名などはなるべく詳細な命名を実施。
    コメントアウトを細かく行うことで、挙動を理解できるようにした。
  • 検索結果がamazonの見た目に寄せるように努めた

ポートフォリオの課題点

  • デザイン面に苦手意識が強く、ユーザーが見やすいUIなどの意識もしていきたい
  • 以下、実装したい機能ある
    ワンクリックで複数のECサイトから情報を取得する
    Amazon API利用時、取得件数を増やす

 

ホテルの予約サイト(共同制作)

実際のページ:

Crystal Resort

機能解説について:

【共同制作】ホテルの予約ページ
初めに プログラミング学習の成果物として今回のポートフォリオを制作いたしました。 採用面接およびアウトプットとしてこちらに投稿します。 経緯 Gitのブランチやmaster周りの考え方やコミット、プルなどの基本的な挙動の理解を深めるために作...

作成した経緯

Gitのブランチやmaster周りの考え方やコミット、プルなどの基本的な挙動の理解を深めるために作業開始。
E-R図や1対多、多対一、多対多などのリレーションの理解を深める目的。

共同制作(4人)により作成をした。当方は、以下の内容に従事。

  • 管理者としてログイン機能の実装
  • 部屋種別、部屋管理ページを作成
  • 1対多のリレーション作成
  • 各人に対して、進捗確認

開発環境

  • PHP 8.2.4
  • Laravel 10.10
  • Bootstrap 4.5
  • MySQL
  • Github
  • Visual Studio Code

実装機能

No機能      機能について
1新規登録機能利用者を新規登録することができる
2更新機能利用者情報を更新することができる
3削除機能利用者情報を削除することができる
4削除した情報の復元機能ソフトデリートにより、削除した情報の復元も可能
5表示機能DBに保存された内容を表示
外部キーを利用することで、別DBの情報を取得
6空室検索機能ダブルブッキングをしないように、予約時に空室検索をする
7ログイン機能管理者としてログイン機能を搭載
ログインしないと表示されないページ有

DB設計

ホテルのER図

ER図

ER図

工夫した点

  • BREEZEの導入に伴い、nodeやnpmの環境を見直す必要があった点

ポートフォリオの課題点

  • マルチログインに対応させたかった。
    ログインのみ行えるが、ログアウトなどの機能実装できず。

経験や資格について

私が経験のあるプログラミング言語や保持しているIT資格を紹介いたします。

プログラミング言語

以下、各半年~1年ほどの経験。

  • Java
  • JavaScript
  • PHP
  • HTML
  • CSS

フレームワーク

利用したことのあるフレームワークは以下の通りです。

  • Laravel 6/10
  • bootstrap 4.5

IT資格関係

IT関連の保持している資格は、以下の通りです。

  • MOSエクセルスペシャリスト
  • Webクリエイター能力認定試験HTML5エキスパートサーティファイ (株)
  • Oracle認定JavaプログラマBronze SE8
  • 基本情報技術者試験合格

PAIZA

PAIZAという競技プログラミング学習サイトでBランクを取得しています。