---
title: 半田について｜HubSpotやCSS設計に明るい半田 惇志の個人サイト
description: 半田について紹介しているページです。
image: https://assialiholic.net/hubfs/img/common/prof5.jpeg
---

[![Thiking Saladのロゴ](https://assialiholic.net/hubfs/img/common/logo.svg)](https://assialiholic.net?hsLang=ja)

HubSpotやCSS設計に明るい半田のウェブサイトです。  
ウェブサイトの本質は情報を伝えることですので、それを言い訳にデザインは全体的に工事中です。

- <https://twitter.com/assialiholic>

- [半田について](https://assialiholic.net/about?hsLang=ja)
- [ブログ](https://assialiholic.net/blog?hsLang=ja)

# 半田について

- 半田について

## 概要

![写真： 半田のプロフィール写真。髪が濃い灰色で和服を着ている。](https://assialiholic.net/hs-fs/hubfs/img/common/prof5.jpeg?width=200&height=200&name=prof5.jpeg)

 フロントエンドエンジニア 兼 HubSpotテクニカルエキスパート

 フロントエンドエンジニアとしては特にコンポーネント設計に強く、PRECSS（ [https://precss.io](https://precss.io/) ）並びにCSS設計完全ガイド（ [https://amzn.to/3EHj5AU](https://amzn.to/3EHj5AU) ）の生みの親。  
HubSpotにおいてはCRMの導入支援からデータ設計、マーケティングオートメーションフローのセットアップ、CMSによるサイト構築まで、フルスタックに対応している。

### 略歴

| 2026/06 | [合同会社テクトリ](https://tectri.co.jp/)の設立 |
| --- | --- |
| 2024/03 | 株式会社100を退職 個人事業主として[HubSpotに関するサービス](https://assialiholic.net/services?hsLang=ja)の提供開始 HubSpotパートナー様や、HubSpot導入企業様のご支援をしています。 |
| 2022/01 | 株式会社100のCTOに就任 どんなことをしていた？ - フロントエンドエンジニア・バックエンドエンジニア含むエンジニアチームのリーダー - エンジニア組織のスケール設計（志半ば） - ボトムアップ型の組織全体のスケール設計（志半ば プロジェクト管理ツールをどのように使えば良いとか、どのようにすれば全体の業務が円滑に進む、とか） など |
| 2021/02 | 株式会社パンセから株式会社100に転籍 どんなことをしていた？ - エンタープライズ企業に対するCRM系の導入支援や、構造設計を本格的に開始 肌感的に2021年頃から「いまこのような基幹システムがあり、こういう運用をしている。これをHubSpotとどう連携させられるか」のような問い合わせが増えた気がします。そういった案件に対して1つずつ各社のデータ状況と運用状況を紐解き、「この要件を満たすにはデータをこのようにHubSpotに載せる必要があり、開発期間はこれくらい、留意事項は〜」ということをしていました（結構大変）。 - クライアント様とのミーティングの場でのテクニカルな説明や、アーキテクチャリードなど。HubSpot Japanの山浦様のようなムーブです。 |
| 2018/01 | 株式会社24-7から株式会社パンセに転籍。HubSpotに特化したテクニカルディレクター/フロントエンドエンジニアとして勤務 どんなことをしていた？ - CMS Hubによるウェブサイト構築 - CMS Hubだけでは完結しない周辺システムの構築 - CMS Hubの延長線上のCRM設計・構築 - 自社サイトのマーケティング&問い合わせに対するセールス対応から受注、納品まで - 社内外からの「HubSpotでこの要件はどう実現できるか？」に対する回答 - web制作ワークフローの再設計 - その他制作チームのサブリーダーとして、いわゆる中間管理職的な振る舞い |
| 2016/01 | 株式会社24-7に入社。**ここからHubSpotに関わり始める** どんなことをしていた？ - COS（CMS Hubの旧名称で、現在のCMS Hubよりもだいぶ貧弱なCMSでした）によるウェブサイト構築 - クライアント様と直接やり取りをしてでのウェブサイト運用方針の策定 - マーケティングEメールの作成 など |
| 2013/12 | 株式会社イデアシーディーに入社。ここからマークアップエンジニアとしての人生が始まる どんなことをしていた？ - Movable Type 5系, 6系による中〜大規模サイトの構築、運用（MTCMS利用） - それなりの規模の案件ばっかりやっていたので、この辺りからPRECSSのベースが生まれていた |

## 主な成果物

- [CSS設計完全ガイド](https://amzn.to/3uI8WyN) （書籍）
- [PRECSS](https://precss.io/ja/) （CSS設計理論）
- [Webのための次世代エディタ Bracketsの教科書](https://amzn.to/3HyNwvT) （書籍）

## アカウント一覧

- HubSpotコミュニティ：[https://community.hubspot.com/t5/user/viewprofilepage/user-id/101257](https://community.hubspot.com/t5/user/viewprofilepage/user-id/101257)  
    - コミュニティチャンピオンです
- Twitter（自称X 笑）：[https://twitter.com/assialiholic](https://twitter.com/assialiholic)
- Facebook：[https://www.facebook.com/atsushi.handa.3/](https://www.facebook.com/atsushi.handa.3/)
- YOUTRUST：[https://youtrust.jp/users/96b54ae9cb6d0b74fcc24bfd6bdf3191](https://youtrust.jp/users/96b54ae9cb6d0b74fcc24bfd6bdf3191)

## セミナーなどで過去に利用していたプロフィール写真

作画が安定しませんが、全部私です

- - ![写真： 半田のプロフィール写真。短い金髪で笑っている。](https://assialiholic.net/hs-fs/hubfs/img/common/prof4-square-small.jpeg?width=200&height=200&name=prof4-square-small.jpeg)
    - ![写真： 半田のプロフィール写真。短い金髪でふざけた顔をしている。](https://assialiholic.net/hs-fs/hubfs/img/common/prof3-square-small.jpeg?width=200&height=200&name=prof3-square-small.jpeg)
    - ![写真： 半田のプロフィール写真。髪が灰色](https://assialiholic.net/hs-fs/hubfs/img/common/prof2-square-small.jpeg?width=200&height=200&name=prof2-square-small.jpeg)
    - ![写真： 半田のプロフィール写真。髪が白めで腕を組んで右を向いている](https://assialiholic.net/hs-fs/hubfs/img/common/prof2-alt-square-small.jpeg?width=200&height=200&name=prof2-alt-square-small.jpeg)

 

- [半田について](https://assialiholic.net/about?hsLang=ja)
- [ブログ](https://assialiholic.net/blog?hsLang=ja)

© Atsushi Handa Powered by [HubSpot.](https://www.hubspot.jp/)

```json
{
  "@context" : "http://schema.org",
  "@type" : "WebPage",
  "copyrightYear" : "2026-11-10 23:41:16",
  "description" : "半田について紹介しているページです。",
  "headline" : "半田について",
  "inLanguage" : "ja",
  "name" : "",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : ""
    },
    "name" : ""
  },
  "url" : "https://assialiholic.net/about"
}
```