clockmaker Profile Banner
池田 泰延 Profile
池田 泰延

@clockmaker

Followers
29K
Following
25K
Media
7K
Statuses
31K

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

東京都品川区
Joined April 2007
Don't wanna be here? Send us removal request.
@clockmaker
池田 泰延
5 years
羽田空港の過密ダイヤをタイムラプスで撮影。. こんなに離着陸が規則正しいとは驚き。.パイロットすごい!. カメラ: SONY α7RⅢ.レンズ: SIGMA 135mm f1.8 Art.#タイムラプス #timelapse
103
25K
67K
@clockmaker
池田 泰延
3 hours
RT @tak_dcxi: Tailwindについて思うことが言語化されていて良かった.
0
3
0
@clockmaker
池田 泰延
1 day
RAW写真→iOSの写真アプリの管理方法。.課題と対策について。. ■前提.・iOSの写真.appは撮影時刻ではなく、ファイルの作成時刻をベースに管理. ・Adobe Lightroomから写真を書き出し、写真.appに取りこむと、撮影日と作成日で乖離するため困る. ■いままで.・回避方法は、date_recovery.app.
0
2
5
@clockmaker
池田 泰延
1 day
ICS MEDIAで新しい記事が公開されました。.ぜひご覧くださいませ。. CSSのclip-pathとshape()関数で切り抜き表現の引き出しを増やそう! - ICS MEDIA
0
5
21
@clockmaker
池田 泰延
1 day
CSSの新しいclip-pathとshape()関数を使うと、SVGみたいなシェイプが簡単に描けま���。. Safari、Chrome、Edgeで対応済み。.(担当: @IcsKitagawa
1
45
512
@clockmaker
池田 泰延
3 days
ICS MEDIAの新着記事を参照くださいませ。. CSSでheight: autoでもアニメーションが可能に! interpolate-sizeとは - ICS MEDIA
0
8
53
@clockmaker
池田 泰延
3 days
CSSの新しいinterpolate-size と calc-size() ��便利。. width: auto; や height: auto; に対してトランジション可能になります。固定サイズなら簡単ですが、autoなサイズが今まで難しかったので、楽になります。
2
107
1K
@clockmaker
池田 泰延
4 days
ICS MEDIAのwebpack解説記事は、今もこまめにメンテナンスしています。. Google検索では4〜6年前の古い内容の記事ばかりヒットしますが、ICS MEDIAは読者が困ることのないように努めています。. 絶対つまづかないwebpack入門 - JavaScriptのモジュールバンドラ - ICS MEDIA
0
0
10
@clockmaker
池田 泰延
4 days
フロントエンドエンジニアに質問。.webpackは今も使っていますか?.#JavaScript #CSS.
1
4
11
@clockmaker
池田 泰延
7 days
WebGPUの作例コードは以下のリポジトリに置いておきます。. フルWebGPU、生Canvas 2D、WebGPUコンピュートシェーダー + Canvas 2Dという3種類のデモを配置しています。性能比較にどうぞ。.#JavaScript.
0
0
10
@clockmaker
池田 泰延
7 days
ウェブアクセシビリティについての、伊原さんのセッション。. ホバーで透明度を下げるのは、人類がやってしまいがちなCSSの実装。.アクセビリティ的にはコントラストが低下し視認性が下がるので、ホバーしたら濃くするほうがよい、とのこと。.#contents758.
0
25
177
@clockmaker
池田 泰延
7 days
contents nagoyaのウェブアクセビリティのセッションを受講しています。満席。. アクセシビリティの実績作りのため入札案件にチャレンジした、という話は面白かったです。.
0
0
8
@clockmaker
池田 泰延
7 days
「きたないFigmaのなかでは、良いデザインはできない」. 素晴らしいマインドですね!.#dist50.
0
1
11
@clockmaker
池田 泰延
7 days
PLAIDさんのデザインシステムSourのドキュメントサイト。. 当初はSTUDIOで作っていたが、検索機能に課題があった。.GitBookを使うとAI検索の効果があり、20倍のアクセス数になった、とのこと。.#dist50.
0
3
15
@clockmaker
池田 泰延
7 days
弊社もテキスト校正のためのFigmaプラグインを公開しています。内部エンジンはtextlint。.よければご利用くださいませ、無料です。. 文章の品質向上に役立つ! Figmaのプラグイン「テキスト校正くん」を公開 - ICS MEDIA #dist50.
0
6
40
@clockmaker
池田 泰延
8 days
WebGPUのコンピュートシェーダーが未来ありまくりなので、ぜひ記事もチェックくださいませ。.↓.GPGPUを体験しよう! WebGPUのコンピュートシェーダー入門 - ICS MEDIA
1
11
76
@clockmaker
池田 泰延
8 days
WebGPU + JavaScriptだと500万パーティクルでもヌルヌル。. かつてのFlashやCanvas 2Dで1〜10万パーティクルで挑戦していた時代とは隔世の感があります。. ポイントは、WebGPUでコンピュートシェーダーが使えること。座標計算にGPUが使えます。
3
283
2K
@clockmaker
池田 泰延
8 days
WebGPUが学べる素敵なサイト!.社内でも話題になっていました。.
@northprint
Norihiro Narayama
8 days
WebGPUを学ぶことができるWebサイト公開しました.Claudeで作りました.
1
10
59
@clockmaker
池田 泰延
8 days
ICS MEDIAで新しい記事が公開されました。. ウェブブラウザ上でのJavaScriptの話。.WebGPUで並列計算を行う次世代の手法を、わかりやすく解説しています。. 先端過ぎるかもしれませんが、JavaScriptの高速化に取り組みたい方にどうぞ。.
0
4
44
@clockmaker
池田 泰延
8 days
インフルエンサー達の合成写真の不誠実な投稿を否定したばかりなので、今回は一切のRAW現像もしていません(笑)。.
0
0
5
@clockmaker
池田 泰延
8 days
今日の夕暮れタイムラプス。爆焼け未満でしたが、黄色く染まり美しい夕焼けでした。. カメラでの撮って出しMP4です。.(無加工). カメラ:LUMIX S1RⅡ.レンズ:SIGMA 14-24mm f2.8 Art.#S1R2 #S1RII #S1RM2
1
0
16