@clockmaker

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

 東京都品川区
labs.clockmaker.jp/
Joined April 2007
  • Tweets31.8K
  • Following1K
  • Followers31.7K
7.1KMedia
Include

Only show posts containing:

Exclude

Hide posts containing:

Time range
-
Minimum likes
Replying to @takanyo
背景からサイトを想起できるほど、読者の記憶に残っているのはデザインの勝利ですね！？
1
382
Replying to @chaca21911
広告自体はサイト運営に必要だとは思うのですが、今の広告モジュールはやりたい放題ですね😅
755
Replying to @nagipment
たぶん広告だろうと思ってクリックしたら、👹を退治する少年少女たちを描いた作品をオススメされました（笑
1
1
713
とあるウェブ技術のブログサイトですが、アニメーション技術の解説で、「アニメを観る」という偽ボタン（広告）を本文に配置するのは、evilじゃないですかね！
4
15
4
98
13,133
iPhone Duo注文完了！ 21時ジャストの申し込みで、12月お届け予定でした。
2
44
3,108
池田 泰延 retweeted
ICS MEDIA
@icswebOct 16
新着記事のお知らせ Tailwind CSS入門 - ICS MEDIA 日本語： ics.media/entry/261016/?utm_… English: ics.media/en/entry/261016/?u…

Tailwind CSS入門 - ICS MEDIA

ウェブでのUIスタイリングには、素のCSSやCSSModules、CSS-in-JS、UIライブラリを使うなど、さまざまな選択肢があります。その中でも、TailwindCSSは2010年代後半から徐々に普及してきたCSSフレームワークです。

ics.media
4
1
14
1,810
Replying to @g_azami
怖いものですねぇ。不正アクセスがあったサービスは今後も避けたいと思ってしまいます。
1
170
イベントの感想レポートより。 フロントエンドカンファレンス関西2026に参加してきました｜小泉岳人 note.com/rich_hyssop406/n/n9… 今回の発表では、スライドの動きをこだわったので、取り上げていただき嬉しい限りです！ #fec_kansai
1
4
1,375
Studioも不正アクセス被害に。 私は使ったことないのですが、ウェブ業界に影響大きそうです。 【重要】不正アクセスによる情報流出に関するお詫びとお願い（第一報） | 最新情報 | Studio studio.design/ja/whats-new/u…

【重要】不正アクセスによる情報流出に関するお詫びとお願い（第一報） | 最新情報 | Studio

弊社が利用するクラウド環境への第三者による不正アクセスにより、お客様の情報が外部に流出した可能性があることが判明しました。不正アクセスに利用された経路はすでに塞いでおります。経緯と、お客様にお願いしたいご対応をお知らせします。 

studio.design
1
11
46
7,351
フォントのリガチャで実現しているのですね！ 技術的に面白いですし、利用者にとっても手軽で素敵です。
Anthony Fu 🦋 @antfu.me@antfu7Oct 15
Hey Japanese learners! I built a font that renders Furigana or Romaji above Kanji, with ligatures to support words. You can apply it anywhere to get furigana notations for free. Give it a try, and I hope it will be helpful :) furifont.antfu.me/

Furifont: furigana built into the font

A Japanese font that shows furigana by itself.

furifont.antfu.me
1
11
3,139
私のなりすましアカウントが凍結となり、解決しました。 お知らせありがとうございました！🙇‍♂️
1
1
4
711
Replying to @Merak_WebCoder
ご連絡ありがとうございます！ なりすまし、としてXに報告をあげました。 「通常は数日以内に対応」とのことなので数日以内に対応されるはず…。 報告助かりました！！
1
1
770
YouTubeは英語音声（オートダビング）を有効にしました。 流暢な英語で発表していて、自分でもビックリします（笑） 自分はぜんぜん英語をしゃべれません。 英語で視聴したい海外の方々もどうぞご覧下さい。 youtube.com/watch?v=CRnSDIaG…
1
4
899
発表動画も公開しました！ モーションの演出やブラウザの挙動など、画面で見た方が利点がわかりやすいので、YouTubeでの視聴がオススメです！ youtube.com/watch?v=CRnSDIaG…

HTML-in-Canvasで作る未来のWeb UI表現

フロントエンドカンファレンス関西2026（2026年10月12日開催）で、ICS池田が「HTML-in-Canvasで作る未来のWeb...

youtube.com
2
7
20
6,106
Replying to @amagitakayosi
素敵なライブラリを公開いただいていて、感謝しかないです🙇‍♂️ ありがとうございます！
1
290
フロントエンドカンファレンス関西2026の発表スライドを公開しました！ HTML-in-Canvasで作る未来のWeb UI表現 - Speaker Deck speakerdeck.com/clockmaker/h… #fec_kansai

HTML-in-Canvasで作る未来のWeb UI表現

フロントエンドカンファレンス関西2026の発表資料。 https://2026.frontend-conf.osaka.jp/ ■概要 HTML-in-Canvasという新しいAPIをオリジナルのデモで解説。 HTML・CSSから見た利点、Canvasタグから見た利点を掘り下げます。 …

speakerdeck.com
1
30
2
186
12,033
自分の発表をビデオ録画していたので、YouTubeに明日アップします！ Adobe Premiereで編集中。 #fec_kansai
2
25
2,331
Replying to @DangcingAI
AI の作成するコードをどれだけ責任持ってレビューするか悩ましいですよね😅
1
2
144
Replying to @fuyukuniaki
平仮名と片仮名だとシステム変換でもよさそうですよね！ あとは、最近のChromeがautofillでフリガナに対応しているので、それをサポートしてあげたり。
1
1
3
392
これホントそう！ 入力フォームはmaxlength で実装するな、ということ。 ペーストしたとき、テキストが上限でちょん切られるから。 デジタル庁のデザインシステムで良い例が示されている。 エンジニアは楽してmaxlengthを使いがち。 #fec_kansai
39
4
296
19,782
Load more