TOMO's Portfolio

Profile

生年月日
1987年9月(37歳)
出身地
大分県

経歴

2010-4~
大学(建築学科)を卒業後、非破壊検査を行う企業へ入社
派遣先の石油化学コンビナート内で保守業務に携わる
業務では主にExcelやCADを使用
2018-4~
SES企業へ転職し、SIer業界でシステムの保守業務に携わる
(使用言語:COBOL)
2019-10~
Web業界で働くために、独学開始
2021-3~
Web業界へ転職活動開始

ビジョン

ステップ1
Web業界において、フルスタックエンジニアに必要な知識を身に着ける
直近の内容は今後習得したい、習得度を深めたい技術を参照
ステップ2
webサービスの企画・提案を行うスキルを身に着ける
ステップ3
小〜中規模案件の企画、設計、開発、運用に携わる

Skill

※ 習得度の説明 (習得内容は基本的な内容)
習得度 説明
☆☆☆☆☆ 未学習
★☆☆☆☆ 触り程度で学習はしたが、ほとんど知らない
★★☆☆☆ 基本学習は行っている。復習が必要
★★★☆☆ 内容はある程度できるようになったが、習慣化はされていない
★★★★☆ あることを意識しなくても実践することができる
★★★★★ 人に教えることができる

習得した技術一覧

種別 言語 習得度
フロントエンド HTML ★★★★☆
CSS
(Sass)
★★★★☆
JavaScript ★★☆☆☆
サーバーサイド PHP ★★☆☆☆
Python ★★☆☆☆
MySQL ★★★☆☆
Docker ★★☆☆☆
Git ★★★☆☆
WEB
フレームワーク
Bootstrap ★★★☆☆
jQuery ★★★☆☆
Laravel ★★☆☆☆
Django ★★★☆☆

今後習得したい、習得度を深めたい技術(の部分)

種別 言語 目標習得の度あい
フロントエンド JavaScript ★★★★
サーバーサイド Python ★★★★★
PHP ★★★★
Docker ★★☆☆
AWS ★★★☆☆
フレームワーク Laravel ★★★★
Django ★★★
React ★★★☆☆

My Works

読書記録APP
アプリケーションURL
https://bookapp.portfolio-tomo.com

工夫した点
1. 便利で高機能な開発ツールを使用
→ 画面作成を効率的に行えるAdminLTEや グラフ作成に特化したChart.jsなどを活用することで 開発効率を高めることができた。
2. 利用者にフィードバックをもらいながら開発を行った。
→ 利用者の意見も聞き入れながら開発を行うことで、自分では気がつかなかった改善点を発見することができた。
苦労した点
書籍の読書状況を巻数ごとに一括編集を行う機能を実装時、期待通りの出力結果がなかなか得られず苦労した。

実装機能

  • 1.ログイン機能・メール認証
  • 2. 書籍管理のCRUD
  • 3. 書籍の巻数の一括登録
  • 4. 書籍名、著者名のふりがな自動入力
  • 5. フォームバリデーション
  • 6. 読書記録のグラフ管理
  • 7. datatablesを用いたリスト検索、ソート
  • 8. プロフィール設定
  • 9. レスポンシブデザイン

使用技術

種別 言語
フロントエンド HTML
CSS(Sass)
JavaScript
サーバーサイド PHP
MySQL
Docker
DockerCompose
WEB
フレームワーク・ツール
Bootstrap
jQuery
Laravel
AdminLTE
Chart.js
ソースコード管理 GitHub
FurariPlan
アプリケーションURL
https://furariplan.portfolio-tomo.com
FurariPlanとは
ToDoリストを作成、管理するアプリケーション
工夫した点
1. ToDoを目標別に分類した
→ ToDoリストを区分>大>中>小目標ごとに内容を関連づけることで、ToDoの管理が行やすくなった。
2. 目標の達成項目を時間別にSからEまでランク分け
→利用者が時間のかかる目標を達成した際に達成感を感じるよう、達成時間ごとにランクを設けた。
3. ユーザビリティ
→ 利用者の負担を減らすために、一度設定した目標は、カテゴリリストから再選択できるようにした。
苦労した点
リスト検索時に大~小目標の一つを選択すると、関連するその他の目標を自動的に絞り込みする機能の実装

実装機能

  • 1. ユーザー登録
  • 2. ログイン・ログアウト
  • 3. 目標設定(大目標・中目標・小目標)
  • 4. 目標ごとに作成するTodoリスト
  • 5. Todoリスト登録時のバリデーション
  • 6. ToDoリストのCRUD、検索
  • 7. フレンド機能
    ※フレンド検索、申請、承認・拒否、削除
  • 8. プロフィールの編集
  • 9. レスポンシブデザイン

使用技術

種別 言語
フロントエンド HTML
CSS
JavaScript
サーバーサイド Python
SQLite
WEB
フレームワーク
Bootstrap
jQuery
Django
ソースコード管理 GitHub
TOMO's Portfolio
(本サイト)
工夫した点
1. スライドショーはバックエンド機能を用いて実装
    → JavaScript, PHP, SQLを使い、スライドショー機能を実装した
2. Contactフォームは使いやすさを重視
    → フリガナは自動生成、コメントに残り文字数などを表示
苦労した点
1. Laravel独自のクエリビルダの仕様やフォルダ構成を把握すること

実装機能

  • 1. スクロールに応じて追従するサイドバー
    (BootStrapの機能)
  • 2. 作品別のスライドショー
  • 3. コンタクトフォーム入力、送信
  • 4. コンタクトフォームのバリデーション
  • 5. フォーム送信後にメールを送信
    (フォーム送信者と自分宛)
  • 6. レスポンシブデザイン

使用技術

種別 言語
フロントエンド HTML
CSS(Sass)
JavaScript
サーバーサイド PHP
MySQL
WEB
フレームワーク
Bootstrap
jQuery
Laravel
ソースコード管理 GitHub
写経作品

Contact

TOMO's Portfolioをご覧いただき、ありがとうございました。
コメントや気になることがあれば、お気軽にどうぞ!

お客様情報

必須
必須
必須

コメント

任意
必須

残り:文字