お元気ですか.fmの5年間を振り返る

流れ

どういう内容を話してきたか？

この5年の出来事に合わせて紹介

持ち帰ってもらいたい内容

長続きできたコツ

運用に向けて極力楽にやる方針

楽をするとは具体的に何か？

編集にこだわらない（基本ノー編集）

音楽も差し込まない

とはいえ何も準備しないのは困るかも

コミュニティ自体が具体的に何を救うかはわからない

コミットメントすることがなんの価値があるかも正直測れない

ただし救ってくれたことは多い

精神的支えとなってくれた

キャリアを見直すきっかけになるかもしれない

5年って何があったっけ

ロシアによるウクライナ侵略、イラン戦争

能登半島地震

生成AIの台頭

地方でのカンファレンスが増えた

大阪・関西万博が開幕

小学校に入学した娘は大きくなった

同じ属性のある人として自分を選んでくれたことに感謝

https://open.spotify.com/episode/5e9KIA5UmK5z4sY68Wwesp

近況報告から始まるのは今も変わらないスタイル

当時の自分は31歳（配信時点）

これまで出演してくれたゲスト陣

https://gyazo.com/792d5cb05397d49a6f15e2ad9d4da6a4

https://gyazo.com/bb7f77182eb87038a2bd09b82df17bf9

名前負けしがちなことを指摘されがち

引き続きSpotifyほかでも配信されておりますのでそちらからもよろしくお願いします🎙️

https://pbs.twimg.com/media/G_ynTprbUAEAkk3.jpg

vol.01

2021年8月14日

やまのく: 低気圧で不調、ワクチン1回目。takanorip: ワクチン1回目。

カラーパレット設計、日報、Vue.js

カラーパレット設計におけるアクセシビリティ(WCAG 4.5:1)の担保

Webコンポーネントによる技術的負債の局所化

vol.02

2021年頃

デザイナー転職、近況報告

エンジニアからデザイナーへの転向における、論理的構築の強みとグラフィックの課題。UIデザイナーの市場不足。

vol.03

2021年9月11日

やまのく: 体調回復。takanorip: ワクチン2回目接種前で緊張。

Atomic Designのこれから

Atomic Designはフレームワークではなく考え方のベース。粒度の議論に固執せず、意味や役割で考える重要性。

vol.04

2021年10月頃

やまのく: チーム異動、フロント基盤強化。takanorip: 休職中、分割キーボード購入。

Web Components、デザインシステム

Design Tokensのフォーマット標準化動向。Web ComponentsとSSRの相性課題と、Lit等の成熟による普及の兆し。

vol.05

2021年11月14日

やまのく: 32歳の誕生日、JSConf JP登壇決定。takanorip: 髪を紫色に染める。

ワークライフバランス、英語学習

リモートワークによる境界の曖昧化。エンジニアの英語はスピーキング以上に情報の取得（Leading&Reading）が重要。Amazon欲しいものリストの文化。

vol.06

2021年11月下旬

やまのく: JSConfスライド作成。takanorip: 休職から回復、鎌倉散歩。

Web版Photoshop、複雑GUI、OOUI

Web版PhotoshopにおけるWASMやLitの活用。GUIでのアクセシビリティ（プログレスバーを数値表現に流用する工夫）。

vol.07

2021年11月頃

フロントエンドの意思決定に必要なこと

サービス横断の意思決定には広範な技術経験が必要。デザインシステムにおけるドキュメント化とアクセシビリティの初期考慮。

vol.08

2021年12月19日

やまのく: 流山のエンジニア忘年会。takanorip: 湯河原温泉旅行。

2021年忘年会、年間の振り返り

やまのくはJSConf登壇。takanoripはUIデザイナーへジョブチェンジ。Next.jsの巨大化・複雑化への懸念。

vol.09

2022年1月

やまのく: 副業開始準備。takanorip: 転職。M1 Pro MacBook Proの納期待ち。

デザインエンジニアの定義

デザインとエンジニアリングの両輪で不確実性を引き受ける専門職。育成の難しさとキャリアパスの未整備、UIデザイナー不足。

vol.10

2022年2月頃

『Every Layout』監訳の裏話

ブラウザのレイアウト原理をパターン（プリミティブ）として捉えるCSS設計。物理本が持つ視覚的・身体的記憶の価値。

vol.11

2022年4月

やまのく: 娘が小学校入学。takanorip: 転職3ヶ月で多忙、ワクチン副反応。

HTMLの重要性、ユーザーの声と統計学

HTMLの文書構造理解の軽視への警鐘。ユーザーリサーチにおける「仮説検証」と「統計的視点」の必要性。

vol.12

2022年5月14日

やまのく: GAAD Japan準備。takanorip: Web+DB PRESS執筆、谷さんと同僚に。

Figma Config 2022振り返り

Figmaの新機能（絶対配置等）がもたらす、実装に近い思考。デザインシステムにおけるセマンティックカラーの重要性。

vol.13

2022年6月15日

やまのく: ヴェゼル納車。takanorip: 雑誌執筆終了、結婚式用スーツ新調。

デザイナーとエンジニアの狭間の葛藤

両領域を跨ぐ際の「成長痛」。アウトプットを売上やKPIと紐付けることで、デザイナーの価値を可視化する必要性。

vol.14

2022年7月頃

やまのく: 子供の送迎と暑さ。takanorip: 胃カメラに戦々恐々。ゲスト: lacolaco（週4勤務実施中）。

ソフトウェアエンジニアと哲学

vol.15

2022年8月6日

やまのく: 富士急で腰と首を痛める。takanorip: 筋トレ継続、登壇イベント多忙。

Storybookの活用、ダークパターン

Storybookのアドオン拡充による開発基盤化

警察業（ルールの徹底）の必要性

ダークパターンが生まれる組織構造

vol.16

2022年9月頃

デザイン読書日和振り返り、デザインエンジニア考察

デザインエンジニアの「プロトタイピング派」と「デザインシステム派」の分化

キャリア形成における専門軸の重要性

vol.17

2022年10月27日

やまのく: 16時間断食中。takanorip: Figma Schema 2022を楽しみに待つ。

登壇への道、Web制作の遊び心

デザイナー向けイベントでの実績重視の傾向

Jamstack全盛期における、手書きHTML/CSSによる自己表現の価値

vol.18

2023年1月

やまのく: 複雑GUI勉強会参加。takanorip: BuriKaigi登壇、通信制美大入学の検討。

2023年の抱負、アクセシビリティのインフラ化

アクセシビリティの維持の重要性

PWAのキャッシュ管理の複雑さと、Container Queriesへのブラウザ実装の期待

vol.19

2023年2月下旬

ブログ制作2023、ActivityPubと分散型SNS

NotionをヘッドレスCMSとして利用しGitHub Actionsで出力する構成。マークダウンの表現力不足という課題。

vol.20

2023年4月26日

やまのく: 新卒受け入れ、茅ヶ崎ビール。takanorip: インフル回復、美大入学、オフィス移転。

社会人美大生、CSSの進化、VRT導入

コンテナクエリやネスティング等、CSSの急速な進化への対応。VRT導入によるリファクタリングの安心感とピクセルパーフェクト。

vol.21

2023年6月14日

お金とデザイン、やりたい仕事

事業会社での開発とお金の関係

Open UI等のWeb根源的な仕様への関心

vol.22

2023年9月5日

やまのく: グランピング旅行。takanorip: 33歳の誕生日、ロードバイク購入、ジム開始。

開発生産性とデザインシステムのROI

デザインシステムやトークンのROI（投資対効果）を証明する難しさと、生産性向上を「言い切る」姿勢の重要性。

vol.23

2023年11月1日

やまのく: 34歳の誕生日。takanorip: 福岡・沖縄など地方遠征。両名ともVue Fes Japan 2023に参加。

Vue Fes Japan 2023振り返り

マルチスレッドやViteの内部実装など、コミュニティの成熟による低レイヤーの話題増加。オフライン交流の重要性。

vol.24

2023年12月5日

やまのく: 家族でアデノウイルス感染。takanorip: 双極性障害の診断・療養、アクセシビリティイベント主催。

11月のカンファレンス振り返り、アドベントカレンダー

JSConfでのリモート登壇体験

CanvasベースのレンダリングとAOM(Accessibility Object Model)の動向

vol.25

2023年12月28日

やまのく: 1人アドベントカレンダー完走。takanorip: 胃腸炎でダウン。転職活動を終え次の職場が決定。

2023年の振り返り、コミュニティとキャリア

オフラインイベントの復活

コミュニティにおける安全対策とギブ＆テイク

35歳定年説の形骸化と多様なキャリア形成。

vol.26

2024年1月下旬

やまのく: Edge（Copilot）移行、競プロ登録。takanorip: 富山ブリ会議登壇、デザインシステム記事執筆。

デザインシステムの需要、専門職キャリアの覚悟

デザインシステム専任職の需要増加。アクセシビリティやデザインエンジニアといった専門特化型キャリアの歩み方と不安。

vol.27

2024年2月頃

やまのく: Svelteミートアップ参加。takanorip: 長野剛デザイン展。ゲスト: スバル（『Tailwind CSS実践入門』著者）。

Tailwind CSSとコンポーネント設計

Tailwind CSSは「制約」を設けるためのツール。生成AIとの相性は良いが、ベースとなるCSS知識が不可欠。

vol.28

2024年4月上旬

やまのく: フロントエンド課題報告、転職内定獲得。takanorip: 水曜日のカンパネラ武道館ライブ、映画鑑賞。

エンジニアの年収戦略、生成AI時代の価値

高年収のための市場選定。生成AIは「作業」を代替するが、「意思決定」と「審美眼」を持つ人間が重要になる。

vol. 29

2024年5月29日

やまのく: 退職準備、TS Kaigi参加。takanorip: 髪をピンクに染める、Featured Projects参加。

アクセシビリティの組織導入、UXデザインの定義

アクセシビリティを草の根からトップダウンへ移行させる組織マネジメント。UXデザイナー職能の分化（PM、リサーチャー等）。

vol.30

2024年7月17日

やまのく: 転職・オンボーディング中。takanorip: シンガポールConfig APAC参加、33歳の誕生日。

転職、Config APAC、東南アジアのアクセシビリティ

Figma VariablesのLine Height指定の不備。Config APACでのタイポグラフィ議論。シンガポールのバスのUX。

vol.31

2024年9月頃

やまのく: フロン感北海道に参加。takanorip: デジタルマーケターズサミット登壇、札幌旅行。

デザインシステムとクリエイティビティ2024

UIのコモディティ化において、デザインシステムは「どうでもいい所に時間を使わない」道具。警察業を避けては通れない運用実態。

vol.32

2024年12月5日

やまのく: 転職から半年、大阪旅行、アカン福岡参加。takanorip: デザインマネージャー就任、転職活動再開。

デザイン品質の定義、転職後の立ち上がり

デザイン品質は全員で持つべき基準。複数デザイナー体制では、一貫性のためのゲートキーパー役が重要になる。

vol.33

2025年2月3日

やまのく: MacからWindows（ガレリア）に移行。takanorip: 転職活動終了、3月から新天地、有給消化中。

肩書きの功罪、デザインエンジニアの転職

肩書きは期待値調整に有効だが動きを縛ることもある

デザインエンジニアの募集は少なく転職難易度が高い

JTCとエンジニア文化のギャップ

vol.34

2025年3月

生成AIツールと開発体験、モーションの知識

Deep Research, Cursor, V0等の活用による開発体験の劇的変化

UIモーションの体系的知識は、トレンドに左右されない長期資産

vol.35

2025年5月上旬

やまのく: Helpfeel Tech Conf参加、MCPサーバー開発。takanorip: 湯河原ワーケーション、TS会議準備、腰痛。

MCP (Model Context Protocol)、Figma Config 2025

MCPによるAIエージェントと外部ツールの連携

AIとの「壁打ち」におけるバイアス回避の重要性

vol.36

2025年7月3日

やまのく: 犬の3歳の誕生日、アドリブでの登壇資料作成。takanorip: デザインマネージャーとしての試行錯誤。髪を緑に染める。

アウトカムファースト、AI時代のエンジニアの価値

開発生産性指標を目的化することの危険性

AI時代こそ「何を作るか」という審美眼とプライドがデザイナーに求められる

vol.37

2025年9月

やまのく: 精神的不調から回復、親知らず抜歯、ペットの介護。takanorip: 横浜へ引越し、髪色が緑に。関西フロントエンド登壇決定。

精神的不調とやりがい、ActivityPub、AI厳滅期

AI導入における業務適用の壁（前提知識の必要性）。ActivityPubの実装を通じた、インターネット人格の所有権。

vol. 38

2025年11月

やまのく: Vue Fes Japan 2025登壇、36歳の誕生日。takanorip: Design-Ship 2025スタッフ、34歳の誕生日。

進捗管理、役割と「越境」、Design-Ship振り返り

個人開発の挫折（エターなる）を防ぐ進捗共有Discordの運用。組織設計が不十分な状態での「越境」に対する警鐘。

vol.39

2025年12月下旬

やまのく: Navigation APIの1人アドベントカレンダー完走間近。takanorip: 歯のクリーニング、針治療。kubosho（ゲスト）: 自ブログの機能追加。

評価制度とフィードバック、報酬の連動

自己評価と他者評価の関係性、期待役割の明確化。「魚を渡すか釣り竿を渡すか」という評価者のスタンスの議論。

vol.40

2026年1月25日

やまのく: チーム移動後、コードを書く楽しさを再発見。健康診断。takanorip: 35歳の節目。アトリエ活動や本屋開業を検討。

2026年の展望、5周年記念、エンジニアの職能

AI時代だからこそ自分の手で作る「プロの矜持・プライド」が重要。地方カンファレンスの盛り上がりと時期分散への期待。

vol.41

2026年3月頃

ゲスト（Kenji）: 国際結婚の手続きで多忙。Astroのコミッターとしても活動。

AI時代の手触り感、Web技術の歴史

AI全盛期こそ「自分で手を動かして理解する」手触り感がモチベーション維持に重要。Astroはエンタープライズ向け機能が拡充。