森田 光樹

Eido Nabeshima

三輪 洋資

Minamikawa Yuichi

自己PR

デプロイはまだできておりませんが、現在開発しているのがこちらの製作物になります。
病院の口コミが投稿、閲覧ができる様に作成したのがHospital Reviewsになります。 こちらもPHPとフレームワーク laravelを使用しています。 実は、こちらを最初に作成していましたが初めてのPHPの製作物だったので中々実装ができていないところが多々あります。
　その失敗とエラーを解決したことにより、Study-Of-PostSiteがすんなりと実装ができました。 現在、詳細ページを見るために実装していますが、Undefined variable: reviewsという変数が渡せていないというエラーが出ているため修正中です。

※GitHubにてDBのER図を添付しています。

製作物 2. Hospital Reviews

私のエンジニアに向けての学習方法

転職した為、現在閉鎖中になります。
■概要
Study-Of-PostSiteは誰でも簡単に投稿ができるWebアプリケーションになっています。
自分が現在勉強しているプログラミング言語を選択して気軽に投稿できます。

■制作背景
最初は病院の口コミを投稿ができるものを作成しましたが中々思うような実装が出来ませんでした。そこで基本的なCRUD機能をアウトプットしたいという思いが出てきたのでstudy-of-postsiteを作成しました。病院のクチコミサイトで培ったスキルを活かして僅か4週間ほどで基本的な実装は完了しました。
これを応用することで今後、私が作りたいものの第一歩になると思います。

■こだわり
1.レスポンシブサイズに適用
現在、スマートフォンの普及率は8割を超えて尚且つ、サイトはPCよりもスマートフォンで閲覧する傾向が高いことが調べて分かりました。 そこで、SEO対策も兼ねてレスポンシブサイズに挑戦しました。横幅750px以下で文字の大きさやボックスの大きさの変化が見れると思います。 今後も、レスポンシブサイズに対応できるように引き続きHTML CSS JavaScriptを勉強します。

2.現在のコメント数を表示
投稿内容の中にコメントを投稿できるようなシステムになっています。その為、投稿を開いてコメントがあるかないかを確認するのが不便なのでこの機能を実装させていただきました。 countとifは非常に使う構文になりますのでいい機会になりました。

3.可読性を上げる為にconfigフォルダを使用してoptionの選択肢を作成
option内容が多い都道府県は47個ありますがこれをviewファイルに全て記述すると見えにくい上に編集もし辛いと思います。 そこで、Configフォルダにoption内容を格納する方法を実行してみました。今回のoption内容は少ないですが多い時に実用できると思います。 こちらのQiitaに纏めています。


苦労したところ
①環境構築
初めてwebアプリケーションを作成する際に環境構築のエラーにつまづいて進捗が止まりました。 エラーは解消しましたが、今後新しいwebアプリケーションを作成する際、困らないようにQiitaで纏めてみました。 これがきっかけとなって新しく気づいたことや理解したことをQiitaで投稿する習慣になりました。
お陰様で、2021年3月20日現在16 Contributions を達成することができました。

②検索機能
どこにでもある検索機能ですがこれを実装するのが難しかったです。
今回はスコープを使用した検索機能になります。毎回同じ検索条件を書くならEloquentのクエリスコープを使った方が楽だからです。 また、検索機能で使用する時にWhere句はよく使います。このWhere句ですが、条件式をモデルに定義（スコープ機能）して使いまわすことができます。今後、複雑な検索機能を実装するための基本となりますので実装してみました。

③AWSでのデプロイ
web系企業ではクラウドはAWSが主流になっていますのでAWSを用いて本番環境を構築しました。初めてのVimコマンドの操作に慣れていないことや、ディレクトリの階層も頭に入っていなかったことで、configファイルや.envファイルを探したり編集するだけでかなり難航しました。特に、ローカル環境では反映されているが本番環境で反映されていないというエラーが多発して苦戦しました。

■操作説明
投稿するには?
トップページの 投稿はこちらになります または、投稿一覧ページの投稿の新規作成はこちらのどちらかクリックして下さい。 投稿ページに遷移すると名前、カテゴリー選択、件名、メッセージの4項目を全て記述。最後に投稿するをクリックすると 投稿ができるようになります。間違いがある場合は赤文字でエラーが出るようになります。

コメントを残すには?
続きを読むをクリックしたら一番下にコメントのテキストエリアがあります。名前、本文を入力してコメントするをクリックすると コメントを残すことができます。また、投稿にコメントの数を表示できるようになっています。

編集をするには?
編集するをクリックして下さい。編集画面に遷移したら編集するテキストエリアを全て埋めて下さい。最後に更新するを更新内容が反映されます。

■補足事項
1.ログイン機能は実装しておりますが、採用担当者様に現在はすぐにアクセスし利用いただけるようにログイン機能の実行を解除しています

2.新規投稿または編集画面にて、「カテゴリー」のテキストエリアでバリデーションが出ないので現在修正中です。

■使用技術一覧
バックエンド
PHP 7.2.34 / Laravel 6.20.16

フロントエンド
HTML / CSS / javascript(現在学習中のため今後組み込む)

インフラ
MySQL Ver 14.14 Distrib 5.6.50 / AWS(EC2,S3)

その他の使用技術
git(gitHub) / Visual Studio Code /Gmail

製作物1.Study-Of-PostSite

転職した為、現在閉鎖中になります。
私の自己紹介文になります。AWSにてデプロイをしています。
内容は重なっているところはありますがこちらも是非、見て下さい。

Minamikawa Yuichi

Minamikawa Yuichi

プロフィール

つながり

Minamikawa Yuichi

Related Profiles

あなたも Wantedly で
プロフィールを作りませんか？

つながってこの人をもっと知ろう

自己PR

この先やってみたいこと

職歴・学歴

スキルと特徴

SQL

リーダーシップ

MySQL

Linux

Bootstrap

Publications

【社員Story Vol.2 南川裕一】30代未経験エンジニアで修行中!!

自己PR

私のエンジニアに向けての学習方法

Accomplishments/Portfolio

私のポートフォリオ

製作物1.Study-Of-PostSite

製作物 2. Hospital Reviews

Awards and Certifications

AWSソリューションアーキテクトアソシエイト (SAA)

AWS クラウドプラクティショナー (CLF)

販売士検定3級

ファイナンシャルプランニング技能士3級

言語

Minamikawa Yuichi

Minamikawa Yuichi

プロフィール

つながり

Minamikawa Yuichi

Related Profiles

あなたも Wantedly でプロフィールを作りませんか？

つながってこの人をもっと知ろう

自己PR

この先やってみたいこと

職歴・学歴

スキルと特徴

SQL

リーダーシップ

MySQL

Linux

Bootstrap

Publications

【社員Story Vol.2 南川 裕一】30代未経験エンジニアで修行中!!

自己PR

私のエンジニアに向けての学習方法

Accomplishments/Portfolio

私のポートフォリオ

製作物1.Study-Of-PostSite

製作物 2. Hospital Reviews

Awards and Certifications

AWSソリューションアーキテクトアソシエイト (SAA)

AWS クラウドプラクティショナー (CLF)

販売士検定3級

ファイナンシャルプランニング技能士3級

言語

あなたも Wantedly で
プロフィールを作りませんか？

【社員Story Vol.2 南川裕一】30代未経験エンジニアで修行中!!