[B! cssmodules] sh19eのブックマーク

sh19e id:sh19e

cssmodulesに関するsh19eのブックマーク (11)

CSS Modulesの歴史、現在、これから - Hatena Developer Blog
マンガメディア開発チームの id:mizdra です。半年ほど前から「フロントエンドエキスパート」という肩書きをもらい、社内でフロントエンドの啓蒙活動をしています。具体的にどんな活動をしているかについては、社内のポッドキャストで少し話しましたので、興味があれば聞いてみてください。 developer.hatenastaff.com 最近、私はReactを採用する社内プロダクトでのCSSの書き方を検討していました。最終的にそのプロダクトでは、CSS Modulesを採用するに至りました。しかしその過程で、CSS Modulesのメンテナンス体制に対して懸念があり、将来的な存続を危ぶむ声が界隈にあることを知りました。ただし、実際にメンテナンス体制について調べてみたところ、万全ではないものの引き続きメンテナンスがされていて、使用もできることが分かりました。そこで、今回はCSS Modulesに
sh19e 2022/09/01
cssmodules
リンク
日経の新媒体における、既存資産を活かすフロントエンド技術選定 — HACK The Nikkei
こんにちは、Web チームの井手です。この度 NIKKEI Professional Media（通称 Promedia）という新媒体をリリースしました。各トピックに特化したメディアで、現在は日経モビリティ、日経GX、日経テックフォーサイトが展開されています。これまで日経 Web チームでは特定の FW を利用せず、長年 JSX をテンプレートエンジンとした独自 FW を開発して、モノレポとして運用していました。これはチューニングの余地を自分で確保することや、自分たちのチームにあった規約を作りやすくするための選択です。しかし Promedia の開発は電子版本体のリリースサイクルと外れるためにモノレポの中に入れたくないことや、長年の開発の負債を引き継ぎたくないこと、なにより NextJS エコシステムの発達によって僕たちの要求をカバーできつつあることから、試験的に NextJS を採
sh19e 2022/08/02
Next.js

cssmodules

React

Vitest

Storybook
リンク
AbemaTVにおけるCSS is too fragile問題に対する解 / Solution of "CSS is too fragile" by AbemaTV
リファクタリングをしていたらCSS Modulesを使っていたにも関わらずCSSが壊れてしまった私達は、CSS ModulesがCSSの特性・我々のプロダクトの構成や開発方針に合わないと判断し「BEMベースのクラス名設計 + PostCSS」へ移行を進める方針を決めました。これらの背景や、どうやって移…
sh19e 2019/05/18
CSS

bem

postcss

Slide

cssmodules
リンク
CSS Modules And React | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! In this final post of our series on CSS Modules, I’ll be taking a look at how to make a static React site with the thanks of Webpack. This static site will have two templates: a homepage and an about page with a couple of React components to explain how it works in practice. In the previous
sh19e 2016/11/07
React

cssmodules
リンク
How to style React components
CSS in JS Christopher Chedeau が2014年に発表 React: CSS in JS で一躍話題に Example of Radium Example of keyframes animation with Radium Chromeの開発者ツールでstyle属性を見てみよう Offline transf ormation css-modules/postcss-modules を利用することで CSS Modulesの事前変換が可能
sh19e 2016/06/01
cssmodules

CSS in JS

Slide
リンク
[意訳]CSSモジュール、あるいは大規模サイトにおけるCSSの課題解決 - Qiita
このポストはCSS Modules — Solving the challenges of CSS at scaleをそれとなく意訳したものです。何か間違いなどありましたらご指摘いただけると幸いです。（以下、意訳） 1996年にCSS1が公表された時、仕様の意図するところはドキュメントの内容から、ドキュメントの見た目を分離させることでした。仕様の中で最も重要となる単語は"ドキュメント"でした。当時のWebは、まだ主流ではなくコンテンツはドキュメントベースでした。スタイルシートの存在は今日に比べたらまだ小さく、いかなる保守的な負担もスタイルの分離による莫大なメリットによって、容易に相殺されました。モダンなWebにおいては、私たちはドキュメントという文脈で内容を考えることはほとんどありません。モダンなWebは、高度に動的で派手なWebアプリケーションによって占拠されてしまいました。100個
sh19e 2016/05/07
cssmodules
リンク
CSSモジュール ― 明るい未来へようこそ | POSTD
ここ最近、CSSに対する考え方が広がりを見せています。皆さんの中には、その転換点を見つけようと、Christopher Chedeauの”CSS in JS”という講演を聞いた方もいるでしょう。2014年11月にNationJSで行われたこの講演は、CSSにおける重大な分岐点となりました。まるで高エネルギー粒子が衝突した後のように、それを機に、数ある多様な考え方が、各々の方向へ渦を描くように広がったのです。その例として、 React Style と jsxstyle 、 Radium を挙げましょう。これら3つは、Reactのスタイリングにおける最新かつ最良、そして最も実行しやすいアプローチに含まれており、各々のプロジェクトのReadmeファイルでも、そのように言及しています。もし”発明”が、 adjacent possible（一歩先にある可能性）を探ることの一例であるのなら、Ch
sh19e 2016/05/07
cssmodules
リンク
CSS Modules 所感 - morishitter blog
CSS Modulesという、CSSの新しい設計概念・指針のようなものがある。 CSS Modulesチームの1人であるGlen Maddern氏が書いた「CSS Modules - Welcome to the Future」という記事の翻訳がバズっていたので、僕がCSS Modulesについて思ったことをまとてみる。「CSS Modulesとは何か」ということは、上記の記事に書かれているのでここではあまり触れない。 CSS Modulesとコンポーネント設計 CSSのルールセットは全てがグローバル定義であり、CSS（Cascading Style Sheets）というスタイルシート言語の最大の特徴である"カスケーディング"という機能により、CSSファイルを見ただけでそのスタイルの影響範囲を理解することは難しい。 CSS Modulesは、CSSのルールセットの影響範囲を、Webアプリケ
sh19e 2016/05/07
cssmodules
リンク
Understanding the CSS Modules Methodology — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. Key Takeaways CSS Modules provide a method to scope CSS to a component, avoiding global namespace issues and making naming components easier. They require setup, a build process, and are not standalone, needing
sh19e 2016/05/07
cssmodules
リンク
What Are CSS Modules And Why Do We Need Them? | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I’ve been intrigued by CSS Modules lately. If you haven’t heard of them, this post is for you. We’ll be looking at the project and it’s goals and aims. If you’re intrigued, stay tuned, as the next post will be about how to get started using the idea. If you’re looking to implement or level u
sh19e 2016/05/07
cssmodules
リンク
CSS in JS と CSS Modules // Speaker Deck
ng-kyoto 主催「ng-kyoto Angular Meetup #3」での発表資料です。 http://ng-kyoto.connpass.com/event/20512/
sh19e 2015/11/23
CSS

Slide

cssmodules
リンク
1