ポートフォリオ Portfolio
就職活動用にポートフォリオを作成しました。
Portfolio
Built with Sass, FLOCSS, Bootstrap
Tea Selection
PHPのフレームワーク「Laravel」を学び、作成したサイトです。
会員登録、ログインをすると、マイページにジャンプします。マイページには自分が登録した紅茶情報の概要が表示され、編集・削除が可能です。1件も登録していない場合は、登録画面に遷移します。一覧ページには全ての紅茶情報の概要が表示され、選択すると詳細画面へと遷移します。詳細カードの下には、同じブランド（登録画面ではドロップダウンで選択）と同じ紅茶タイプ（登録画面ではラジオボタンで選択）の一覧が表示されます。
Tea Selection
Built with PHP’s framework called “Laravel”.
ライフプランナー Life (Goal) planner
Java Scriptのフレームワーク「Vue.js」の練習用に作成したページです。
目標を決め、達成期日と第一歩としてのアクションを決めます。入力必須項目はここまでですが、アクションを追加することで目標を達成するために本当に必要なことが見つかるように工夫しました。（例 目標「車を購入する」 ①リサーチする→問題：頭金→②必要な金額を貯金する→問題：思うように貯金できない→③収入アップのために動く→④転職活動を始める→問題：なかなか決まらない→⑤稼ぐために勉強する）
Life planner / Goal planner using Vue.js.
I studied Java Script’s frame work “Vue.js” and built this planner as a practice project.
年収ゲーム Salary game
オブジェクト指向（Object-Oriented）の学習として作った簡単なゲームです。
ボタンをクリックするとランダムな数字×ランダムな通過が表示され、それがその月の月収となります。
12月まで繰り返し、年収を計算するゲームです。
Salary Game
I studied Object Oriented Programming and built this easy and simple game as a practice project.
フレームワーク勉強中 I am learning Frame work
PHPのフレームワーク「FuelPHP」の練習用に作成しました。
登録、ログイン、ログアウトとバリデーションのみの簡単なページを作ることで、フレームワークの特徴であるビュー、コントローラ、モデルのしくみと書き方を学びました。
I am learning Frame work
This is just a practice output of PHP’s frame work “FuelPHP”. I have learnt the concepts of frame work, View, Controller and Model by building this simple page.
Sleep Trainingのススメ What’s Sleep training?
CSS設計（FLOCSS）、scss、bootstrapの練習用に作成したサイトです。
レスポンシブ対応、モダール、アニメーションなど、様々なスタイルや機能を実装しました。
What’s Sleep training?
I built a simple website as a practice of jQuery, Bootstrap, sass, FLOCSS, responsive-design, animation, modal.
My Collection
データベースについて学習し、フレームワークを使用せずに一から作成したサイトです。
※サイト自体は未完成です。
ファーストフードの子供のおまけ、がちゃ、LOLなど、持っているものがかぶってしまった際に、欲しいものを持っている人と交換できるSNSのような「人とつながる」サイトをイメージしました。
My Collection
This is a practice (not completed) to understand Database. I built it from scratch without using any frame works. The nav-bar shows different menu depend on the condition (log-in or not, which page).