shoterm.com / Web Developer / AI & Automation

調べる。直す。自動化する。

Web DevelopmentTroubleshootingAI & Automation

Scroll to explore

新しく作ることと同じくらい、「なぜ動かないのか」を調べることが好きです。いま一番時間を使っているのは、AIを開発と調査の道具として使うこと。

5

業務システム開発

10年以上

Web / フリーランスエンジニア

調べたい気持ち

※ 数字は概算です

01

Aboutはじめに

はじめまして、Shotermです。

  • Born: 東京都杉並区
  • Base: 千葉 / リモート
  • Role: Freelance Engineer
  • Focus: Web / 保守 / AI活用
暗い部屋で、2枚のライトパネルに照らされた机に向かう人を真上から見たところ

東京都杉並区で生まれ、いまは千葉に住んでいます。パソコンに触れ始めたのは小学生の頃。中学・高校の頃には、Yahoo!ジオシティーズや魔法のiらんどでWebページを作り、学校の友人向けに掲示板を立てていました。Pentium IIのパソコンを眺めて「欲しいな」と思っていた頃から、コンピュータそのものが好きでした。

気になるものは、とりあえず触ってみる。

分からないものは、仕組みが分かるところまで調べてみる。

あの頃から時間は経ちましたが、そこはあまり変わっていません。

大学卒業後はシステムエンジニアとして業務システム開発に携わり、その後フリーランスエンジニアとして独立。現在はWebサイトの開発・保守・技術調査を中心に、AIを利用した開発、自動化、小規模なツール開発などにも取り組んでいます。

暗い部屋でわずかに開き、光を放つノートパソコン
02

What I Doできること

作ること、直すこと、自動化すること。3つは別々の仕事のようでいて、実際にはいつも地続きです。

01

Web Development

Webサイトの開発

AstroやWordPressを中心に、Webサイトの制作・改修・移行を行っています。単にページを作るだけでなく、少し技術寄りの仕事を担当することが多いです。

  • サイト構成の調査 / 既存コードの解析
  • WordPressの不具合調査・改修
  • 表示速度の改善
  • CMS連携・静的サイトへの移行
  • GitHubを利用した開発・デプロイ環境の構築
暗い机の上、CMSの管理画面を開いたノートパソコンとコーヒーカップ
02

Troubleshooting & Maintenance

調査と保守

新しく作ることと同じくらい、「なぜ動かないのかを調べること」が好きです。

「全部作り直す」のではなく、今あるものを理解したうえで、必要なところだけ直す。

  • エラー原因の切り分け / ログ調査
  • サーバー・DNS・メール周辺の確認
  • WordPressの障害対応
  • マルウェアや不審な挙動の調査
  • 古いシステムの保守・改善
ネットワーク機器の背面。赤いLANケーブルが等間隔で挿さっている
03

AI / Automation

AIと自動化

最近、一番時間を使っている分野です。生成AIを単なる文章作成ツールではなく、開発・調査・自動化のための道具として使うことに興味があります。

  • AIを利用したWeb開発 / Coding Agentを組み込んだ開発フロー
  • AIエージェント・業務ツールの自動化
  • API連携 / GitHubを利用した自動処理
  • AIを使った既存システムの調査・改修
  • 小規模な社内ツール・業務ツール開発

「AIを導入したいけれど、何に使えばいいのか分からない」という段階から、一緒に使い方を考えたり、小さなツールを作ったりすることもできます。

背後から照らされ、回路のパターンが線として浮かび上がった基板
03

Projectsつくったもの

仕事として作ったものだけでなく、個人的な検証や実験も含めて掲載しています。

01 / Project

WordPress × Astro

ヘッドレス構成での静的サイト生成

WordPressをCMSとして使いながら、フロントエンドをAstroで静的生成する構成。

WordPress REST APIからデータを取得し、型検証を行いながら多数のページを静的生成。

GitHub Actionsによる自動デプロイ環境まで含めて構築しました。

  • Astro
  • TypeScript
  • WordPress REST API
  • Zod
  • GitHub Actions
配線が整然と並ぶサーバーラック
02 / Project

AI-assisted Development

Coding Agentを組み込んだ開発フロー

設計・実装・テスト・レビュー・ドキュメント更新までを効率化するワークフローの検証。

単にAIへコードを書かせるのではなく、AIが安全に作業できる状態をどう作るかに関心があります。

「どういう情報を渡せば、AIが安全に作業できるか」

  • Coding Agent
  • LLM API
  • Workflow
  • Review
チップが実装された基板のクローズアップ
03 / Project

Automation / Small Tools

小さな自動化と通知の仕組み

Web API、LINE、Discord、GitHubなどを組み合わせた小規模な自動化ツール。

毎日の面倒な作業を少しずつ減らすような、小さな仕組みを作るのが好きです。

  • Node.js
  • Web API
  • LINE
  • Discord
  • GitHub Actions
マザーボードのソケットに置かれたCPU
夜の街路。長時間露光で、通り過ぎた車の光が一本の筋になっている

Maintenance全部作り直すのではなく、今あるものを理解したうえで、必要なところだけ直す。

04

Career経歴

約5年

東証プライム市場上場企業

システムエンジニア

業務システムの設計・開発・保守に携わりました。アプリケーションからネットワークまで、原因の分からない不具合の調査を任されることが多い立場でした。

  • Java
  • C#
  • VB.NET
  • C
  • Spring
  • Hibernate
  • MyBatis
  • JBoss
  • Cosminexus

独立後

フリーランスエンジニア

Web制作 / WordPress開発・保守 / Webシステム開発

業務システムで培った知識を土台に、業務領域をWebへ広げました。大手インターネット企業関連の業務委託案件では、リスティング広告に関わるシステムの開発・運用を担当。一時期はコードレビューや実装方針の確認も行っていました。

  • WordPress
  • PHP
  • JavaScript
  • コードレビュー
  • 運用

現在

千葉ホームページ相談室

技術領域を担当

Webサイトの技術調査、障害対応、保守、改善、静的サイト開発などを行いながら、AIを活用した開発・自動化に取り組んでいます。

  • Astro
  • TypeScript
  • 障害調査
  • AI / Automation
05

Stack技術

Now

現在よく使う技術

Web / Frontend

  • Astro
  • TypeScript
  • JavaScript
  • HTML
  • CSS
  • WordPress
  • REST API
  • Google Analytics 4
  • Google タグマネージャー
  • Search Console

Development / Automation

  • Git
  • GitHub
  • GitHub Actions
  • Node.js
  • Python
  • SQL
  • MySQL / MariaDB
  • 自作ツール / スクリプト
  • Zapier / Make

Server / Infra

  • Linux
  • SSH / cron
  • Apache / Nginx
  • Docker
  • Cloudflare
  • Vercel / Netlify
  • AWS / GCP
  • DNS / SSL

AI

  • Claude Code
  • Anthropic API
  • OpenAI API
  • Gemini API
  • Coding Agent
  • AI-assisted Development
  • Agent Workflow
Archive

実務で使用経験のある技術

Enterprise / Backend

  • Java
  • C#
  • VB.NET
  • C
  • Spring
  • Struts
  • Symfony

Database / Middleware

  • Oracle
  • SQL Server
  • PostgreSQL
  • DB2
  • Hibernate
  • MyBatis
  • JBoss
  • Cosminexus

Frontend / Web

  • Next.js
  • Angular
  • jQuery
  • jQuery Mobile

Maintenance / Project

  • ログ解析
  • 障害切り分け
  • 既存コード解析
  • ネットワーク調査
  • SQL
  • Wireshark
  • Backlog
  • Redmine / Jira
  • Slack / Chatwork
  • コードレビュー
  • 要件ヒアリング

※ 現在のメイン技術ではないものも含みます。

06

Interests興味のあること

仕事以外でも、いろいろ触ります。

ブラインド越しの薄明かりの部屋で、モニターに向かっている人影

ソフトウェアだけでなく、ハードウェアも好きです。過去にはiPhoneなどの端末修理をしたこともあり、今もRaspberry Piを触ったり、小さな電子機器やネットワーク周辺をいじったりしています。

一時期は、Pythonでビットコインのシステムトレードを作っていました。相場そのものよりも、APIを叩き、ルールを決めて、あとは勝手に動き続ける仕組みを組み立てることのほうが面白かったです。いま自動化に興味があるのも、たぶん地続きです。

新しい技術についても「仕事で使えるか」だけではなく、「これ、どういう仕組みなんだろう」というところから調べ始めることが多いです。

  • 01AI Agent
  • 02Coding Agent
  • 03Web Automation
  • 04Python / 自動売買
  • 05Raspberry Pi
  • 06Static Site Architecture
  • 07Legacy System Maintenance
  • 08Performance Optimization
  • 09Developer Experience
07

How I Work仕事の進め方

一緒に仕事をするうえで、大切にしていること。

技術的に正しいことだけでなく、相手と無理なく仕事を続けられることも大切だと考えています。

01

分からないことを、分からないと言う。

曖昧なまま進めるより、確認したほうが結果的に早いことが多いと思っています。

02

責める前に、原因を調べる。

問題が起きたときに誰かを責めても、状況は変わりません。まず何が起きているかを確かめます。

03

専門用語だけで話さない。

必要であれば、できるだけ分かりやすい言葉に置き換えて説明します。

逆に、威圧的なコミュニケーションや、誰かを責めることを前提にした進め方は得意ではありません。

お互いに敬意を持って話せる方と、長く仕事をしていきたいと思っています。

技術力だけでなく、安心して話せることも、同じくらい大事だと思っています。

08

Businessご依頼について

09

Contactご相談

気になることがあれば、ご連絡ください。

Web開発、AI、自動化、既存システムの調査。あるいは「これって技術的にできる?」くらいの話でも構いません。

すべてのご相談をお受けできるわけではありませんが、面白そうなテーマであれば一緒に考えます。

千葉ホームページ相談室から連絡ください

お問い合わせフォームは千葉ホームページ相談室にあります(外部リンク)