TakeCraft TakeCraft
PORTFOLIO

Webシステム・アプリの開発と、AIを活用した業務効率化をお手伝いします

PHP・Laravelを中心に、Webシステムの機能追加、既存機能の改修、不具合調査、保守運用を経験してきました。

現在は、Flutterアプリの画面開発・UI改善、WordPressサイトの修正、Git・GitHubを使用した開発環境の整備にも携わっています。

また、Claude CodeやCodexにプロジェクト固有のルールや作業手順を設定し、プロジェクトの目的や方針を理解したAIが継続的に開発を支援できる環境を構築しています。

小規模な修正、既存コードの調査、開発環境や制作フローの改善からでもご相談いただけます。

class OrderController
  function update()
    // fix: 重複登録防止
    $this->validate();
Laravel
PHP
Claude Code
SERVICES

対応できること

Webシステムのバックエンド開発を中心に、既存サービスの改修、不具合調査、アプリのUI改善、Webサイトの修正、AIを活用した開発フローの整備などに対応しています。

01

Webシステムの機能追加・改修

PHP・Laravelを使用したWebシステムの機能追加や、既存機能の改修に対応します。管理画面、入力フォーム、検索機能、API連携、データ登録処理など、既存の仕様やソースコードを確認しながら実装を行います。

02

不具合調査・保守運用

既存のソースコードやログを確認し、不具合の原因調査や修正を行います。表示エラー、登録エラー、データ不整合、処理速度の問題など、運用中のシステムで発生している課題に対応します。

03

Flutterアプリ・UIの開発と改善

Flutterを使用したスマートフォンアプリの画面実装、UIの調整、小規模な機能追加、既存アプリの修正に対応します。既存画面の課題を整理し、操作性や情報の見やすさを考慮したUI改善案の検討から、Flutterでの実装まで行います。

個人開発では、アプリの企画、画面設計、実装、テスト、App Storeへの公開まで一貫して経験しています。

04

WordPress・Webサイトの制作と修正

WordPress、HTML、CSS、JavaScriptを使用したWebサイトの構築・修正に対応します。ページ追加、スマートフォン表示の調整、表示崩れの修正、コンテンツ更新、既存デザインに合わせたレイアウト調整などをご相談いただけます。

05

AIを活用した開発フローの構築

Claude CodeやCodexをプロジェクトへ導入し、開発方針、コーディングルール、確認手順、成果物の形式などをプロジェクト固有のルールとして設定します。毎回同じ説明を繰り返さなくても、AIがプロジェクトの目的や作業手順を理解した状態で開発を支援できる環境を整えます。

単発のコード生成だけではなく、既存コードの調査、実装、テスト、確認、ドキュメント作成までの工程を整理し、継続的に利用できる開発フローを構築します。

EXPERIENCE

業務での開発経験

求人サイト、CMS、ECサイトなど、複数のWebサービス開発に携わってきました。守秘義務のため画面やサービス名は掲載できませんが、担当した内容と使用技術をご紹介します。

求人サイトの開発・保守
PHPLaravelMySQLAWSDockerGit
+

工場求人を中心とした求人サイトの機能追加および保守運用に、バックエンドエンジニアとして参画しました。既存仕様やソースコードを確認しながら、応募機能の改修、外部求人サービスとのデータ連携、不具合修正などを担当しました。

担当した内容

  • 既存の求人応募機能の調査・改修
  • 外部求人サービスからの応募データ連携
  • 応募データの重複登録防止
  • 入力値のチェックおよび例外処理の追加
  • 求人情報管理機能の追加・改修
  • 求人検索に使用するSQLの見直し
  • バッチ処理の改修
  • ログを使用した不具合原因の調査
  • 本番環境での不具合修正およびデータ修正
  • テストケースの作成および動作確認
  • AWS環境へのデプロイおよびリリース後の確認

担当範囲

仕様確認既存コード調査実装テスト運用保守
独自CMSの保守・機能改修
PHPLaravelMySQLAWSDockerGit
+

企業向けに提供されている独自CMSの保守運用および機能改修に携わりました。既存機能への追加改修、不具合調査、管理画面の改善、本番環境での運用対応などを担当しました。

担当した内容

  • 既存CMSの仕様および影響範囲の調査
  • 記事の登録・更新・公開機能の改修
  • 管理画面の入力チェック機能の改善
  • 表示不具合や登録エラーの調査・修正
  • APIの改修
  • データベース項目の追加
  • 検索SQLの見直し
  • 本番環境でのデータ修正
  • AWS環境へのリリースおよび動作確認
  • 小規模チームでの進捗確認・開発対応

担当範囲

仕様確認設計実装テスト運用保守
マルチテナントECサイトの開発
PHPEC-CUBEMySQLAWSDockerGit
+

複数の店舗が同じプラットフォーム上で商品を販売する、マルチテナント型ECサイトの新規開発に参画しました。クーポン機能、売上レポート機能、ブログ機能などの開発を担当しました。

担当した内容

  • クーポンの登録・編集・削除機能
  • クーポン適用時の価格計算処理
  • 既存決済処理への割引機能の追加
  • クーポンの重複利用防止
  • 注文確定時のデータ整合性確保
  • ブログ記事の投稿・編集・公開機能
  • 店舗ごとの売上集計機能
  • 売上レポート出力機能
  • 店舗ごとのデータ分離処理
  • 管理画面用APIの追加
  • テストケースの作成および動作確認

担当範囲

仕様確認設計実装テスト
Webサイトの制作・既存サイト改修
HTMLCSSJavaScript
+

企業向けWebサイトの制作および、既存サイトの修正を担当しました。デザインデータをもとにしたコーディングや、スマートフォン対応、表示崩れの修正などを行いました。

担当した内容

  • デザインカンプをもとにしたHTML・CSS実装
  • スマートフォン表示への対応
  • JavaScriptを使用した簡単な表示制御
  • 既存サイトの表示崩れ修正
  • 画像やコンテンツの差し替え
  • 問い合わせフォームの動作確認
  • HTMLタグや見出し構造の調整
  • ブラウザごとの表示差異の修正

担当範囲

コーディング修正テスト公開前確認
AWS環境の構築・設定
AWSEC2S3Route 53ACM
+

WebサイトおよびWebアプリケーションを公開するためのAWS環境構築を担当しました。

担当した内容

  • VPC、サブネット、セキュリティグループの設定
  • ALBを使用したWebアクセス構成
  • EC2を使用したWebサーバー環境構築
  • S3を使用した静的サイト公開
  • ACMを使用したSSL証明書設定
  • Route 53を使用したDNS設定
  • 構築後の接続確認および動作確認

担当範囲

環境構築設定動作確認
CURRENT WORK

現在の業務での取り組み

現在の業務では、既存アプリやWebサイトの改善に加えて、開発環境や作業フローの整備にも取り組んでいます。会社名、サービス名、実際の画面、ソースコードなど、公開できない情報は掲載していません。

FlutterアプリのUI改善
FlutterDartUI改善画面設計Git
+

既存のFlutterアプリについて、画面上の課題を確認し、より分かりやすく操作しやすいUIへ改善する業務に携わっています。画面構成や情報の見せ方を検討し、Flutterを使用した画面修正まで行っています。

担当している内容

  • 既存画面のUI・操作性の確認
  • 情報の並び方や区切り方の改善
  • スマートフォンの画面幅を考慮したレイアウト調整
  • 既存デザインとの統一感を考慮した修正
  • Flutterを使用した画面実装
  • 修正後の表示・動作確認
  • 変更理由や改善案をまとめた資料の作成

担当範囲

課題整理UI検討実装動作確認
Git・GitHubを使用した開発環境の整備
GitGitHubGitHub OrganizationSSH
+

チームでソースコードを安全に共有・管理するため、GitHubを使用した開発環境の導入と運用整備を行いました。

担当した内容

  • GitHub Organizationの作成
  • リポジトリの作成・移行
  • 開発メンバーの招待と権限設定
  • SSHキーを使用した接続環境の構築
  • メンバーPCへのGit・GitHub設定
  • ブランチを使用した開発方法の整理
  • ソースコード共有方法の確認
  • 導入手順書・運用資料の作成
  • チーム内での運用方法の検討

担当範囲

導入検討環境構築動作確認手順書作成
WordPressサイトの構築・修正
WordPressPHPHTMLCSS
+

WordPressを使用したWebサイトの構築や、既存ページの修正・更新に携わっています。業務での経験に加えて、個人でもWordPressサイトを構築・運営しています。

担当した内容

  • WordPressサイトのページ作成・修正
  • 既存デザインに合わせた表示調整
  • HTML・CSSを使用したレイアウト修正
  • スマートフォン表示の確認・調整
  • コンテンツの追加・更新
  • サイト公開後の表示確認

担当範囲

ページ作成表示調整修正動作確認
AI WORKFLOW

プロジェクトに合わせたAI活用

Claude CodeやCodexを単発のコード生成ツールとして使用するのではなく、プロジェクト固有の目的やルールを理解した開発支援環境として活用しています。プロジェクトごとに必要な情報、作業方針、確認手順、出力形式を整理し、AIが継続して同じ方針で作業できる環境を構築しています。

プロジェクト専用AI開発環境の構築
Claude CodeCodexGitGitHubプロジェクトルール設計開発フロー改善
+

Claude CodeおよびCodexに、各プロジェクトの構成、開発方針、コーディングルール、作業手順などを設定しています。毎回プロジェクトの前提を説明し直す必要を減らし、AIが既存の設計や運用ルールを踏まえて作業できる状態を作っています。AIへ自由にコードを書かせるのではなく、調査、実装、確認、報告までの進め方をルールとして定義しています。

取り組んでいる内容

  • プロジェクトの目的や前提条件の整理
  • ディレクトリ構成・技術構成の共有
  • コーディングルールの設定
  • 既存コードの書き方に合わせるための方針設定
  • 変更してよい範囲と、変更してはいけない範囲の明確化
  • 実装前に既存コードを調査するルールの設定
  • 実装前に作業方針を確認する手順の設定
  • テスト、ビルド、動作確認手順の設定
  • 作業完了時の報告形式の統一
  • ドキュメント作成ルールの整備
  • プロジェクトごとのAI指示ファイルの管理
  • 作業内容に応じたClaude CodeとCodexの使い分け
  • 不要な調査や過剰なテストを防ぐための作業方針設定
  • AIによる変更内容をGitで確認できる運用の整備
  • プロジェクトの進行に合わせたルールの継続的な改善

担当範囲

ルール設計環境整備運用改善検証
AIを活用した動画制作フロー
Claude CodeCodexAI画像生成音声生成動画制作GitHub
+

教育系YouTube動画の企画から公開までの工程を整理し、Claude CodeやCodexを活用した制作フローを構築しています。AIで動画を自動生成するだけではなく、内容理解、事実確認、台本作成、素材準備、音声・字幕生成、動画出力までの手順をプロジェクトルールとして管理しています。

制作フロー

  • 動画テーマとなる疑問を決定
  • AIとの対話を通じて解説内容を理解
  • 理解した内容をメモとして整理
  • 解説内容の事実確認
  • 横動画用の台本と構成を作成
  • 音声、字幕、画像素材を生成
  • 横動画を出力
  • 横動画をもとにショート動画を作成
  • 必要に応じてブログ記事を作成
  • 内容を確認して公開

工夫していること

  • 動画ごとに品質が変わらないように、構成や表現ルールを統一
  • 内容の理解と事実確認を別工程にし、誤った説明の生成を防止
  • 横動画の内容をショート動画やブログへ再利用
  • 画像、字幕、音声の作成ルールをプロジェクト内で共有
  • 作業工程を分割し、AIのトークン使用量と確認作業を削減
  • 人が判断する工程とAIへ任せる工程を明確化
  • 制作状況に合わせてプロジェクトルールを継続的に改善

AIを使うことではなく、継続して使える仕組みを作る

生成AIは、指示を出すだけでもコードや文章を作成できます。一方で、プロジェクトの目的や既存ルールを理解していない状態では、既存設計と異なる実装、不要なファイル変更、過剰なテストなどが発生することがあります。

そのため、AIへ任せる作業と人が判断する作業を分け、プロジェクトごとのルールや確認手順を事前に整理しています。AIの出力をそのまま採用するのではなく、Gitの差分、テスト結果、実際の画面や動作を確認しながら、開発の品質と作業効率を両立することを重視しています。

PERSONAL

個人開発・運営実績

業務外でも、自分で企画したアプリやWebサイト、コンテンツ制作の仕組みを開発・運営しています。

iOS App

ドローンの飛行日誌を管理するiOSアプリ「そらログ」

国土交通省の様式に対応した飛行日誌を作成できるiOSアプリです。飛行記録の作成、日常点検、PDF出力までを端末内で完結できます。Flutterを使用して個人で開発し、企画、画面設計、実装、テスト、アプリ内課金、App Storeへの公開まで一貫して行いました。

担当した内容

  • アプリの企画
  • 画面構成およびUIの検討
  • Flutterを使用した画面・機能実装
  • 国土交通省様式に対応したPDF出力
  • 端末内へのデータ保存
  • アプリ内課金機能
  • 動作テスト
  • App Storeへの申請・公開
FlutterDartiOSアプリ内課金PDF出力ローカルデータ保存
そらログを見る →
Web Site

個人開発と技術情報を発信するWebサイト「takecraft.net」

個人開発したアプリの紹介や、開発中に得た知識を発信するために構築したWebサイトです。WordPressの導入、デザイン調整、サーバーへの公開、アクセス解析、記事の作成・運営まで自分で行っています。

担当した内容

  • WordPressの導入
  • サーバーおよびドメイン設定
  • サイト構成の検討
  • デザインの調整
  • アプリ紹介ページの作成
  • Google Search Consoleの設定
  • アクセス解析の設定
  • 記事作成およびサイト運営
WordPressPHPHTMLCSSXserver
takecraft.netを見る →
SKILLS

スキル

業務で使用した技術と、個人開発や制作で使用している技術をカテゴリー別に掲載します。

業務での使用個人開発での使用

バックエンド

PHPLaravelEC-CUBE API連携バッチ処理認証・権限制御 入力値チェック不具合調査ログ解析

データベース

MySQLPostgreSQLSQL Server SQL作成・修正テーブル追加マイグレーション データ修正SQLパフォーマンス改善

インフラ・開発環境

AWSEC2S3 ALBRoute 53ACM LinuxDockerGitGitHubSSH

フロントエンド・アプリ

HTMLCSSJavaScript WordPressFlutterDart UI改善レスポンシブ対応

AI・開発効率化

Claude CodeCodexプロジェクトルール設計 AI向けコンテキスト整理開発手順の標準化コーディングルールの設定 AIによるコード変更の確認ドキュメント作成動画制作フローの効率化
CERTIFICATIONS

保有資格

  • AWS認定ソリューションアーキテクト – アソシエイト
  • Webクリエイター能力認定試験 エキスパート
  • ITパスポート
  • 工事担任者 AI・DD総合種
  • 第二種電気工事士
  • 消防設備士 甲種第4類
  • 普通自動車第一種運転免許
PROFILE

プロフィール

小原 健
Web・アプリケーションエンジニア

電気通信工事の仕事を経験した後、Webサイト制作を経て、PHP・Laravelを中心としたWebアプリケーション開発に携わってきました。

求人サイト、CMS、ECサイトなどの開発・保守を経験し、既存機能の調査、機能追加、不具合修正、テスト、リリース後の運用対応などを行っています。

現在は、FlutterアプリのUI改善や画面実装、WordPressサイトの修正、Git・GitHubを使用したチーム開発環境の整備にも取り組んでいます。

個人ではFlutterアプリやWordPressサイトを企画・開発・運営しています。また、Claude CodeやCodexにプロジェクト固有のルールや作業手順を設定し、開発やコンテンツ制作を効率化する環境を構築しています。

新しい技術を使用すること自体を目的にせず、プロジェクトや利用者にとって必要な形へ整理し、継続的に利用できる仕組みにすることを大切にしています。

CONTACT

開発や修正について、お気軽にご相談ください

Webシステムの小規模な機能追加、不具合調査、Webサイトの修正、Flutterアプリの画面開発、AIを活用した開発フローの整備などに対応しています。「この修正だけお願いできるか」「どこに問題があるか調べてほしい」「AIをプロジェクトへどのように導入すればよいか」といった、内容が完全に決まっていない段階でもご相談いただけます。まずは現在の状況と、ご希望の内容をお聞かせください。

お問い合わせをする →