ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSS/JavaScriptを用いたユーザビリティーを意識したUI構築が専門で、3D表現・クリエイティブコーディングが得意。著書『フロントエンドの知識地図』など技術書14冊を執筆。趣味でタイムラプス撮影。
東京都品川区
Based in Japan
- Tweets 31,777
- Following 1,016
- Followers 31,667
- Likes 26,099
Pinned Tweet
羽田空港の過密ダイヤをタイムラプスで撮影。
こんなに離着陸が規則正しいとは驚き。
パイロットすごい！
カメラ: SONY α7RⅢ
レンズ: SIGMA 135mm f1.8 Art
#タイムラプス #timelapse
105
23,819
65,267
CSSのgap装飾が便利な理由
①display: gridでテーブルが組める
②gridなのでレスポンシブでレイアウト変更可
（縦・横方向の切り替えがHTML/CSSだけで！）
③CSSのattr()を使えばJSなしに場所指定もOK！
デモ： @ryu_yama_0325
1
36
250
21,291
GitHubの技術選択が面白い。
かつてのCSS-in-JSで性能面の課題があり、CSS Moduleに移行。
結果、以下の恩恵を得たとのこと。
・ページをサーバー側でレンダリングする時間が55%削減
・ページ上のコンポーネントの初期化に要する時間が25%削減
github.blog/engineering/arch…
10
97
9,054
Three.jsカンファレンスの参加レポート記事をICS MEDIAで公開しました！
日本からパリまで参加してどうだったか、をまとめています。
日本語： ics.media/entry/260925/?utm_…
英語：ics.media/en/entry/260925/?u…
#threejsconf #threejsparis
1
11
70
5,981
羽田空港の過密ダイヤをタイムラプスで撮影。
こんなに離着陸が規則正しいとは驚き。
パイロットすごい！
カメラ: SONY α7RⅢ
レンズ: SIGMA 135mm f1.8 Art
#タイムラプス #timelapse
105
23,819
65,267
最近リリースされたReact 19.3で
<ViewTransition>コンポーネントが正式搭載。
画面間を連続的につなげた演出に役立ちます。
CSSとJSXで宣言的に書けるので、
生JavaScriptより簡単。
1
8
100
7,186
Reactでのデモとコードは、こちらに掲載しています。
可能な限りコードを短くしました。
ics.media/entry/230510/#reac…
2
1,063
Three.js最新版で3Dガウシアンスプラッティングが標準搭載されたということで、ICS MEDIAで解説記事が公開されました。
日本語：ics.media/entry/260917/?utm_…
英語： ics.media/en/entry/260917/?u…
担当： @northprint
13
58
6,098
フロントエンドカンファレンス関西で登壇することになりました！
・10月12日 (月・祝)
・場所：グラングリーン大阪
私は「HTML-in-Canvas」をテーマに話します。
関西での登壇は久しぶり🐙
ぜひお申し込みくださいませ。
公式サイト→ 2026.frontend-conf.osaka.jp/
1
13
71
7,002
Three.jsカンファレンスの興奮も覚めやらぬうちに東京に戻ってきました。
多くの世界中のクリエイターとお話し刺激をもらったことを、明日からの日々の仕事に活かしていこうと思います。
#threejsconf #threejsparis
3
3
69
4,030
ChromeだとMCPサーバー／CLIで操作できましたが、Safariもやってきた形です。
参考→ ics.media/entry/260727/
手元でSafari MCPサーバーを使ってみましたが、Codexですいすい操作できて便利です。
3
7
1,548
装飾可能なselectタグの解説記事はこちら。
ics.media/entry/250307/
Chrome・Edgeに加えて、Safari 27で利用可能に。
3
30
6,095
Anime.js の作者も登壇。
タイムライン編集でAnime.jsのコードを生成。
タイムラインのスタッガー（バラつき）指定もユニーク。
このツール、かなり良さそう！
#threejsconf #threejsparis
1
14
146
7,197
