SlideShare ist ein Scribd-Unternehmen logo
1 von 73
Downloaden Sie, um offline zu lesen
1.
2.
3.
4. CSS
Manage your CSS
with prefixes.
1.
2.
3-1.
3-2.
4.
5.
http://precss.io/
CSSの新しい設計思想 PRECSSを作りました

Weitere ähnliche Inhalte

Was ist angesagt?

라이브 서비스를 위한 게임 서버 구성
라이브 서비스를 위한 게임 서버 구성라이브 서비스를 위한 게임 서버 구성
라이브 서비스를 위한 게임 서버 구성Hyunjik Bae
 
청강대 특강 - 프로젝트 제대로 해보기
청강대 특강 - 프로젝트 제대로 해보기청강대 특강 - 프로젝트 제대로 해보기
청강대 특강 - 프로젝트 제대로 해보기Chris Ohk
 
MVC, MVVM, ReactorKit, VIPER를 거쳐 RIB 정착기
MVC, MVVM, ReactorKit, VIPER를 거쳐 RIB 정착기MVC, MVVM, ReactorKit, VIPER를 거쳐 RIB 정착기
MVC, MVVM, ReactorKit, VIPER를 거쳐 RIB 정착기정민 안
 
.NET Framework で ​C# 8って使える? ​YESとNO!
.NET Framework で ​C# 8って使える? ​YESとNO!.NET Framework で ​C# 8って使える? ​YESとNO!
.NET Framework で ​C# 8って使える? ​YESとNO!Joni
 
마이크로서비스 기반 클라우드 아키텍처 구성 모범 사례 - 윤석찬 (AWS 테크에반젤리스트)
마이크로서비스 기반 클라우드 아키텍처 구성 모범 사례 - 윤석찬 (AWS 테크에반젤리스트) 마이크로서비스 기반 클라우드 아키텍처 구성 모범 사례 - 윤석찬 (AWS 테크에반젤리스트)
마이크로서비스 기반 클라우드 아키텍처 구성 모범 사례 - 윤석찬 (AWS 테크에반젤리스트) Amazon Web Services Korea
 
Dev ops Introduction
Dev ops IntroductionDev ops Introduction
Dev ops Introduction영기 김
 
.NETアプリケーションのクラウド最適化
.NETアプリケーションのクラウド最適化.NETアプリケーションのクラウド最適化
.NETアプリケーションのクラウド最適化Takeshi Fukuhara
 
[SOSCON 2017] 주니어 개발자 5000명, 개발 해서 남 주자
[SOSCON 2017] 주니어 개발자 5000명, 개발 해서 남 주자[SOSCON 2017] 주니어 개발자 5000명, 개발 해서 남 주자
[SOSCON 2017] 주니어 개발자 5000명, 개발 해서 남 주자Yurim Jin
 
4. 대용량 아키텍쳐 설계 패턴
4. 대용량 아키텍쳐 설계 패턴4. 대용량 아키텍쳐 설계 패턴
4. 대용량 아키텍쳐 설계 패턴Terry Cho
 
Slack과 Rust로 Amazon ECS에서 서비스 배포하기
Slack과 Rust로 Amazon ECS에서 서비스 배포하기Slack과 Rust로 Amazon ECS에서 서비스 배포하기
Slack과 Rust로 Amazon ECS에서 서비스 배포하기Eunchong Yu
 
코드리뷰를 시작하려는 그대에게
코드리뷰를 시작하려는 그대에게코드리뷰를 시작하려는 그대에게
코드리뷰를 시작하려는 그대에게Jiyeon Seo
 
Cache in API Gateway
Cache in API GatewayCache in API Gateway
Cache in API GatewayGilWon Oh
 
3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐Terry Cho
 
MSA ( Microservices Architecture ) 발표 자료 다운로드
MSA ( Microservices Architecture ) 발표 자료 다운로드MSA ( Microservices Architecture ) 발표 자료 다운로드
MSA ( Microservices Architecture ) 발표 자료 다운로드Opennaru, inc.
 
CI / CD ( 지속적인 통합 / 지속적인 전달 ) 발표 자료 다운로드
CI / CD ( 지속적인 통합 / 지속적인 전달 ) 발표 자료 다운로드CI / CD ( 지속적인 통합 / 지속적인 전달 ) 발표 자료 다운로드
CI / CD ( 지속적인 통합 / 지속적인 전달 ) 발표 자료 다운로드Opennaru, inc.
 
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...Amazon Web Services Korea
 
REST API 디자인 개요
REST API 디자인 개요REST API 디자인 개요
REST API 디자인 개요nexusz99
 
쿠키런 1년, 서버개발 분투기
쿠키런 1년, 서버개발 분투기쿠키런 1년, 서버개발 분투기
쿠키런 1년, 서버개발 분투기Brian Hong
 
새해 일어난 일
새해 일어난 일새해 일어난 일
새해 일어난 일Eunhyang Kim
 

Was ist angesagt? (20)

라이브 서비스를 위한 게임 서버 구성
라이브 서비스를 위한 게임 서버 구성라이브 서비스를 위한 게임 서버 구성
라이브 서비스를 위한 게임 서버 구성
 
청강대 특강 - 프로젝트 제대로 해보기
청강대 특강 - 프로젝트 제대로 해보기청강대 특강 - 프로젝트 제대로 해보기
청강대 특강 - 프로젝트 제대로 해보기
 
MVC, MVVM, ReactorKit, VIPER를 거쳐 RIB 정착기
MVC, MVVM, ReactorKit, VIPER를 거쳐 RIB 정착기MVC, MVVM, ReactorKit, VIPER를 거쳐 RIB 정착기
MVC, MVVM, ReactorKit, VIPER를 거쳐 RIB 정착기
 
.NET Framework で ​C# 8って使える? ​YESとNO!
.NET Framework で ​C# 8って使える? ​YESとNO!.NET Framework で ​C# 8って使える? ​YESとNO!
.NET Framework で ​C# 8って使える? ​YESとNO!
 
마이크로서비스 기반 클라우드 아키텍처 구성 모범 사례 - 윤석찬 (AWS 테크에반젤리스트)
마이크로서비스 기반 클라우드 아키텍처 구성 모범 사례 - 윤석찬 (AWS 테크에반젤리스트) 마이크로서비스 기반 클라우드 아키텍처 구성 모범 사례 - 윤석찬 (AWS 테크에반젤리스트)
마이크로서비스 기반 클라우드 아키텍처 구성 모범 사례 - 윤석찬 (AWS 테크에반젤리스트)
 
Dev ops Introduction
Dev ops IntroductionDev ops Introduction
Dev ops Introduction
 
.NETアプリケーションのクラウド最適化
.NETアプリケーションのクラウド最適化.NETアプリケーションのクラウド最適化
.NETアプリケーションのクラウド最適化
 
[SOSCON 2017] 주니어 개발자 5000명, 개발 해서 남 주자
[SOSCON 2017] 주니어 개발자 5000명, 개발 해서 남 주자[SOSCON 2017] 주니어 개발자 5000명, 개발 해서 남 주자
[SOSCON 2017] 주니어 개발자 5000명, 개발 해서 남 주자
 
4. 대용량 아키텍쳐 설계 패턴
4. 대용량 아키텍쳐 설계 패턴4. 대용량 아키텍쳐 설계 패턴
4. 대용량 아키텍쳐 설계 패턴
 
Slack과 Rust로 Amazon ECS에서 서비스 배포하기
Slack과 Rust로 Amazon ECS에서 서비스 배포하기Slack과 Rust로 Amazon ECS에서 서비스 배포하기
Slack과 Rust로 Amazon ECS에서 서비스 배포하기
 
코드리뷰를 시작하려는 그대에게
코드리뷰를 시작하려는 그대에게코드리뷰를 시작하려는 그대에게
코드리뷰를 시작하려는 그대에게
 
Cache in API Gateway
Cache in API GatewayCache in API Gateway
Cache in API Gateway
 
3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐3. 마이크로 서비스 아키텍쳐
3. 마이크로 서비스 아키텍쳐
 
MSA ( Microservices Architecture ) 발표 자료 다운로드
MSA ( Microservices Architecture ) 발표 자료 다운로드MSA ( Microservices Architecture ) 발표 자료 다운로드
MSA ( Microservices Architecture ) 발표 자료 다운로드
 
CI / CD ( 지속적인 통합 / 지속적인 전달 ) 발표 자료 다운로드
CI / CD ( 지속적인 통합 / 지속적인 전달 ) 발표 자료 다운로드CI / CD ( 지속적인 통합 / 지속적인 전달 ) 발표 자료 다운로드
CI / CD ( 지속적인 통합 / 지속적인 전달 ) 발표 자료 다운로드
 
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...
오딘: 발할라 라이징 MMORPG의 성능 최적화 사례 공유 [카카오게임즈 - 레벨 300] - 발표자: 김문권, 팀장, 라이온하트 스튜디오...
 
REST API 디자인 개요
REST API 디자인 개요REST API 디자인 개요
REST API 디자인 개요
 
쿠키런 1년, 서버개발 분투기
쿠키런 1년, 서버개발 분투기쿠키런 1년, 서버개발 분투기
쿠키런 1년, 서버개발 분투기
 
새해 일어난 일
새해 일어난 일새해 일어난 일
새해 일어난 일
 
ConcourseCi overview
ConcourseCi  overviewConcourseCi  overview
ConcourseCi overview
 

Andere mochten auch

モダンCSS設計と BEMという開発手法
モダンCSS設計と BEMという開発手法モダンCSS設計と BEMという開発手法
モダンCSS設計と BEMという開発手法Kenji Karahashi
 
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)Horiguchi Seito
 
2016年版 フロントエンド開発フォーマット
2016年版 フロントエンド開発フォーマット2016年版 フロントエンド開発フォーマット
2016年版 フロントエンド開発フォーマットKenya Kodaira
 
今必要なCSSアーキテクチャ
今必要なCSSアーキテクチャ今必要なCSSアーキテクチャ
今必要なCSSアーキテクチャMayu Kimura
 
なんでCSSすぐ死んでしまうん
なんでCSSすぐ死んでしまうんなんでCSSすぐ死んでしまうん
なんでCSSすぐ死んでしまうんHayato Mizuno
 
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話井上 誠
 
CSS設計のお勉強
CSS設計のお勉強CSS設計のお勉強
CSS設計のお勉強MarlboroLand
 
CSS設計の理想と現実
CSS設計の理想と現実CSS設計の理想と現実
CSS設計の理想と現実拓樹 谷
 
Webを勉強中の方々へ
Webを勉強中の方々へWebを勉強中の方々へ
Webを勉強中の方々へAtsushi Handa
 
メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計拓樹 谷
 
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study nightDMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night石橋 啓太
 
イマドキのコーダー環境構築2016
イマドキのコーダー環境構築2016イマドキのコーダー環境構築2016
イマドキのコーダー環境構築2016Sou Lab
 
SaCSS vol.56 こんなに素敵なBrackets!
SaCSS vol.56 こんなに素敵なBrackets!SaCSS vol.56 こんなに素敵なBrackets!
SaCSS vol.56 こんなに素敵なBrackets!Atsushi Handa
 
SaCSS vol.70 アウトプットすること
SaCSS vol.70 アウトプットすることSaCSS vol.70 アウトプットすること
SaCSS vol.70 アウトプットすることAtsushi Handa
 
SaCSS vol.69 ライブデモで学ぶ! 無料で使えるコーダー必見のエディタ『Brackets』魅力紹介!
SaCSS vol.69 ライブデモで学ぶ!無料で使えるコーダー必見のエディタ『Brackets』魅力紹介!SaCSS vol.69 ライブデモで学ぶ!無料で使えるコーダー必見のエディタ『Brackets』魅力紹介!
SaCSS vol.69 ライブデモで学ぶ! 無料で使えるコーダー必見のエディタ『Brackets』魅力紹介! Atsushi Handa
 
マークアップの作業効率をあげよう!
マークアップの作業効率をあげよう!マークアップの作業効率をあげよう!
マークアップの作業効率をあげよう!Mitsuo Kawashima
 
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティーヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティーYoshiki Hayama
 
css基本。
css基本。css基本。
css基本。web12
 

Andere mochten auch (20)

モダンCSS設計と BEMという開発手法
モダンCSS設計と BEMという開発手法モダンCSS設計と BEMという開発手法
モダンCSS設計と BEMという開発手法
 
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
 
Bem Study
Bem StudyBem Study
Bem Study
 
2016年版 フロントエンド開発フォーマット
2016年版 フロントエンド開発フォーマット2016年版 フロントエンド開発フォーマット
2016年版 フロントエンド開発フォーマット
 
今必要なCSSアーキテクチャ
今必要なCSSアーキテクチャ今必要なCSSアーキテクチャ
今必要なCSSアーキテクチャ
 
なんでCSSすぐ死んでしまうん
なんでCSSすぐ死んでしまうんなんでCSSすぐ死んでしまうん
なんでCSSすぐ死んでしまうん
 
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話
 
CSS設計のお勉強
CSS設計のお勉強CSS設計のお勉強
CSS設計のお勉強
 
CSS設計の理想と現実
CSS設計の理想と現実CSS設計の理想と現実
CSS設計の理想と現実
 
Webを勉強中の方々へ
Webを勉強中の方々へWebを勉強中の方々へ
Webを勉強中の方々へ
 
メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計
 
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study nightDMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
 
イマドキのコーダー環境構築2016
イマドキのコーダー環境構築2016イマドキのコーダー環境構築2016
イマドキのコーダー環境構築2016
 
SaCSS vol.56 こんなに素敵なBrackets!
SaCSS vol.56 こんなに素敵なBrackets!SaCSS vol.56 こんなに素敵なBrackets!
SaCSS vol.56 こんなに素敵なBrackets!
 
SaCSS vol.70 アウトプットすること
SaCSS vol.70 アウトプットすることSaCSS vol.70 アウトプットすること
SaCSS vol.70 アウトプットすること
 
SaCSS vol.69 ライブデモで学ぶ! 無料で使えるコーダー必見のエディタ『Brackets』魅力紹介!
SaCSS vol.69 ライブデモで学ぶ!無料で使えるコーダー必見のエディタ『Brackets』魅力紹介!SaCSS vol.69 ライブデモで学ぶ!無料で使えるコーダー必見のエディタ『Brackets』魅力紹介!
SaCSS vol.69 ライブデモで学ぶ! 無料で使えるコーダー必見のエディタ『Brackets』魅力紹介!
 
マークアップの作業効率をあげよう!
マークアップの作業効率をあげよう!マークアップの作業効率をあげよう!
マークアップの作業効率をあげよう!
 
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティーヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
 
css基本。
css基本。css基本。
css基本。
 
CSS の歩き方
CSS の歩き方CSS の歩き方
CSS の歩き方
 

Mehr von Atsushi Handa

マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜
マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜
マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜Atsushi Handa
 
マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜
マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜
マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜Atsushi Handa
 
マーケティングオートメーションを始めるには②
マーケティングオートメーションを始めるには②マーケティングオートメーションを始めるには②
マーケティングオートメーションを始めるには②Atsushi Handa
 
あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)
あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)
あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)Atsushi Handa
 
効率化という病気にかかった男の末路 Ver2.0
効率化という病気にかかった男の末路 Ver2.0効率化という病気にかかった男の末路 Ver2.0
効率化という病気にかかった男の末路 Ver2.0Atsushi Handa
 
SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路Atsushi Handa
 

Mehr von Atsushi Handa (6)

マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜
マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜
マーケティングオートメーションを始めるには① 〜ゴール・KGI・KPIの定義〜
 
マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜
マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜
マーケティングオートメーションを始めるには③ 〜デマンドジェレーション〜
 
マーケティングオートメーションを始めるには②
マーケティングオートメーションを始めるには②マーケティングオートメーションを始めるには②
マーケティングオートメーションを始めるには②
 
あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)
あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)
あなたのWebサイトをもっと愛されるものにする、HubSpot×インバウンドマーケティング (CMSMix Sapporo)
 
効率化という病気にかかった男の末路 Ver2.0
効率化という病気にかかった男の末路 Ver2.0効率化という病気にかかった男の末路 Ver2.0
効率化という病気にかかった男の末路 Ver2.0
 
SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路
 

CSSの新しい設計思想 PRECSSを作りました