Hokkaido, JPOpen for Work
Fullstack Engineer · Hokkaido, JP

仕組みから設計する、
事業視点のエンジニア。

フロントエンドを軸に、バックエンド・インフラ・業務設計まで横断。現場の手間を仕組みに変え、動かし続ける体制をつくります。

清野 章宏 のプロフィール写真
清野 章宏Akihiro Seino
Roles
フルスタックエンジニア / プロダクト設計 / UI/UXデザイナー
GitHub
@seino

フロントエンドを軸に、バックエンド・インフラ・業務設計まで横断するフルスタックエンジニア。自社プロダクト・受託開発・業務委託を並行して進めています。

小規模チーム・運用現場における「属人化解消」「業務自動化」「低コスト運用」を得意とし、Shopify・WordPress・業務システム・SEO基盤・モバイルアプリなどを設計から運用まで一貫して担当。

AI駆動開発を実務へ組み込み、高速に改善を回せる開発体制を構築しています。

//02強み

体験から逆算する設計力

「使う人にとって自然か」を起点に、要件定義・技術選定・実装まで一貫して判断します。自ら事業を立ち上げ利益化まで携わった経験から、コスト意識と事業視点を持って提案できます。

全レイヤーを横断できる実装力

フロントエンドを軸に、バックエンド・インフラ・認証・SEOまで横断します。UI/UXデザインから実装まで一貫して担え、AI駆動開発を体系的に運用することで、開発速度と品質を両立させています。

技術と非技術をつなぐ推進力

エンジニア・プランナー・オペレーション担当が混在するチームをマネジメントしながら、自らもコードを書く立場で動いています。技術的なリスクや実現可能性を非エンジニアにもわかりやすく伝え、合意形成を図りながらプロジェクトを推進します。

//03生成AIの活用状況

開発活動そのものの再設計

AIを単なる作業補助ではなく、開発活動そのものを再設計するための基盤として捉えています。AIの能力を引き出すのは人間側の構造であるという認識を核に、設計と運用に踏み込みます。

チームでの再現性と組織文化への接続

個人の使い方に閉じず、チームが再現性を持って成果を出せるよう、ルール設計や設定の標準化を進めています。ツール導入で終わらせず、開発プロセスと組織文化へ接続してはじめて価値になるという立場で取り組んでいます。

品質基準・テスト駆動・実行環境の設計判断

生成物をそのまま受け入れず、品質基準やテスト駆動の思想を仕組みに織り込み、スピードと堅牢性の両立を図ります。クラウド型と手元の実行環境も、機密性・コスト・応答性の観点から使い分けます。

Stack

使う技術は、目的から選ぶ。

フロントエンドを軸に、バックエンド・インフラ・モバイル・AI まで一貫して扱える領域。

  • 01フロントエンド

    • TypeScript
    • React
    • Next.js
    • Vite
    • Tailwind CSS
    • HTML/CSS/SCSS
    • WordPress
    • Shopify
    • STUDIO
  • 02バックエンド

    • Node.js (Hono)
    • Python (FastAPI)
    • PHP
    • GraphQL
    • REST API設計
  • 03データベース

    • PostgreSQL
    • MySQL
    • SQLite
    • Supabase
    • Redis (Upstash)
    • Drizzle ORM
    • Prisma
    • SQLAlchemy
    • Alembic
  • 04インフラ

    • AWS
    • Linux
    • Docker / Docker Compose
    • Nginx
    • VPS
    • Vercel
    • Cloudflare Pages / Workers
    • Fly.io
    • GitHub Actions
  • 05外部サービス

    • Shopify API
    • Shopify App Bridge
    • Firebase
    • Google APIs
    • microCMS
    • Notion API
    • Stripe
    • Resend
  • 06AI / 生成AI

    • Claude Code
    • Cursor
    • GitHub Copilot
    • OpenAI Codex
    • Anthropic Claude API
    • OpenAI API
    • Google Gemini API
    • CodeRabbit
    • AI駆動開発の体系運用
    • 業務フローへの組み込み
  • 07モバイル

    • React Native (Expo)
    • EAS Build/Submit
    • iOS/Android ストア申請
  • 08スクレイピング・自動化

    • Playwright
    • BeautifulSoup
    • Papa Parse
    • pandas
    • Google Apps Script
  • 09監視・ロギング

    • Sentry
    • Pino
  • 10コード品質・ビルド

    • Biome
    • ESLint
    • Prettier
    • pnpm
  • 11デザイン

    • Figma
    • Sketch
    • XD
    • Photoshop
    • Illustrator
  • 12テスト

    • Vitest
    • Jest
    • Playwright
    • pytest
    • Storybook
    • Lighthouse CI
  • 13業務ツール

    • Slack
    • Chatwork
    • Teams
    • Notion
  • 14管理

    • 要件定義
    • 技術設計
    • チームマネジメント
Production

Web制作の実績。

メディア・EC・観光・医療・企業サイトまで、業種を横断した制作。

  • 01メディア

    • ASAHIKAWA FINDER設計、実装
    • 北海道まんなか観光ナビディレクション、CMS実装
    • 地域おこし協力タイムズ 北海道旭川版設計、実装
  • 02EC

    • ものぴりか設計、ディレクション、Shopify実装、運営
  • 03観光・アクティビティ

    • 北海道アドベンチャーラボディレクション、CMS実装
    • 遊び屋ディレクション、CMS実装
    • 遊び屋 屈斜路ディレクション、CMS実装
  • 04医療

    • 奥山整形外科ディレクション、デザイン、CMS実装
    • 十川眼科ディレクション、デザイン、CMS実装
    • 杉村歯科医院ディレクション、CMS実装
  • 05企業

    • 平井建築ディレクション、CMS実装
    • コクドホームディレクション、CMS実装
Tooling

自作のツールも、公開している。

  • 01

    yotei

    Node.js向けタスクスケジューラー

    • cron式不要の直感的なチェーンAPI
    • ゼロ依存

    Node.js向けタスクスケジューラー。cron式を覚えずに「毎日 / 毎週 / N分ごと」をチェーン記法で表現でき、依存関係はゼロ。

  • 02

    ligelog

    Node.js向け構造化JSONロガー

    • ランタイム依存ゼロ
    • 独自NDJSONシリアライザ
    • 非同期リングバッファキュー
    • Hook拡張機構

    Node.js向け構造化JSONロガー。ランタイム依存ゼロ、独自NDJSONシリアライザ、非同期リングバッファキュー、Hook拡張機構を備える。自作プロジェクト(カレンダー同期等)で実運用。

  • 03

    irodori

    Node.js向けリッチターミナルUIライブラリ

    • Python rich にインスパイアされたマークアップ記法
    • テーブル・パネル・プログレスバー・スピナー・ライブレンダリング
    • カラー自動検出・絵文字対応
    • ゼロ依存

    Node.js向けリッチターミナルUIライブラリ。Python rich にインスパイアされたマークアップ記法で、テーブル・パネル・プログレスバー・スピナー・ライブレンダリングを搭載。カラー自動検出・絵文字対応。ゼロ依存。

  • 04

    WordPress Custom String Replacement

    WordPress 本文・タイトル・REST API 出力の自動文字列置換プラグイン

    • 投稿タイプ単位の有効化
    • 特殊文字のデフォルト置換セット
    • REST API 出力にも適用
    • 軽量なフィルター実装

    本文・タイトル・抜粋および REST API 出力に対して、管理画面で定義したルールで文字列を自動置換する WordPress プラグイン。投稿タイプ単位での有効化、特殊文字のデフォルト置換セットを内蔵。

Get in touch

話したいこと、聞かせてください。

受託・業務委託・自社プロダクトのご相談、AI導入支援、業務効率化など。お気軽に。

─ or via

メールでのご連絡は左のフォームからお願いします。