とあるサイトの高速化についてフロントエンドでやったことまとめ。 | Toro_Unit

2015/11/27 736 users Toro_Unit フロントエンド 大小 高速化 急増

業務で携わっている案件なのですが、アクセス数の急増が見込まれるイベントがありまして。準備期間も少なく、バックエンド側でできることがほぼないという状況でサイトを落とさないようにがんばる！というお仕事でした。レガシーソースてんこ盛り。CSSプリプロセッサとか何それ状態。 そこで実施した対策のまとめです。サーバー・アプリケーション・サイトの構成によって、効果の大小はありますが、比較的効果があったと思われ... 続きを読む

俺的フロントエンド開発

2015/02/26 142 users フロントエンド開発 変数 エディタ JSフレームワーク CSS

Transcript 1. 俺的フロントエンド開発 2015/02/26 2. • HTML/CSSプリプロセッサ • 静的サイトジェネレータ • JSフレームワーク • エディタ アジェンダ 3. HTML/CSSプリプロセッサ • HTMLとかCSSとか生で書くのが面倒くさい • 少しでもタイプ数を減らして書きたい • あわよくば変数とかループとか使いたい 4. HTMLプリプロセッサ • H... 続きを読む

今どきのGruntを使ったフロントエンド開発（HTML/CSS編） — MOL

2013/12/01 353 users りんど Sass MOL コンパイル Grunt

SassなどのCSSプリプロセッサを使うWebデザイナが増えてきました。Sassをコンパイルするだけなら黒い画面（ターミナル）を使わずともGUIアプリからの利用で問題ありません。が、ここは一歩踏み込んでGrunt（JavaScript製のタスクランナー）を使って、Sass以外のコンパイルやライブリロード、画像最適化、CSSのリントやスタイルガイド生成など、あらゆる作業をGruntに任せてより効率的... 続きを読む

はてなにおけるCSSメタ言語（CSSプリプロセッサ）の導入について - Hatena Developer Blog

2012/03/19 247 users tikeda CSSメタ言語 近年 導入 はてな

こんにちは、id:tikedaです。数年前から登場して以来、利用されるケースが増え続けているCSSメタ言語（CSSプリプロセッサ）。近年、様々な大規模サービスへの導入が進む中、はてなのサービス開発においても導入を行うため、2012/3/6に勉強会を実施しました。その内容を公開いたします。CSSメタ言語そのものの説明よりも、社内導入の為に必要な内容が中心となります。 アジェンダ どんなものがあるか ... 続きを読む