池田 泰延
@clockmaker

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

 東京都品川区
labs.clockmaker.jp/
Joined April 2007
7,064 Photos and videos
羽田空港の過密ダイヤをタイムラプスで撮影。 こんなに離着陸が規則正しいとは驚き。 パイロットすごい！ カメラ: SONY α7RⅢ レンズ: SIGMA 135mm f1.8 Art #タイムラプス #timelapse
104
23,819
65,266
雲海と富士山。 長野県の諏訪湖北側から撮影しました。 カメラ LUMIX S1R2
13
1,530
東京は36日連続の雨でしたが、今日は一日快晴。 久々に、素晴らしい夕日を眺めることができました。 カメラ：LUMIX S1R2 レンズ：SIGMA 28-105mm f2.8 DG Art
1
1
31
2,225
CSSに新しくrandom()関数が登場。 乱数をCSSで扱えるため、バラツキのある演出が作りやすくなります。便利！
2
110
663
49,286
ICS MEDIAの新着記事です。 ぜひご覧ください！ 日本語： ics.media/entry/261001/?utm_… English： ics.media/en/entry/261001/?u… 担当：岩間

CSSのrandom()関数でつくる、不規則なデザイン表現 - ICS MEDIA

CSSのrandom()関数を使うと、CSSだけでランダムな値を扱えるようになります。random()関数は、Safari26.2から利用できる新しい関数です。要素ごとのサイズや角度、アニメーションの開始タイミングなどに自然なばらつきを加えられます。

ics.media
3
14
2,806
いい資料。 ここ2〜3年で、フロントエンド界隈のHTML・CSS・JS関連の技術記事や勉強会の発表資料で、AI臭い文章を見かけることが多くなりました。 変な言い回しやポエムでうんざりします。 一読したほうが良いでしょう。 AI臭い文章とは何なのか - Speaker Deck speakerdeck.com/nasuvitz/ai-…

AI臭い文章とは何なのか

2026/9/28 豊洲会 教育用途にご利用ください

speakerdeck.com
2
57
414
32,312
審美眼がないとAI臭いことに気付けない、ということと思います。 次の記事に通じるものがあります。 引用 ・いかにもAIくさいスライドを出してきて(略)それがベストだと思って自信を持ってたりする ・AIくささに無自覚なのは解せない note.com/rk611/n/n56e6db823e…

AIでクオリティが落ちた外注さんが、自分では気づけてないという怖い話｜片山良平＠Eldipa代表、paiza創業者

先日会食で聞いた怖い話。 ある企業から依頼している外注さんが、AIを使い始めてから明らかにクオリティが下がっており、AIを使うなとも言いづらいし、修正依頼するもいまいち噛み合わず、やりづらいので終了しようと思う、という話でした。 気になったのはその先で、話を聞く限り、どうもその外注の方はAI使ってクオリティ下がってる自覚が無いようです。 AIを使ってクオリティが落ちる人と上がる人。その差は何...

note.com
1
9
3,150
テックカンファレンスとしての充実さはもちろん、なにからなにまで贅沢すぎて、夢の中の話かと疑ってしまうほどに羨ましい体験記事🤤 なんたって船上パーティーやぞ🪩🕺
池田 泰延
@clockmaker
Sep 25
Three.jsカンファレンスの参加レポート記事をICS MEDIAで公開しました！ 日本からパリまで参加してどうだったか、をまとめています。 日本語： ics.media/entry/260925/?utm_… 英語：ics.media/en/entry/260925/?u… #threejsconf #threejsparis
2
5
1,840
池田 泰延 retweeted
kyoko NR@kyoko_NR_nr
Sep 28
私も参加させてもらったThree.js Confのレポートが公開されました！ とにかく学びと刺激の多いカンファレンスで最高でした！ Our report on Three.js Conf in Paris is now on ICS MEDIA! It was full of inspiration and creative energy and I had an amazing time! check it out!✨ #threejsconf
ICS MEDIA
@icsweb
Sep 25
新着記事のお知らせ Three.js Conf Paris 2026参加レポート - ICS MEDIA 日本語： ics.media/entry/260925/?utm_… 英語：ics.media/en/entry/260925/?u… #threejsconf #threejsparis
3
2
1,575
GitHubの技術選択が面白い。 かつてのCSS-in-JSで性能面の課題があり、CSS Moduleに移行。 結果、以下の恩恵を得たとのこと。 ・ページをサーバー側でレンダリングする時間が55%削減 ・ページ上のコンポーネントの初期化に要する時間が25%削減 github.blog/engineering/arch…

Improving site performance by shipping more CSS

How we fully migrated github.com away from CSS-in-JS.

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

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

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

ics.media
2
1,104
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
57
6,164
フロントエンドカンファレンス関西で登壇することになりました！ ・10月12日 (月・祝) ・場所：グラングリーン大阪 私は「HTML-in-Canvas」をテーマに話します。 関西での登壇は久しぶり🐙 ぜひお申し込みくださいませ。 公式サイト→ 2026.frontend-conf.osaka.jp/
1
13
71
7,058
Safari 27.0が正式リリース！ HTML・CSSに便利な機能が盛りだくさん。
4
99
443
41,018
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,573
う、うごくぞ……！ iOS 27.0 Safariで、HTMLの <select>・<option>タグのCSSが……🙌
2
89
740
181,012
装飾可能なselectタグの解説記事はこちら。 ics.media/entry/250307/ Chrome・Edgeに加えて、Safari 27で利用可能に。

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

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

ics.media
3
30
6,136
Load more