PROFILE

Profile

日本マクドナルド株式会社 → 現在エンジニア転職目指して学習中
2020年11月からReact、TypeScript、Next.jsなどフロントエンドの学習を主に行っています。
2021年8月に参加している学習コミュニティで、チーム開発を体験し、プロダクトオーナーの知り合いの農家さんに使ってもらってるアプリの一般リリースに向けて新機能実装やリファクタリング、プロジェクトのTypeScript導入に貢献していきました。

Skills

スキル学習内容期間
HTMLタグの理解、属性の理解1年10ヶ月
CSS基礎のclass,idなどのセレクターでの記法はだいたい書けます。今後CSSアニメーションなど学習していきたいです。1年10ヶ月
JavaScript基礎的な記法はOK、学習初めてすぐReactを始めた為、DOM操作のメソッドなどは調べながら実装になります。1年9ヶ月
ReactReact hooks,props,など基本的な部分は一通り学習出来たかと思います。1年7ヶ月
Next.js基本的なLinkやImage、ファイルシステムルーティングなど、個人を使う上で必ず一緒に使用しています。SSRやSSGなど今後キャッチアップ予定です。1年6ヶ月
TypeScriptまだ学習中ですが、typeやinterfaceなどの型付けやprops、VFCやFCの型付などは経験しています。1年3ヶ月
Firebase主にFirestoreを学習して来ました。v9の記法も簡単なものはキャッチアップ済み、rulesの記述などの理解もある程度は出来ています1年4ヶ月
tailwindcss基礎的な記法は一通り出来ます。JITモードなどの設定を今後学習予定1年6ヶ月
Git,GitHubGithub連携、チーム開発でブランチを切ったりプルリク作成なども経験してます。1年8ヶ月
Jiraチーム開発でのTask管理に使用1年1ヶ月
supabasekai-monoアプリのバックエンドで使用、基本的な操作はキャッチアップ済み8ヶ月
PHPLaravelを用いたバックエンドの実装などを実務でやってます5ヶ月
GoGoを用いたバックエンドの実装などを実務でやってます0ヶ月

学習記録

Notionで毎日の学習記録Qiita記事でのアウトプット Zenn記事でのアウトプット

Github contributions

PORTFOLIO

Biet-new

外国人と日本人の交際に関する情報サイトです(製作中)

このサイトはプログラミングを学習しながら、外国人と交際している自身と同じビザや文化などの疑問や悩みを誰かと共有したり解決したいと思い制作しました。いつかこのアプリはバックエンドも作ってリリースしたいと考えています。

使用技術

  • React
  • Next.js
  • TypeScript
  • Firebase
  • Chakra UI
  • tailwindcss

Member-Choosed

学習サイトで一緒に学習する人を選ぶ為に作ったメンバー選定アプリ

制作時間30分で初めて他人にも使ってもらったアプリです(個人名は削除してます)

使用技術

  • HTML
  • CSS
  • JavaScript

Member-Choosed(vue)

MemberChoosedのアプリを職業訓練校で学んだVueのキャッチアップ用にリファクタリングを行い作成ました。

前回はコード側でしか抽選対象を増やせなかったですが、今回はフロント側から抽選対処を入力して抽選出来ます。

使用技術

  • Vue

kai-mono

家族との買い物リスト共有アプリです。

『買い物をもっと効率的に』をコンセプトに、買い物のリストを家族と共有し買い忘れや勝ったものの重複を防ぐアプリケーションです。(PWA対応でスマホ使用を想定しているのでdev toolsのshow deviceを有効にして見ていただきたいです。)

使用技術

  • React
  • Next.js
  • TypeScript
  • supabase
  • SWR
  • tailwindcss
  • next-pwa
  • Chakra UI

k-blog

MicroCMSとNext.jsを用いたブログです。

MicroCMSとNext.jsを用いたブログです。

使用技術

  • React
  • Next.js
  • TypeScript
  • MicroCMS
  • tailwindcss
  • Mantine

LaravelTodo

LaravelとNext.jsを用いたTodoアプリです。

LaravelとNext.jsを用いたTodoアプリです。

使用技術

  • React
  • Next.js
  • TypeScript
  • tailwindcss
  • PHP
  • Laravel
  • SQLITE

SNS

Twitter

Github

Qiita

Zenn