— SYSTEM · WEB · DESIGN —

bloom・f

Rooted in engineering,
branching into web and design.

SCROLL
— THANK YOU —

bloom・f

お仕事のご依頼・ご相談はこちらから
お気軽にお問い合わせください

Contact
— RESULT —
TOTAL000000

まだバグを退治していません。
Works の Details で遊べます。

— PROFILE —プロフィール

Engineer · Director · PM

田之内 保徳

Yasunori Tanouchi
Born 1986 in Ehime, based in Takarazuka, Hyogo.
17 years as an engineer — active since 2009.
田之内 保徳(たのうち やすのり)は、兵庫県宝塚市を拠点に活動するエンジニアです。2009年からエンジニアとして働き、2022年に合同会社ブルーム・エフを設立し、代表社員を務めています。
合同会社ブルーム・エフ
システム開発 / Webサイト構築 / マネジメント / デザイン
X @YasuDuritz

— HISTORY —経歴

2009 · SES の会社でエンジニアになる 地獄の始まり。リーマン・ショックの直後、文系 PG 未経験の新人に仕事は回ってこず、なんとか SIer の現場に常駐するも、巨大システムの問い合わせ対応に右往左往していた頃
2013 · Web 制作会社へ転職 iPhone 日本上陸で、アプリ・Web サイト案件ブームに乗っかって転職。徹夜・終電・納期ギリギリの日々。それでも、エンジニアを生業にできる手応えを得る
2020 · フリーランスとして独立 ソロプレイ開始。企業のプロジェクトに、助っ人として参加する
2022 · 合同会社ブルーム・エフ 設立 子どもの医療費の免除がなくなったのをきっかけに、法人化。多方面でお仕事を直接いただけるようになる

— NEWS —お知らせ

    お知らせ一覧 →

    — LAB —ラボ

    日々の制作の中で作ったツールや仕組みを、実際に動くデモと一緒に公開しています。

    Lab 一覧 →

    — WORKS —実績

    企業プロジェクトへの参画PROJECT SUPPORT

    6年独立してから
    4社準委任契約
    継続ほぼ途切れなく

    企業のプロジェクトに参画して開発・ディレクション・プロジェクトマネジメントも行っております。普段は主に企業との準委任契約で仕事をしており、独立してからの6年間で計4社と契約し、ほぼ途切れることなく続いています。

    Deliverables
    コーポレートサイト · LP · ブランディングサイト · 管理画面 · CMS · iOSアプリ
    Industries
    メーカー · 自動車 · 小売 · 物流 · 人事 · 会計

    受託開発CLIENT WORK

    案件管理システム
    System · 2026
    社内の案件を一元管理する業務システム。進捗・見積・請求など、案件に関わる情報を集約し、担当者やステータスごとにフィルタ・検索できる管理画面を提供。Googleカレンダーとの連携により、スケジュール管理も業務フローにシームレスに組み込めるように設計しました。
    Laravel / PHP / MySQL / Google API
    社内通貨システム
    System · 2026
    毎月、全従業員に一定額の社内通貨が付与され、日々の業務で助けてもらった相手に「ありがとう」のメッセージとともに贈れる社内コミュニケーションプラットフォーム。通貨は自分のために貯めることはできず、必ず誰かに贈ることが前提。担当タスク外の貢献や日々の小さな協力を可視化し、組織の協働文化を育てることを目的に設計しました。
    Laravel / PHP / MySQL
    オリジナルCMS
    System · 2025
    データベースの構成を基準に、一覧・詳細画面を動的に自動生成するオリジナルのCMS。プロジェクトごとに柔軟にカスタマイズでき、製品管理などWordPressでは対応が難しい構造化データの管理にも対応できます。独自実装のためオープンソース特有の脆弱性リスクを抑えやすく、セキュリティと運用性を両立させる目的で開発しました。
    Laravel / PHP / MySQL / Bootstrap
    コーポレートサイト制作
    Corporate Site · 2023
    株式会社ウミライ様のコーポレートサイトを担当。合併統合に伴うフルリニューアルで、地域に密着した親近感のある優しい印象となるよう心がけました。ガソリンスタンド一覧の情報を充実させ、スマートフォンでも快適に閲覧できるようレスポンシブ最適化を実施。社内で更新しやすいCMS構成に仕上げています。
    WordPress / PHP / MySQL / jQuery / レスポンシブデザイン
    納品実績管理システム
    System · 2022
    石油業界向けに開発した業務システム。取引先ごとに納品履歴を日々記録し、月次・年次での納品数を集計・確認できる管理画面を提供しています。現場での入力負担を減らすシンプルなUIと、経営判断に活かせるデータ集計機能の両立を意識して設計。
    Laravel / PHP / MySQL / Bootstrap / jQuery / 管理画面
    ※ 完全受託の案件のみを掲載しています。

    自社開発OWN PRODUCT

    Bot Gate(reCAPTCHA の代わりになる人間判定)
    Security · 2026
    reCAPTCHA の「私はロボットではありません」の代わりに、サイトのデザインに合わせた操作で人間かどうかを確認する仕組み。見た目は花を咲かせる・人参を抜く・紙飛行機を飛ばすなど自由に作り、判定は裏で Cloudflare Turnstile が行います。サーバー側で判定結果を確認してから中身を返すため、ソースを見ても読めません。このサイトの Details やお問い合わせフォームでも使っています。
    JavaScript / PHP / Cloudflare Turnstile
    Details →
    LINE待ち行列案内アプリ
    App · 2026
    大手が提供する飲食店向けの順番待ち管理アプリと同等の機能を、LINE公式アカウントベースで提供するサービス。お客様の来店順を受付・呼び出し通知まで行えるほか、デジタルメニュー機能も統合しており、席に着く前からメニューの確認や事前注文が可能です。インストール不要でLINEから直接ご利用いただけるため、導入・運用のハードルが低く、低単価でご利用いただけるサービスとなっています。
    Laravel / PHP / MySQL / LINE Messaging API
    Open Demographic
    Data Platform · 2026
    日本の都道府県・市区町村を対象としたオープンデータ可視化プラットフォーム。人口動態・犯罪発生率・高齢化率など、行政が公開している各種データをリアルタイムに取得し、地図やグラフ上でインタラクティブに比較・分析できます。不動産調査や引越し先の検討など、実生活の意思決定にデータを活用できる設計にしました。
    Laravel / PHP / D3.js / Claude API / Open Data API

    — SKILLS —スキル

    Languages
    C++
    C++
    Objective-C
    Objective-C
    Java
    Java
    Python
    Python
    HTML5
    HTML5
    CSS3
    CSS3
    PHP
    PHP
    JavaScript
    JavaScript
    jQuery
    jQuery
    TypeScript
    TypeScript
    Vue.js
    Vue.js
    Frameworks & CMS
    WordPress
    WordPress
    Node.js
    Node.js
    Laravel
    Laravel
    D3.js
    D3.js
    Bootstrap
    Bootstrap
    Database
    SQL Server
    SQL Server
    MySQL
    MySQL
    PostgreSQL
    PostgreSQL
    Infrastructure
    Linux
    Linux
    AWS
    AWS
    Google Cloud Platform
    GCP
    Azure
    Azure
    Docker
    Docker
    Tools
    Backlog
    Backlog
    Git
    Git
    GitHub
    GitHub
    Bitbucket
    Bitbucket
    PHPStorm
    PHPStorm
    Kintone
    Kintone
    Slack
    Slack
    VS Code
    VS Code
    Cursor
    Cursor
    Design
    Photoshop
    Photoshop
    Figma
    Figma
    Testing & CI/CD
    PHPUnit
    PHPUnit
    Selenium
    Selenium
    Jenkins
    Jenkins
    GitHub Actions
    GitHub Actions
    APIs & AI
    Google API
    Google API
    ChatGPT API
    ChatGPT API
    Claude API
    Claude API
    Claude Code
    Claude Code
    ロボットではないことを確認するためです。
    見事退治ができたら詳細が表示されます。

    このハエ叩きは、reCAPTCHA のような「人間かどうかの確認」に使える仕組みです。
    見た目はサイトに合わせて自由に作れて、判定は裏で Cloudflare Turnstile が行います。