池田 泰延
@clockmaker

ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSS/JavaScriptを用いたユーザビリティーを意識したUI構築が専門で、3D表現・クリエイティブコーディングが得意。著書『フロントエンドの知識地図』など技術書14冊を執筆。趣味でタイムラプス撮影。

 東京都品川区
labs.clockmaker.jp/
Joined April 2007
7,061 Photos and videos
羽田空港の過密ダイヤをタイムラプスで撮影。 こんなに離着陸が規則正しいとは驚き。 パイロットすごい！ カメラ: SONY α7RⅢ レンズ: SIGMA 135mm f1.8 Art #タイムラプス #timelapse
105
23,819
65,265
GitHubの技術選択が面白い。 かつてのCSS-in-JSで性能面の課題があり、CSS Moduleに移行。 結果、以下の恩恵を得たとのこと。 ・ページをサーバー側でレンダリングする時間が55%削減 ・ページ上のコンポーネントの初期化に要する時間が25%削減 github.blog/engineering/arch…

Improving site performance by shipping more CSS

A look at how a design system shipped major changes without breaking the world.

github.blog
9
92
8,748
Three.jsカンファレンスの参加レポート記事をICS MEDIAで公開しました！ 日本からパリまで参加してどうだったか、をまとめています。 日本語： ics.media/entry/260925/?utm_… 英語：ics.media/en/entry/260925/?u… #threejsconf #threejsparis

Three.js Conf Paris 2026参加レポート - ICS MEDIA

2026年9月10日・11日の2日間、パリで「Three.js Conf Paris2026」が開催されました。JavaScriptの3Dライブラリー「Three.js」のはじめてのカンファレンスです。ICSは日本から渡仏し、現地のイベントに参加しました。

ics.media
1
11
70
5,836
この前のフランス出張では、モンサンミッシェルにも。 タイムラプスで撮影したら、海に鏡面反射して幻想的でした！ カメラ LUMIX S1R2
1
48
4,106
モンサンミッシェル到着時は豪雨でしたが、屋内観光後に天気が急に回復。 風速30km/時の強風で、いっきに雲が流れたおかげです。それもあり、雲が流れるタイムラプスを撮影できました。 二枚目の場所にでて撮影。干潟は短時間に潮が満ちるので、気をつけながらの撮影でした。 日本では平安時代ごろに、フランスではこんな立派な教会を建てており、東西文化の進化の違いに想いを馳せていまし た。
1
8
990
最近リリースされたReact 19.3で <ViewTransition>コンポーネントが正式搭載。 画面間を連続的につなげた演出に役立ちます。 CSSとJSXで宣言的に書けるので、 生JavaScriptより簡単。
1
8
100
7,185
Reactでのデモとコードは、こちらに掲載しています。 可能な限りコードを短くしました。 ics.media/entry/230510/#reac…

View Transitions API入門 - 連続性のある画面遷移アニメーションを実現するウェブの新技術 - ICS MEDIA

View Transitions APIを使うと、シンプルでスムーズな連続性のあるアニメーションを実装できます。ウェブ技術でのアニメーションはさまざまな手段が存在します。

ics.media
2
1,062
Three.js最新版で3Dガウシアンスプラッティングが標準搭載されたということで、ICS MEDIAで解説記事が公開されました。 日本語：ics.media/entry/260917/?utm_… 英語： ics.media/en/entry/260917/?u… 担当： @northprint

Three.jsでの3Dガウシアンスプラッティング入門 - ICS MEDIA

2026年9月8日に公開されたThree.jsのr186で、3D GaussianSplattingガウシアン・スプラッティング（以下、3DGS）をライブラリの機能で表示できるようになりました。

ics.media
13
58
6,096
フロントエンドカンファレンス関西で登壇することになりました！ ・10月12日 (月・祝) ・場所：グラングリーン大阪 私は「HTML-in-Canvas」をテーマに話します。 関西での登壇は久しぶり🐙 ぜひお申し込みくださいませ。 公式サイト→ 2026.frontend-conf.osaka.jp/
1
13
71
7,001
Safari 27.0が正式リリース！ HTML・CSSに便利な機能が盛りだくさん。
4
99
442
40,913
ChromeだとMCPサーバー／CLIで操作できましたが、Safariもやってきた形です。 参考→ ics.media/entry/260727/ 手元でSafari MCPサーバーを使ってみましたが、Codexですいすい操作できて便利です。

AIがChromeを自分で見る時代へ。Chrome DevTools for agents入門 - ICS MEDIA

Chrome DevTools foragentsを利用すると、AIエージェントがChromeに表示された画面を確認しながらコードを修正できます。スクリーンショットやコンソール、Lighthouseを使った検証も可能です。

ics.media
3
7
1,548
う、うごくぞ……！ iOS 27.0 Safariで、HTMLの <select>・<option>タグのCSSが……🙌
2
90
740
180,899
装飾可能なselectタグの解説記事はこちら。 ics.media/entry/250307/ Chrome・Edgeに加えて、Safari 27で利用可能に。

HTML/CSSで装飾可能に！ select・optionタグの新しいカスタマイズ方法 - ICS MEDIA

最近のブラウザでは要素をカスタマイズできるようになりました。今までは要素で表現できる見た目は限られており、やむをえず別のタグを組み合わせて独自の実装をしていた方も多いのではないでしょうか。

ics.media
3
30
6,095
これまた大きなニュース。 ShopifyがTailwindを買収……！ tailwindcss.com/blog/tailwin…

Tailwind Labs is joining Shopify

We're joining Shopify to give Tailwind a stable long-term home where it will be actively maintained for the millions of people who depend on it.

tailwindcss.com
24
97
7,307
今回はiPhoneでライブ翻訳しながら、海外のカンファレンスを聞きました。 結論、翻訳アプリを利用すれば海外カンファレンスは内容を聞けます。 ■Apple純正翻訳アプリ iPods Proでライブ翻訳を利用可能。利便性は高い。翻訳品質は20点ぐらい。話者の聞き分けができない。5〜10秒ほど遅延。 ■Google翻訳アプリ ライブ翻訳に対応。iPods Proで利用可能。翻訳精度は70点ぐらい。話者の聞き分け・翻訳が可能。自然な日本語。アプリ切替で停止するため利便性に難あり。 アプリによって一長一短ですが、問題無い感じでした。 #threejsconf #threejsparis
5
36
4,315
Three.jsカンファレンスの興奮も覚めやらぬうちに東京に戻ってきました。 多くの世界中のクリエイターとお話し刺激をもらったことを、明日からの日々の仕事に活かしていこうと思います。 #threejsconf #threejsparis
3
3
69
4,030
パリ最終日はエッフェル塔を撮影。 セーヌ川の美しい朝焼けに出会えました！ #threejsconf #threejsparis
3
43
2,832
Three.jsカンファレンスの最後は、船上パーティー。 素晴らしい会で締めくくりました。 #threejsconf #threehjsparis
4
1
132
5,021
Three.js カンファレンス、みんなFlashのこと言及していて好きすぎだろ！って思いました 笑 #threejsconf #threejsparis
5
5
81
3,923
Three.js conf、セッション終わり！ クリエイティブ系のサイトが数多く、技術と創作を学べる素敵なカンファレンスでした！ #threejsconf #threejsparis
69
2,458
パリで開催のThree.jsカンファレンスにきました！ #threejsconf
3
6
220
10,801
more replies
二日目、Renaud Rohlingerさんの発表「Performance and Tricks」が次元が高過ぎてヤバい感じでした。 パリまできた価値がありました…!! #threejsconf #threejsparis
2
5
1,223
Three.js Journeyの Bruno Simonさんの発表。 かつてのFlashサイトを紹介する文脈で城戸さん作のサイトが一瞬紹介されていました。 #threejsconf #threejsparis
3
846
Load more