総行数57,000の巨大CSS群をLessに書き換えた軌跡 - mixi engineer blog

テクノロジーカテゴリーの変更を依頼記事元:

mixiengineer.hatenablog.com

209 usersがブックマークコメント

コメント

32

記事へのコメント32件

注目コメント
新着コメント

ze-ki ここ読まずにコメントしてる人いてワロタ「Sass は Ruby のエコシステムで提供されていますが、Less は Node.js のエコシステムで提供されています。そして、Node.js の方が、Perl と同居させるのに都合がよかったのです。」

2015/12/20 リンク

Falky FirefoxはドメインによってCSSの解釈を変える…？はーほんと害悪。理由がなんであれ害悪。滅んでほしい〜

!!

2015/12/20 リンク

chocodoughnut テスターの人には頭がさがるな。今育ててるcssが闇を抱えないうちにメンテしておかないとなー

2015/12/20 リンク

YUKI14 読んでるだけで吐きそう

mixi
CSS

2015/12/20 リンク

hageatama- 文字通りに”闇祓い”だ……

Web
CSS

2015/12/20 リンク

izumin5210 読んでるだけで胃もたれするほどの闇だ… これを祓ったとは尊敬しか無い / さらっと書かれてるcss-semdiffめっちゃ欲しかったやつでは…？！

2015/12/21 リンク

gowithyou なぜSassにしなかった？

2015/12/20 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

総行数57,000の巨大CSS群をLessに書き換えた軌跡 - mixi engineer blog

こんにちは！フロントエンド闇祓いの Kuniwak です。この投稿はmixiグループ Advent Calendar 2015の20... こんにちは！フロントエンド闇祓いの Kuniwak です。この投稿はmixiグループ Advent Calendar 2015の20日目の記事です。今年の9月に、スマートフォン Web ブラウザ版 mixi「mixi Touch」の巨大 CSS を Less （CSS プリプロセッサー）でビルドする環境へと移行しました。書き換えた CSS の行数は、なんと 56,725行です。😵 ということで、今回は弊社の大規模 CSS → Less 移行事例についてお話しします。背景スマートフォン版 mixi は、2010年5月に始まりました。この頃のスマートフォンは、iPhone 端末であれば iPhone 3GS、Android 端末であれば Nexus One という時期です。また、スマートフォンの世界では、Webkit ベースのブラウザーが席巻していた時代ということになります。

ブックマークしたユーザー

shoh82019/04/04
moonlegs2018/03/28
pokutuna2017/02/22
uuutee2016/10/09
jkltf2016/08/30
ANNotunzdY2016/06/12
inouetakuya2016/03/08
zakkuri-k2016/01/13
dakiuma2016/01/10
morioka2016/01/07
hamaco2016/01/07
Mint0A0yama2015/12/29
nana4gonta2015/12/28
WhatAmILookingFor2015/12/28
bongkura2015/12/28
tuffgong572015/12/27
potato7772015/12/25
alcus2015/12/25

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx