Hello!

Welcome to Shiho's Portfolio.

top_image Scroll

About this site

ポートフォリオサイトをご覧いただき、ありがとうございます。こちらでは、これまでに手掛けたポートフォリオやスキル等をまとめております。現在開発中なものなど、随時こちらのポートフォリオサイトに作品を追加していく予定です。デザインは完全に素人ではございますが、できるだけ私のイメージを表現しました。

About me

profile

商社、Webマーケティング企業を経て、エンジニアを目指し学習中です。エンジニアを目指したきっかけは、Webマーケティング企業にてディレクションに挑戦したとき、私も開発してみたい!と思い、好きなWebサイトを見様見真似で作ってみたらハマったこと、また、ITの力で社会問題を解決したいと思ったからです。

コロナ禍で生まれた私の最近の趣味は、料理です。といっても、スパイスから作るカレーでしたり、手作りコーラやジンジャエールなど制作物より(?)の料理が好きで、何かを生み出すということそのものが私は好きみたいです。

Article : https://www.notion.so/Home GitHub : https://github.com/

Skills

HTML5 / CSS3

暇さえあれば、好きなWebサイトの模写をして遊んでおり、画面仕様通りのコーディングが可能です。CSSのアニメーションやレスポンシブデザインも実装可能で、このサイトトップのスクロールボタンもCSSのアニメーションで作成しました。

PHP

フルスクラッチで開発したものはポートフォリオにはございませんが、「よくわかるPHPの教科書(たにぐちまこと著)」のTwitter風の掲示板のチュートリアルにリツイート機能といいね機能を実装し、フレームワークに頼らないSQL文も書くことができます。

CakePHP

私が一番最初に学んだフレームワークで、ここで初めてMVCモデルに触れました。"CakePHP超入門(掌田津耶乃著)"のオークションサイトのチュートリアル(会員登録、ログイン、商品登録機能など)に加え、発送・受取評価機能、取引相手評価機能を実装しました。

Laravel

CakePHPで実装したミニオークションサイトをLaravelでも一から実装しました。ファサードを活用した実装やカスタムバリデーションの実装が可能です。現在、Vue.jsとLaravelでのSPA開発に挑戦中です。

JavaScript

クライアントサイドの振る舞いとしてのJavaScriptを学んでいます(そのうち、Node.jsもやりたい!)。jQueryやBootstrapなどの外部ライブラリ、非同期通信や基本的なAPIを使った実装が可能です。このサイトではVue.jsを活用しました。

Vue.js

まだ学びたてですが、このサイトのモーダルウィンドウとカルーセルスライダーはVue.jsを活用して実装しました。現在、スケジュール管理アプリをSPAにて開発中です(ポートフォリオ完成次第、こちらのサイトにアップ予定です)。

MySQL

中小規模プロジェクトの機能要件に応じて、概念設計・論理設計・物理設計をすることが可能です。また、要件に応じたDDL・DML・DCLの作成ができます。

Docker

Dockerfile、docker-compose.ymlを使って、開発環境を構築することができます。ミニオークションサイトでは、Dockerを使ったLEMP環境を構築して開発しました。

AWS

EC2インスタンスを作成し、プロジェクトをGitからcloneしてデプロイすることが可能です。Route53にてドメインを取得し、ACM・ALBを使ってHTTPS化しました。また、S3・CodePipeline・CloudFrontを活用し、静的サイトを自動デプロイ可能です。

Contact