Tweet ghim
弊社、ICSはいま「積極」採用中になっています。
フロントエンドエンジニアを募集していますので、ぜひとも！
新しめのウェブ技術やUI体験、AIに関心のある方をお待ちしています
ics-web.jp/recruit/
日本語
池田 泰延
31.4K posts
池田 泰延
@clockmaker
ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSS/JavaScriptを用いたユーザビリティーを意識したUI構築が専門で、3D表現・クリエイティブコーディングが得意。著書『フロントエンドの知識地図』など技術書14冊を執筆。趣味でタイムラプス撮影。
東京都品川区 Tham gia Nisan 2007
1K Đang theo dõi30.7K Người theo dõi
CursorのComposer 2は、Anthropicの高価なOpus 4.6より性能が高くて、はるかに低コスト、らしい。
Cursor@cursor_ai
Composer 2 is now available in Cursor.
日本語
@satoshionoda ありがとうございます！ なるほど･･･ これはMonotypeやLETSのことをキャッチアップできていなかったので参考になりました。
日本語
弊社は小規模だから影響薄いが、今後のことを考えるとフォントワークス使いづらくなるなぁ。。
@clockmaker
昨日、少し話題にあげたやつですー。
カレーライス師匠@shisho_30
大日本印刷がLETSへの対応をやめるとのポストを見て、そりゃそうだろなあって。Monotype Font（旧フォントワークス）に関してですが弊社も継続断念を検討し始めました。LETSのライセンス更新にあたりライセンス契約数15台以上の会社はLETSの継続契約が不可となり（続
日本語
池田 泰延 đã retweet
OpenAIのCodexアプリにサブエージェントが搭載。
最近はGPT-5.4がAIエージェントで一番精度がよく、WorkTree化が楽なのでよく利用していますが、さらにサブエージェントまでできるなら開発速度があがりますね。
OpenAI Developers@OpenAIDevs
Subagents are now available in Codex. You can accelerate your workflow by spinning up specialized agents to: • Keep your main context window clean • Tackle different parts of a task in parallel • Steer individual agents as work unfolds
日本語
ちなみにLightroomの編集画面ではもっと高輝度側の輝度が高くてキラキラ感が強い。晴れた日の雪原のあのキラキラ感が画面に出てきてすげー！って感動してるんだが。Lightroomで見えてるままをブラウザでも見えるようにしたいんだけど、どうすればいいんかな
日本語
XにLightroomで作ったHDR写真を投稿する流れがなんとなく分かった！
1．HDR対応ディスプレイを使って、Lightroom ClassicでHDR編集
2．画像書き出しでPSD、「HDR出力」にチェック、カラースペースHDR P3にする
3．PhotoshopでPSDを開く。プロファイルがP3 PQになっていることを確認
4．コピーを保存でJPEGに書き出し。そのままP3 PQプロファイルを付ける
5．ブラウザ（Chrome使った）からXに投稿
（すべてWin11で実施。たぶんMacでもいけそう）
ポイントはJPEGにP3 PQプロファイルを付けることっぽい。LightroomからJPEGのHDRを書き出すこともできるがこの場合はDisplay P3がついてしまい、P3 PQにならない。面倒だが一旦PSDにP3 PQを付けて、Photoshopでプロファイルを維持したままJPEGに書き出すのが大事
空にトーンジャンプが出たり、色やコントラスト微妙変わるなど思い通りに扱うにはまだ修行が必要そう。はよAVIFに対応してくれ
日本語
Vite 8がついにリリース！
目玉はRolldownを搭載したこと。
最大10～30倍のビルド速度に。
main.vite.dev/blog/announcin…
Beta版で試してきましたが、笑ってしまうほど爆速です。
日本語
ICS MEDIAで新しい記事が公開されました。
Node.jsとTypeScriptで、AIエージェントを作れるフレームワーク「Masta」の解説記事です。
ics.media/entry/260312/
担当： @kyoko_NR_nr
日本語
HTML Canvasで描画しています。
詳しい解説はこちら
↓
コンテンツに最適なソートを使おう！ JavaScriptで使用するソートアルゴリズムのまとめ - ICS MEDIA ics.media/entry/11936/
日本語
@hideki_climax そのとおりです！
text-scale + rem指定だとUIによっては表示が大きく崩れます。そのため、UIによっては敢えてpx指定にしたり、clamp()関数でケアしたりと、細かい調整が必要になります。
日本語
便利そうに見えるけど気軽に使うとあらぬ副作用を起こしそう・・・
新機能は基本慎重に。
池田 泰延@clockmaker
Chrome 146がリリース！ 新しいHTMLのmetaタグ <meta name="text-scale" content="scale" /> を使えば、フォントサイズをOS設定に依存させられます。 CSSでfont-sizeをpx単位ではなくrem単位にしておけば利用できる、ユーザーに優しい機能です。
日本語
text-scaleのmetaタグの解説記事はこちら。
iOS Safariでも似たようなことが以前からも利用でき、そのことを解説しています。
ics.media/entry/210604/
日本語
LottieFilesは、Flashの編集データ（.flaファイル）も取り込めるとのこと。
LottieFiles@LottieFiles
Flash / Animate files. In LottieFiles Creator. Universal File Importer — .FLA .AI .PSD .AEP .SVG .PDF .GIF .MP4 & more. Drop any file. Ship a Lottie.
日本語