PORTFOLIO 2027

Engineer
in Training.

Web制作実務
障害福祉
ITシステム科 職業訓練

福祉の現場を知るエンジニアとして、 テクノロジーで社会課題を解決することを目指しています。 Java + AWS + Laravel + React + TypeScript を習得済み。

13年
WordPress実務経験(オリジナルテーマ開発・SEO・コンテンツ作成)
30+
保有資格・認定数(IT・ビジネス・法律・金融 など)
障害福祉
対人支援と課題解決の豊富な実績

CAREER JOURNEY

Webの現場から、フルスタックへ

13年間の実務で培ったWebスキルを土台に、職業訓練でクラウド・サーバーサイド言語を体系的に習得。「知っている」から「作れる」へ進化しました。

~2026年

WordPress × SEO × 障害福祉

オリジナルテーマ開発・SEO施策・コンテンツ作成を13年間経験。ユーザー視点のWeb構築とプロジェクトマネジメントを現場で習得。その後、障害者の就労支援施設にてWeb制作の職業指導員となり、これが社会福祉に関わるきっかけとなりました。

WordPress
PHP
JavaScript
SEO
Web Marketing
2026年~2027年

ITシステム科 職業訓練

Java・AWS・Laravel・React・TypeScript を体系的に学習。Java Gold SE17・AWS 3冠を取得し、バックエンドとクラウドの基礎を確立しました。

Java Gold SE17
AWS AIF
AWS CLF
AWS SAA
Laravel
React
TypeScript

WHY NOW

WordPressでの制作を重ねる中で「作れる範囲」に限界を感じるようになりました。サービス全体を設計・実装できるエンジニアを目指すなら、経験と学ぶ意欲が揃った今が最良の機会だと思い、13年のWeb制作経験を土台に職業訓練で新たな一歩を踏み出しています。

MY VALUE

私が提供できる価値

Web制作者としての技術力と、福祉業界で培った対人支援と課題解決の高い能力を兼ね備えているエンジニアです。

13年の実務経験 × 体系的な再学習

WordPressを軸に13年間、現場で手を動かし続けてきました。この経験を大切にしながら、職業訓練でフルスタック技術を基礎から学び直しています。実務で培った勘所と体系的な知識の両方を持つことが、私の技術力の土台です。

生成AIを実務に活用できる

ChatGPT・Gemini・Claude・Cursorの有料版を契約し、用途に応じて使い分けながら日常的に業務へ組み込んでいます。試行錯誤を重ねて身につけたAIとの協働スキルは、開発効率の向上という形で入社後すぐに貢献できると考えています。

多分野の知識で設計の引き出しを増やす

金融・法律・会計・マーケティング・心理学など、幅広い分野を学んできました。エンジニアリング単独では見落としがちな視点を補えるため、ビジネス要件の背景を早く理解し、仕様検討の場でも初期からお力になれます。

福祉 × IT という希少軸

福祉施設での実務経験を持つエンジニアは、まだ多くありません。高齢者・障がい者・介護現場のリアルなニーズを肌で知っているからこそ、当事者に本当に届くプロダクトづくりに貢献できる。この掛け合わせが私ならではの強みです。

Skills & Credentials

幅広い資格と専門性

IT・Webから金融・法律・福祉を含めた30以上の資格を保有。多種多様な専門性が顧客と自社の課題解決を支えます。

IT国家資格

  • ITパスポート
  • 基本情報技術者
  • 情報セキュリティマネジメント
  • 応用情報技術者
  • 情報セキュリティスペシャリスト

IT民間資格

  • AWS AIF
  • AWS CLF(取得予定)
  • AWS SAA(取得予定)
  • Java Gold SE17(取得予定)
  • Salesforce認定Platformアドミニストレーター
  • Salesforce認定Platformアプリケーションビルダー
  • Salesforce認定Sales Cloudコンサルタント
  • Salesforce認定Agentforce スペシャリスト
  • G検定
  • 生成AIパスポート
  • MOS Expert 認定

Web・マーケティング

  • 認定SEOコンサルタント
  • SEO検定1級
  • ウェブ解析士
  • HTML5プロフェッショナル認定試験 レベル2
  • Webクリエイター能力認定試験
  • WEBライティング実務士

ビジネス(金融・法律)

  • 2級ファイナンシャルプランニング技能士
  • AFP
  • 日商簿記2級
  • ビジネス会計検定2級
  • ビジネス実務法務検定2級
  • 年金アドバイザー3級

福祉・ヒューマン

  • 社会福祉士(取得予定)
  • 認定心理士(取得予定)
  • 社会福祉主事任用資格
  • 心理学検定2級
  • メンタルヘルスマネジメント検定Ⅱ種
  • カラーコーディネーター3級
  • 健康経営アドバイザー
  • 両立支援コーディネーター

※放送大学 心理と教育コースで学ぶ大学生でもあります。
(2027年3月卒業見込み)

Learning Strategy

技術の探索 × 技術の深化

「両利きの経営」を学習戦略に応用。既存の強みを深めながら、新領域への挑戦を同時並行で進めてきました。

技術の探索

新しい技術や未経験の分野にも恐れず飛び込んで学ぶ。その積み重ねでこれからの現場で活かせる力を広げてきました。

  • Java Gold SE17(サーバーサイド言語)
  • AWS AIF / CLF / SAA(Amazon Web Service)
  • React + TypeScript(フロントエンドフレームワーク)
  • Laravel(バックエンドフレームワーク)
  • 生成AI活用・AIエージェント開発(Chat GPT・Gemini・Claude・Cursor Pro)
  • 社会福祉士(ソーシャルワーク)

技術の深化

13年の実務で培った経験を今も磨き続けています。現場で得たスキルを、より確かな技術力へと育ててきました。

  • HTML・CSSモダンコーディング
  • WordPress オリジナルテーマ開発
  • SEOからLLMO・AIOへの転換
  • コンテンツ・情報アーキテクチャの設計
  • PHPベースの開発スキルの向上
  • jQueryからVanilla JSへ移行

Achivement TIMELINE

2026 → 2027 達成の軌跡

職業訓練をフル活用し、資格取得とポートフォリオ作成まで一気に駆け抜けました。GitHubで日々の学習記録を書いています。

2026 4月
職業訓練開始
Java学習開始
G検定 合格
Java Bronze 合格
2026 5月
Java Silver SE17 不合格
2026 6月
AWS学習開始
Java Silver SE17 合格
2026 7月
LLMO・AIO学習開始
ポートフォリオ(WordPress)作成開始
AWS AIF 合格
2026 8月(予定)
Laravel学習開始
React学習開始
ポートフォリオ(WordPress)完成
AWS CLF 合格
Java Gold SE17 合格
2026 9月(予定)
Spring Boot学習開始
社会福祉士試験学習開始
2026 10月(予定)
ポートフォリオ(React+TypeScript)作成開始
AWS SAA 合格
2026 11月(予定)
ポートフォリオ(React+TypeScript)完成
ポートフォリオ(Laravel+React)作成開始
2026 12月(予定)
ポートフォリオ(Laravel+React)完成
2027 1月(予定)
ポートフォリオ(Java+Spring Boot)作成開始
2027 2月(予定)
社会福祉士国家試験
2027 3月(予定)
社会福祉士 合格
心理学検定1級 合格
職業訓練修了

PORTFOLIO WORKS

ポートフォリオ作品

実務経験と学び直しの成果を、4つの作品という形にしました。

React+TypeScript『Engineer in Training』

モダンフロントエンド技術である React と TypeScript で構築したメインポートフォリオです。現在ご覧いただいているWebサイトです。当ポートフォリオ公開のために、新規でVPSを契約し自ら環境構築して動作させています。

HTML CSS Sass React TypeScript Node.js GitHub GitHub Actions さくらのVPS

もっと詳しく

フロントエンド React・TypeScript・HTML5・CSS3
バックエンド 未使用
データベース 未使用
インフラ さくらのVPS
(Rocky Linux 10 / Apache / メモリ 1GB / SSD 100GB)
開発ツール Cursor Pro・Git・GitHub・Node.js
生成AI活用 Gemini 3.5 Flash・Claude Fable5・ChatGPT 5.6-Sol
制作期間 7週間

工夫したところ

ReactとTypeScriptをキチンと使うのは初めてだったので、 まずは静的なHTMLとCSSでWebページを制作しました。技術書で学習しながら、このWebページのReact化も同時並行で実施。コンテンツの草案は、職業訓練のことで度々相談していたClaudeの力を借りました。ポートフォリオセクションのモックアップはWebページのスクリーンショットとPSDのひな型を準備して ChatGPT に作ってもらいました。インフラには、さくらのVPSを採用。ApacheやSSH、SSLの導入などをLinuxコマンドで自ら行い、スムーズなファイル編集のために、viもキチンと使えるようになりました。GitHub Actionsを設定し、リポジトリへのPushと同時に、Webサーバーへのファイルアップロードも行われるようにしてあります。雰囲気だけを作るのではなく、しっかりとしたコンテンツとなることを意識しました。

閉じる

WordPressオリジナルブログ『写真まみれ』

WordPressのオリジナルテーマで開発した、私的な写真ブログです。昔ながらのクラシックテーマによる構築です。以前から契約していたエックスサーバーの領域を使い、ドメインは新規で取得しました。レスポンシブ対応やJavaScriptでのちょっとした動きがアピールポイントです。

HTML CSS Sass JavaScript WordPress PHP Database GitHub GitHub Actions エックスサーバー

もっと詳しく

フロントエンド HTML5・CSS3・Sass・JavaScript
バックエンド PHP8.3.30
データベース MariaDB 10.5.x
インフラ エックスサーバー
(Linux / Apache / メモリ 1024GB / SSD 500GB)
開発ツール Cursor Pro・Git・GitHub
生成AI活用 Gemini 3.5 Flash・Claude Fable5・ChatGPT 5.6-Sol
制作期間 4週間

工夫したところ

WordPressのオリジナルテーマで構築した写真ブログです。トップページおよびアーカイブページにおいて、サムネイルのリストを斜めに傾けており、その状態で疑似的なスクロールを実装しています。このあたりのJavaScriptによる実装が、当作品の山場のような気がします。Cursorによるアシストにも助けられました。 ハンバーガーアイコンとしてハンバーガーのアニメーション画像を使うといった遊び心も出してみました。search.phpのメインクエリを改変し、直観的なタグ指定による検索も可能になっています。プロフィールや使用機材、お問い合わせフォーム(Contact Form 7)ページもしっかりと作り、完成したメディアとして構築することを目指しました。

閉じる

Laravel+React『HubCare』

福祉施設の支援の現場で、ヒヤリハットや利用者様の様子の変化をスタッフと共有し記録を蓄積できる、社内Webアプリケーションシステムです。

HTML CSS PHP Laravel React TypeScript Database Node.js GitHub GitHub Actions AWS

もっと詳しく

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ 閉じる

Java+Spring Boot『ShareCare』

福祉施設や事務所にある備品(車椅子・タブレット・公用車など)を「誰が・いつから・いつまで」借りているかを記録・管理する簡易システムです。

HTML CSS PHP React TypeScript Database Node.js GitHub GitHub Actions エックスサーバーVPS

もっと詳しく

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ 閉じる

AI APPROACH

生成AIとの向き合い方

AIエージェントの最新情報をキャッチアップしながら、各種モデルを使い分けてAI開発を実践しています。

Cursor

有料契約

Claude CodeやCodexの登場前から愛用しています。「AIの使えるVS Code」という感覚で導入しましたが、Cursorは本当に頼りになります。有料のPro版を使えば、各種モデルの最新版を切り替えながら活用可能。今年になってAIエージェントモードも使えるようになり、ますます熱い!

コード生成 コード分析 コード解説 コード改善

Chat GPT

有料契約

技術学習やエラー解決、文章構成の相談など、幅広い用途で活用しやすいAIです。特に、Java・React・Laravel・SQLなどの新分野の学習の方向性や目標の整理に役立ちました。回答をそのまま使うのではなく、自分で検証しながら理解を深めるための壁打ち相手として活用しています。

テキスト生成 画像生成 壁打ち リサーチ マルチモーダル

Claude

有料契約

長文の読解や文章の整理、論理構成の確認に強みがあるAIとして活用しています。技術記事、README、ポートフォリオ文面など、読みやすさや説得力が求められる文章の改善に向いています。単なる文章生成ではなく、自分の考えを整理し、相手に伝わる表現へ磨き込むための編集パートナーとして位置づけています。

テキスト生成 コード生成 壁打ち リサーチ マルチモーダル

Gemini

有料契約

Googleサービスとの親和性や情報整理のしやすさが強みだと感じています。調べもの、文章の要約、比較検討、アイデア出しなどで使いやすく、学習内容を俯瞰して整理したい場面に向いています。今年からNotebook LMとの連携ができ更に便利なツールに進化。特に、技術選定や複数の選択肢を比較するときに、視点を広げるための補助ツールとして活用しています。

テキスト生成 画像生成 壁打ち 情報整理 リサーチ マルチモーダル
※「キラキラしていないAI活用術」を解説するメディア『おじさんAI』を個人で運営しています。メディア構築・リサーチ・構成案作成・記事執筆・SEO・LLMO・AIO・各種メンテナンスなど、すべて自分で行っています。

Thank you.

最後までご覧いただき、ありがとうございます。
「福祉 × IT」 という視点で、 テクノロジーの力を必要な人々に届ける
エンジニアを目指しています。
ぜひ、一緒に働く機会をいただけたら嬉しいです。

© 2027 — Hideki Murakami(Welfare × IT Engineer)