本文へ移動
戦うエンジニア応援団長OFFICIAL BASE / BUILD & THINK
FOR THOSE WHO KEEP BUILDING.

ただ作るな。
考えて作れ。
守って進め。

デザインの意図を、動くWebへ。

WordPress独自テーマ開発とフロントエンド。
動くデモと、その裏にある設計をここに。
作る者、学ぶ者、挑む者の味方でありたい。

制作デモを見る ↓わたしの考え方 ↗
DANCHOU'S WORKBENCH● KEEP BUILDING
BUILD.
THINK.
IGNITE.
DESIGN → CODE → EXPERIENCE01 / BASE
WORDPRESS / FRONTEND / DESIGN
WORDPRESS / CUSTOM THEMESHTML · CSS · JAVASCRIPTDESIGN TO CODETECHNICAL DIRECTION
01 — SELECTED DEMOS

言葉だけでなく、動くもので。

触って、確かめてほしい。
制作と設計の力を伝える、3つの入口。
FRONTEND CHALLENGE / 01CSS地獄編。
諸君、挑め。
CSSQUIZLEVEL UP
DEMO 01 / INTERACTION

団長の技術力検定

知識を、挑戦する体験へ。問題から解説まで、迷わず進めるインタラクション。

JAVASCRIPT / UI DESIGN / LEARNING
FIELD NOTES / DESIGN STUDY意図を読む。
画面に落とす。
DEMO 02 / DESIGN TO CODE

デザインから、実装へ

余白、文字、スマホでの並び。画面の幅が変わっても、デザインの意図を守る。

HTML / CSS / RESPONSIVE
BASE
POST
PAGE
MEDIA
伝える人が、更新できる。
おすすめ記事を選ぶ
見出しと紹介文を編集
公開する
DEMO 03 / WORDPRESS

育てられるテーマ設計

独自の見た目と、扱いやすい更新。運営を見据えたWordPressテーマのつくり方。

WORDPRESS / THEME / CONTENT DESIGN
02 — HOW I BUILD

きれいに作る。
その先まで、考える。

わたしの軸は、WordPressとフロントエンド。
デザインと実装の間に立ち、要件から品質まで考える。
AIを使うときも、判断を手放さない。

この基地も、そんな考え方を形にする場所だ。

01

デザインには、理由がある。

見た目をなぞるだけでなく、読み順と操作の意図を実装へつなぐ。

02

公開したあとも、使えるものに。

長い見出し、画像がない状態、更新する人。現場の条件を設計に入れる。

03

速く作るほど、確かめる。

AIの出力もレビューする。原因を読み、判断し、説明できる実装へ。

LATEST ARTICLES

基地の新着記事

03 — FIELD NOTES

現場の知恵と、
挑む者へのエール。

日々の発信はXで。
ここでは、その先の解説と体験を。

AIと働く直す前に、原因を絞る。人間もAIも。↗制作の知恵テストデータにも、少し意地悪をさせよう。↗団長のエール質問できるところまで、手を貸す。↗

日々の発信と交流は、Xで。

SEE YOU ON X.

諸君。今日も、一緒に考えよう。

Web制作のリアル、AI時代の判断、そして日々のエール。

団長のXへ ↗
DEMO