Works

『WEB+DB PRESS Vol.127 連載 (デザインシステム)』(技術評論社)

(2022/02/24)

『WEB+DB PRESS Vol.109 最新CDN入門』(技術評論社)

(2019/02/23)

『Web制作者のためのGitHubの教科書』(インプレス)

(2014/12/8)

『フロントエンドエンジニア養成読本』(技術評論社)

(2014/7/2)

『CSS3逆引きデザインレシピ』(翔泳社)

(2013/9/19)

Web Designing連載

one's view

(2012年7月号 - 2013年1月号)

meta Tag Analyzer

- A Chrome Extension to analyze the quality of your site's meta information -

(2015/7/15)

The Japanese-styled CSS Filters

jpn-filter.css (2015/2/21)

Pigg Controller

(2013/10/24)

Empowering bloggers: How CyberAgent deployed built-in AI to enhance content creation

(2025/04/28)

Amebaデザインシステム Spindleの2024年を振り返る

(2024/12/31)

Web AI Case Study at Ameba, CyberAgent ~ Web AI summit 2024に参加 & 登壇してきました ~

(2024/12/23)

デザインシステムの力 Webデザイナーとエンジニアのための実践ガイドMTDDC Meetup TOKYO 2024

(2024/11/23)

Figma Dev Modeで進化するデザインとエンジニアリングの協働

CyberAgent Developer Conference 2024

(2024/10/29)

The Future of AI is Now: Real-life Case Studies for on Client-side AI Adoption in Web Apps

Web AI summit

(2024/10/18)

プロトタイプの制作時間が3分の1に！──サイバーエージェントのデザインシステム「Spindle」におけるFigma活用術

プロダクトづくりが捗るエキスパートから学ぶFigma／FigJam実践活用術 第4回

(2024/08/08)

WebパフォーマンスのExpertsが目指す 持続性の高いWeb開発

(2024/06/12)

パソコン向けChromeに生成AI「Gemini Nano」を搭載、翻訳や要約をオンデバイスで実現

(2024/05/15)

Gemini Nano integration in Chrome desktop to deliver new, on-device AI features

(2024/05/14)

日本CTO協会から、プロダクトのユーザー体験と変化に適応するチームのためのガイドライン『Webフロントエンド版DX Criteria』を4月24日に新公開

(2024/04/24)

Figma開発モードで実装との合流点を語る | UI＋FE合流点 feat. CyberAgent

(2024/03/26)

Figma Japan 2周年記念イベント「The Ways We Work」

(2024/03/13)

次世代 Web カンファレンス 2023

これからの Web について真剣に議論する
(2023/12/16)

The Web Can Do What!?
(2023/11)

Seamless navigation made possible with view transitions
(2023/9/28)

Encraft #6「Focus on UI Component 実装」
(2023/8/30)

A case study on scroll-driven animations performance
(2023/7/12)

Spindle UIのつくりかた
Encraft #6
(2023/8/30)

Always Fresh

Google I/O Extended Japan 2023

(2023/7/11)

2023年、知っておきたいWebのこと ~フレームワーク・Web UI~ CyberAgent Developer Conference 2023

 (2023/6/29)

Enjoy the Web 〜長くWeb開発を楽しむために大事にしていること〜 PWA Night CONFERENCE 2022 (2022/12/3)

リリースから5年、Webフロントエンドの経年劣化と向き合う (2022/10/11)

2022年、知っておきたいWebのこと ~ パフォーマンス & セキュリティ ~

(2022/3/24)

CLSの10倍改善でAmebaマンガの読者数が3倍増加 Webパフォーマンスの歴史とCore Web Vitalsの見直し

(2021/6/26)

Core Web Vitals in Practice

(2021/06/26)

アメブロ2020: Get Wild

(2020/12/21)

Scalable PWA 〜こえのブログ最新事例〜

(2020/02/01)

Designing Visual Stories at Ameba

(2019/12/12)

CDNフル活用でつくる、高速Webアプリ / Using CDN To Improve Web Performance

(2019/10/23)

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜

(2019/05/18)

アメブロ2019: こえのブログでのPWA (2019/03/28)

Optimized Server-Side Web Application In 2018 (2018/08/16)

AMP Showcase at Ameba (2017/10/02)

アメブロ2017: Isomorphic Web Appの進化編 (2017/07/07)

アメブロ2016: 実録、アメブロリニューアル275日 ~ Webパフォーマンス編 ~ (2017/02/25)

大規模ブログサイト表示速度改善大解剖 (1) アメブロでReactやIsomorphic Web Applicationを採用した理由――その成果と構成技術 (2017/02/09)

アメブロ2016 アメブロフロント刷新にみる ひかりとつらみ (2016/12/05)

Improve Page Speed Using Isomorphic JavaScript with React/Redux (2016/10/11)

アメブロ2016 ~ React/ReduxでつくるIsomorphic web app ~ (2016/10/11)

アメブロにおけるAMP (2016/6/22)

ネイティブ・ソーシャル時代にWeb・アプリでやっておくべきことまとめ (ネイティブSEO)

(2015/7/31)

精神とテクの部屋

(2015/4/27)

ネイティブエンジニア育成プロジェクト

ヘラネイティブ (2014/11/4)

Frontrend in Fukuoka

(2014/1/25)

「JavaScript engineer's Night～サイバーエージェント×DeNA　フロントエンドエンジニアの仕事＠渋谷ヒカリエ～」

(2013/12/18)

SaCSS Special4 Frontrend in Sapporo – 最新フロントエンド技術アップデート特集 –

(2013/12/7)

Frontrend Vol.5

(2013/5/25)

第2回テックヒルズ『ネイティブアプリ』vs『Webアプリ』～これからのアプリ開発のトレンド～

(2012/4/13)

HTML5、CSS3技術を駆使するAmebaスマホ版アプリ開発(Tech総研)

(2012/1/11)

【短期集中連載】

スマートフォン・アプリ開発の実践テクニック

(2012.5.7 - 5.28)

スマートフォン向けピグを開発

(2011/11/24)

第21回 HTML5とか勉強会 「HTML5 + ゲーム」

(2011/9/27)

HTML5 Web Applicationのつくりかた｜1 pixel｜サイバーエージェント公式クリエイターズブログ

(2011/9/7)

現場で使える！

CSS3デザインレシピ

(2013/7/12)

Amebaプラットフォームの作りかた

(2013/5/25)

速くなければスマホじゃない

(2012/6/25)

Native x Webでいいことどり開発 〜ピグトーク〜

(2012/4/13)