PowerPoint プレゼンテーション
|
|
|
- りさこ かつもと
- 7 years ago
- Views:
Transcription
1 GREEを 支えるSassのしくみ CSS Nite LP, Disk26 CSS Preprocessor Shootout 2013/1/12 グリー 株 式 会 社 開 発 本 部 山 田 あかね
2
3
4 Agenda
5 Agenda
6 はじめに GREE Platformの 課 題
7
8
9
10
11 なぜSassなのか
12
13
14
15
16 課 題 を 解 決 するために Sassが 支えてきたこと
17
18 Sassが 支えてきたこと 1. 開 発 効 率率率
19
20 Sassが 支えてきたこと 1. 開 発 効 率率率 UP
21
22
23 Sassが 支えてきたこと 2. コード 品 質
24
25
26
27 .button.block.button.primary.block
28
29
30
31
32 Sassが 支えてきたこと 3. ページ 表 示 高 速 化
33
34
35 // components /* ; /* ; /* */ //@import./partial/component/component_table_round ; //
36 registration.css CSS Sass registration.scss core.css CSS Sass core.scss
37
38 /* Sass webkit Sass ; /* Compass */ $experimental-support-for-mozilla: false; $experimental-support-for-webkit: true; $official: true;
39
40
41
42 # CSS css_dir = (environment == :production)? "css" : "css_debug # output_style = (environment == :production)? :compressed : :expanded #!/bin/bash compass compile e production compass compile
43
44 おわりに
45
46
47 ありがとうございました Facebook
48
2
SNS 1 2 SNS SNS SNS facebook 3 4 2.4% 44.2% 30.9% 22.5% 4.4% 60.8% 27.8% 7.0% 0% 20% 40% 60% 80% 100% H23 5 20 39 40 0% 10% 20% 30% 40% 50% 60% 70% 80% 6 H23 7 SNS 3000 2500 2000 1500 SNS mixi GREE Twitter
益 子 貴 寛 株 式 会 社 サイバーガーデン なんでも 知 っておかないとマズい ディレクター という 立 ち 位 置
新 しいマークアップ 環 境 に キャッチアップ! 2013.12.14 CSS Nite LP, Disk 31:Shift7 益 子 貴 寛 小 山 田 晃 浩 益 子 貴 寛 Twitter: @takahiromashiko 株 式 会 社 サイバーガーデン なんでも 知 っておかないとマズい ディレクター という 立 ち 位 置 小 山 田 晃 浩 Twitter: @yomotsu 株
2013.10.22 Facebook twitter mixi GREE Facebook twitter mixi GREE Facebook Facebook Facebook SNS 201 1 8 Facebook Facebook Facebook Facebook 1,960 7 2012 400 Facebook SNS mixi Google Facebook Facebook
3 65 1 4 5 67 1 2 5 5 3 6 68 23 69 2 6 8m 10m 1. 2. 3. 70 66 600km 11 3 16 21 3 0 3m 2m 0 5m 71 11 3 17 0 5 0 0 72 73 74 75 3 76 77 4 78 79 5 80 81 82 83 2 83 . 84 6 a b c d e f g a b c 3 85 16 86 87 7
新：コミュ障レポート.pages
1. 18 3 1 1 2. 21 YouTube 1 1 21 1 300 1 3. 4 5 1 Y Y 4. 2 2 3 1 2 2 5 10 3 3 Y 1 Y Y 3 3 3 Y Y Y Y Y Y Y Y 5. 3 6. 1 IT 2 4 1 3 4 1 A B 100 C UI Facebook twitter 7. 900 15kg 1 1 1 2 3 15kg 1 21
=
2. 2.1 2.2 kuri@ice.uec.ac.jp ( 2007/10/30/16:46) 1 . 1. 1 + 2 = 5. 2. 180. 3. 3 3. 4.. 5.. 2 2.1 1.,,,,. 2., ( ) ( ).,,,, 3.,. 4.,,,. 3 1.,. 1. 1 + 2 = 5. (, ) 2. 180. (, ) 3. 3, 3. (, ) 4.. (, ) 5..
1
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 NITE NITE 19 20 21 22 PIO-NET 23 24 PIO-NET 25 PIONET PIO-NET) PIO-NET PIO-NET PIO-NET PIO-NET 26 PIO-NET PIO-NET PIO-NET 27 PIO-NET PIO-NET PIO-NET PIO-NET
CSSNiteLP32-s7-tomita-v3.key
Sassの日常の運用 または私は如何にして心配するのを止めて プリプロセッサを愛するようになったか 2014.02.15 CSS Nite LP, Disk 32: Sass 富田 梓 ! ! sass! _common_utility! _common_setting! _common_module! _common_layout! _md_common! _md_main! _md_sub!
<836F F815B312E706466>
Ministry of the Environment 2 Ministry of the Environment 3 Ministry of the Environment 4 Ministry of the Environment Ministry of the Environment 5 6 Ministry of the Environment 7 Ministry of the Environment
フェイスブッククチコミアンケート.pages
60.87% 55.07% 1 PLOT 2014 8 11 TOPICS 3 60.87% 55.07% 50.72% 050-3697-2978 050-3737-2978 http://takuhirokosa.com/?dmn E-Mail viralmake@gmail.com 1 2014 8 11 16 20 60 299 69 23.1 2 60.87% 55.07% 50.72%
SNS mixi mixi mixi mixi mixi PC mixi SNS Facebook mixi 7 mixi SNS SNS SNS SNS SNS SNS SNS
大学生における SNS の利用と満足 SNS SNS Bumgarner2009 SNS Facebook Facebook Facebook Facebook SNS SNS Bumgarner2009 2005 2005 SNS 1 mixi mixi a bcd 4 2009 mixi mixi SNS 2009 mixi Facebook SNS Web 65 SNS 2009 8 mixi
HPB16_表1-表4.ai
03-5324-762406-6886-9300 03-5324-760806-6886-8218 03-5324-760606-6886-5035 http://just-hpb.jp/ Contents 4988637153787 4988637153794 4988637153930 4988637153947 41 4988637153800 4988637153848 4988637153954
フォトメン
1. SWOT 3. 2. 4. 2/27 3/27 4/27 S O W T 5/27 94520000 5 12509850 6 Facebook iphone 15005500 4 12503080 4 12805980 8 6/27 1. SWOT 3. 2. 4. 7/27 8/27 9/27 ( 345 7000 62.5 216 625 http://www.stat.go.jp/data/nihon/22.htm
広報さがみはら第1242号
LINE UP 3 1 5 6 1 NO.1242 S A G A M I H A R A 1 1 1 16 16 1 6 1 6 1 6 1 1 1 1 1 11 1 1 1 1 1 1 6 1 6 1 1 1 1 1 1 1 1 11 1 1 16 1 1 1 6 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 6 1 16 1 16 1 6 1 1 1 1 1 1
CMS 2006 0 10 20 30 40 50 60 70 80 90 100 CMS 2010 0 10 20 30 40 50 60 70 80 90 100 次世代CMSの話 興味深い話がありましたので ご紹介します CSS Nite in Ginza, Vol.50 2010年7月22日 次世代のCMSに求めるもの 中川 直樹さん アン ティー ファクトリー
UI 23 1 20 30 1 2 SNS 70 60 69 50 59 40 49 30 39 20 29 0% 10% 20% 30% 40% 50% 60% 70% 80% 2% 5% 23% 8% 23% 20 39 39% 7% 4% 9% 19% 9% 40 70 52% 1 23 3000 2500 2000 1500 1000 500 0 17 18 19 20 21 22 mixi
INDEX P3 P5 - - GREE mobage P8 - / - P15 - GREE // - mobage // - / P25
2 GREE mobage iphone FOURDIGIT Inc. VER.2012.06.20 INDEX P3 P5 - - GREE mobage P8 - / - P15 - GREE // - mobage // - / P25 GREE mobage GREE mobage CREATIVE SURVEY iphoneiphone 1. 2. 3. GREE mobage 4. 5.
1-1 JR
1-1 JR 51,000 100 220 1,100 16,000 14,000 12,000 10,000 8,000 6,000 4,000 2,000 0 23,040 28,130 35,920 2,160 17,820 5,700 12,180 3,140 2,590 3,260 2,430 2,830 5,640 2,120 1,630 4,380 2,500 2,630 1,830
( ) ( ) ( ) (260km) 15,000 (130km) 9,500 (30km) 7,000 1000 500 24 9 29 15:30 18:00 24 9 30 16:00 16:30 24 9 30 16:30 20:00 24 9 30 17:30 18:00 2
56 in OKINAWA 56 56 in OKINAWA 24 9 30 5:00 20:00 9 29 13:00 20:00 ( ) ( ) ( ) (260km) 15,000 (130km) 9,500 (30km) 7,000 1000 500 24 9 29 15:30 18:00 24 9 30 16:00 16:30 24 9 30 16:30 20:00 24 9 30 17:30
170403_1_FABEX_2017会場案内マップ
OFFICIAL GUIDE MAP 07 4 4 34 000700 3 0 7 J a p a n M e a t I n d u s t r y F a i r 4 t h 4/3 4/4 4/ 4/34 4/3 4/4 4/4 4/4 4/4 4/4 4/4 4/3 4/4 4/3 4/4 4/ 4/4 4/4 4/4 P-0 4 3 4 4 :0 3:0 3:40 4:30 4:50 5:40
() 50 84 63 22 25 63 22 () () () () () () () () () () () () () 56 26 9 3 2 3 750m 139 25 13 26 152 36 191 300 100 39 () Twitter )
Microsoft Word - SNSで繋がる人間関係.doc
SNS SNS ID SNS ixi Twitter Facebook SNS SNS SNS SNS SNS SNS Mixi Mixi Mixi SNS SNS SNS Mixi 2009 9 30 1,792 SNS 52.2% 47.8% 20 24 33.8% 25 29 28.4% 30 34 17.6% Wikipedia SNS Mixi Mixi SNS Mixi SNS Twitter
1 2 3 4 5 6 7 8 Top 15 0 500 1,000 1,500 2,000 2,500 805 7.6% 528 5.0% 512 4.8% 475 4.5% 423 4.0% 323 3.0% 322 3.0% 311 2.9% 309 2.9% 290 2.7% 238 2.2% 238 2.2% 232 2.2% 1,444 13.6% 2,116 20.0% N=10,593
愛知工業大学表1-4.indd
23 3 11 25 10 10 15883 2652 150 30 32 3000 Web Web 24 2012 1 8 3 13 FM84.5 8 4CG 91 vol. 10 25 25 2013 1 13 CG 1 8 3 CG 1 Web 2 16 30 50 B3 2 2011 12 ver. 1 ver. 1 Ver. 2 3 Web DY 1 3 50.6 PC 72.8 PC Web
54
53 54 55 1 56 1 10 20 10 57 2 58 2 10 20 10 59 60 61 1 62 1 10 20 10 PTA 63 2 64 10 20 2 10 65 66 67 1 ecute 68 10 20 1 10 69 2 70 2 10 20 10 71 72 73 1 74 10 20 1 10 75 2 76 10 20 2 10 77 78 79 1 80 1
37 36 1 ku+ BABYLON
35 34 ku+ ku+ 37 36 1 ku+ BABYLON 39 38 ku+ ku+ ku+ ku+ ku+ ku+ ku+ ku+ Facebook 2 41 40 ku+ ku+ ku+ CG 3 43 42 LOTUS LOTUS LOTUS LOTUS 21 21 45 44 21 21 LOTUS 4 47 46 5 49 48 1 21 4 100 ku+ ku+ ku+ 51
CNO2009_Enquete_Report.key
1 2 55% 45% 3 3 3 25 2 22 15 16 1 5 7 8 5 1 1 2 2 3 3 4 4 Web Web Web 1 3 3 3 3 14 15 17 27 5 1 15 2 25 3 5 1 1 6 6 41 42 1 2 3 4 5 6 CSS Nite mixi mixi 21 5 9 5 1 4 1 12 16 12 7 6 12 18 24 3 7 7 6 5 4
140 120 100 80 60 40 20 3742 47 52 57 62 49 14 (7 71 1 2 81 78 37 481 4 25 2,738 20 18 16 14 12 10 8 6 4 2 0 7 19 14 14 5 10 10 15 15 20 20 25 25 30 30 12 1 3,000 2,500 2,810 2,539 2,426
crooz-ir決算説明資料_11-1Q-A_110801.ai
? ? ? ? ? ? ? ? Point! ? ? ? ? ? ? ? ? 完 1 4 完 2 3 完 1 完 2 3 4 ? 4/20 9/30 11/10 2/1 4/11 8/1 6/10 3/4 4/18 6/13 ? ? Android Market ? Compass Venus Zeus Compass Venus Zeus ? ? ? ?
crooz-ir決算説明資料_11-2Q-A_ ai
? ? ? ? ? ? ? ? Point! ? ? ? ? ? ? ? ? 完 1 4 完 2 3 完 1 完 2 3 4 ? 4/20 9/30 11/10 2/1 4/11 8/1 6/10 3/4 4/18 9/6 6/13 9/26 9/27 ? ? Android Market ? Compass Venus Zeus Compass Venus Zeus
『赤すぐ』『妊すぐ』＜出産・育児トレンド調査2003＞
79.9 1.6 UP 86.6% 7.0 UP 61.3% 12.7UP 18-24 3 66.6 3.0 UP 38.7 0.7 UP 14.8 1.9 UP 13.3 0.3UP 4 1 024 1.23 0.01down Topics 5 79.9 1.6UP 7.0 UP 12.7U 3.5 0.4 UP 3.4 0.4 UP 6 73.1% 5.7 UP 75.0% 71.2% 7 53.9%
ソーシャルメディアとまちづくり（１）
Copyright 2011 Ayako Suzuki. All Rights Reserved. Twitter,facebook,mixi Facebook facebook 2011 http://dt.business.nifty.com/articles/6777.html Twitter facebook facebook 2011/11/09 USTREAM : facebook
Pick up Part 01 2013C o n t e n t s Part 02 Part 03 Part 04 Pick up 4 2013 2013 5 Pick up 6 2013 2013 7 Part 01 8 2013 2013 9 10 2013 2013 11 12 2013 2013 13 14 2013 2013 15 16 2013 Part 02 18 2013 2013
産業21-66号.indd
2011.10 66 http://www.rofuku.go.jp/sanpo/sanpo21/ms_sanpo21.html 1. 2. 3. 4. 2 10 4 7 12 14 16 18 20 21 22 23 24 25 26 29 CONTENTS 21 1 2 3 4 211 1 1. 2. 3. 221 213 5. 4. 2 1. 2. 421 215 3. 621 217 3 1.
2016712 1 2 0.0 10.0 20.0 30.0 40.0 50.0 60.0 iphone 22.6 52.2 Android 31.6 35.0 5.6 35.9 (N=1890) (N=8912) 5.4 7.3 4.5 7.1 3 N=6373 1.2 29.9 31.6 24.1 13.3 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%
離散数学 第 1回 論理 (1)：命題論理
1 (1) okamotoy@uecacjp 2012 4 10 2012 4 11 10:57 () (1) 2012 4 10 1 / 53 () (1) 2012 4 10 2 / 53 () 1 (1) (4 10 ) () (4 17 ) 2 (1) (4 24 ) 3 (2) (5 1 ) 4 (2) (5 8 ) 5 (3) (5 15 ) 6 (1) (5 22 ) 7 (2) (5
Yuichiro MASUI Appcelerator Platform Evangelist Thursday, July 28, 11 Yuichiro MASUI masuidrive Appcelerator, Inc Platform evangelist Thursday, July 28, 11 Pukiwiki 10 Rails
過去と現在を分析して未来を予測
HP Vertica Analytics Platform /...2...2 HP Vertica Analytics Platform...3 HP Vertica SQL:SQL-99 SQL...3 HP Vertica SQL:Vertica SQL...5 HP Vertica...6 HP Vertica Analytics Platform...7...8 :...9...9...9...10...10
ツチオーネ
1038 398 430 1039 828 894 1040 1,980 2,138 1039 1320 475 513 9062 1267 336 363 1187 2,000 2,160 1359 684 739 9098 1405 351 379 1714 1715 660 713 3,135 3,386 1760 1,400 1,512 1263 532 575 9060 1339 247
untitled
250 100 22 50 A180 B120 C360 660 A12180 180 A180 C360 B120 23 12 7 A100 B150 C200 D250 E500 F400 G120 300 150 250 500 400 120 12 7 A100 B150 C200 D250 E500 F400 G120 350 150 500 400 120 200 24 ABDE=100+60+100+60320
Microsoft Word - 堀江理宏レポート１.rtf
堀 江 理 宏 [セブ島での母親との写真] それでは ここまで読んで頂き 本当にありがとうございました 無料特典を明日送らせて頂きますので 是非受け取ってくださいね ありがとうございました 堀江 理宏と友達になりませんか 出会いは宝 だと思っています 気軽に友達申請 フォロー メッセージ頂けると嬉しいです 宜しくお願いいたします
untitled
2012 http://nomichi-sakura.cocolog-nifty.com/blog/ 2012-1 - 2012-2 - 2012-3 - 2012-4 - 2012-5 - 2012-6 - 2012-7 - 2012-8 - 2012-9 - 2012 = = http://www.facebook.com/#!/organicbreeze08 Facebook... 11 4
SNS FacebookmixiTwitterLINE Facebook A B C mixi Twitter LINE SNS
social networking service SNS SNS SNS SNS Web SNS mixi GREE Mobage Ameba Facebook LINE Twitter GoogleLinkedIn Facebook mixi Twitter LINE SNS SNS FacebookmixiTwitterLINE Facebook A B C mixi Twitter LINE
2
2011.11.18 1 2 NHK Google web google 7 7 6 55 7 1991 10 2,056 39 6235 2011 10 5 8 9 15 10 11 12 13 14 15 16 17 N 18 19 20 21 22 23 24 25 26 27 28 USB USB 29 30 31 32 33 FM Facebook Twitter FM MH 34 WBGT
GREE GREE SNS ) SNS 2.1 SNS SNS Facebook Facebook Facebook.Inc SNS ) Facebook Facebook GREE GREE SNS ) Twitter
1 1 1 1 Twitter 30000 1. 2009 PUI 20 1) 1 mixi SNS SNS SNS 2) 9) 1 2. 1986 NPC 10 5 300 3) 1 Twitter RPG 1 c 2011 Information Processing Society of Japan GREE GREE SNS 2004 4) SNS 2.1 SNS SNS Facebook
MAP B-5 MAP B-3 MAP B-4 MAP B-5
for all visitor, customer, and independent merchant Vol.08 0 TAKE FREE 2012 AUTUMN 2012 11 1 11 http://www.yonago-eiga.com MAP B-5 MAP B-3 MAP B-4 MAP B-5 MAP B-5 MAP C-2 MAP B-2 coro http://www.ustream.tv/channel/11501908
Microsoft Word - ver0.9.docx
Empathize* 1 1 Empathize* Define* : 2 Define* Define* Point of View( ) 3 3!!!!! ( ) Ideate* Define* 4 Ideate*!!!!! 5 Ideate* Prototype 3 6 Prototype* Prototype* 1,000 1,000 2 7 1 Prototype Test* 8 Test*!!!
TheRecord615.indd
Contents 1/5 1/11 THE RECORD 2011-02 2 focus 3 THE RECORD 2011 02 THE RECORD 2011 02 4 5 THE RECORD 2011 02 THE RECORD 2011 02 6 7 THE RECORD 2011 02 THE RECORD 2011 02 8 9 THE RECORD 2011 02 THE RECORD
広報さがみはら第1193号（中央区版）
NO.119 S A G A M 1 I H A R A 1 2 3 4 5 LINE UP 6 7 8 9 12 1 1 1 1 1 1 6 1 1 1 1 1 1 1 1 1 1 1 1 6 1 1 1 6 1 1 1 6 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 6 1 1 1 1 1 1 1 1 1 1
pontab_0418_2.indd
for all visitor, customer, and independent merchant Vol.02 \0 TAKE FREE 2011 spring MAP B-4 http://ustre.am/mzl8 http://www.nipponbashi-t.jp/ MAP B-2,B-5 MAP B-3,B-5 http://ustre.am/tbze http://ustre.am/wxmu
測定コード石神 A002 測定日時 2011 年 03 月 14 日 00 時 20 分
測定コード石神 110314A001 測定日時 2011 年 03 月 14 日 00 時 10 分 測定コード石神 110314A002 測定日時 2011 年 03 月 14 日 00 時 20 分 測定コード石神 110314A003 測定日時 2011 年 03 月 14 日 00 時 30 分 測定コード石神 110314A004 測定日時 2011 年 03 月 14 日 00 時 40
NEW ? Europe CROOZ Europe Singapore CROOZ Asia Pte.Ltd. Tokyo CROOZ,Inc. ForGroove, Inc. Seoul CROOZ Korea Corporation San Francisco CROOZ America, Inc. ? 2010 2011 2012 2013 4/20 3/4 4/18 8/1 5/2 7/13
(4) 文字サイズ ( フォントサイズ ブロック ) デザイン管理 > レスポンシブ Web デザイン > レイアウト設定 ヘッダー部 に配置しています (5) カゴの中 ( ヘッダー カゴの中 ブロック ) デザイン管理 > レスポンシブ Web デザイン > レイアウト設定 ヘッダー部 に配置し
EC-CUBE2.13.5 カスタマイズ _Bootstrap3 版 ヘッダー部について (1) サイト概要文 基本情報管理 > SHOP マスター ヘッダー部に表示するサイトの概要文 が反映されます (2) ロゴ html/user_data/packages/default/img/common/logo.png(345 65 px) 位置調整は CSS を変更します 544 行目付近の ロゴ
01
01 02 03 04 05 06 Twitter 07 08 09 PC 2,000,000 10 PC 6,500,000 11 SP 1,000,000 12 SP 1,000,000 13 SP 3,000,000 14 PC SP 2,500,000 15 PC SP 6,500,000 16 17 18 PC 1,000,000 19 PC 5,000,000 20 SP 500,000
LINE LINE LINE Chapter15 Talk Talk Talk 2 Talk
7` ajczxye7) (H` _ j GfXZjR^R 5 FZXYed FVdVcgVU% LINE LINE LINE Chapter15 Talk Talk Talk 2 Talk 1 17 2 3 4 4 KAOLOG KAOLOG KAOLOG 4 KAOLOG 24 1 1 24 1 24 2 KAOLOG Twitter Twitter LINE LINE 1 KAOLOG KAOLOG
Flash HTML CSS3 Animations Canvas + JavaScript CSS + JavaScript
HTML5 入 門 田 ClockMaker 子 Vol.16 2011/06/25 http://clockmaker.jp/ Twitter ID : clockmaker Flash HTML CSS3 Animations Canvas + JavaScript CSS + JavaScript Flash HTML CSS3 Animations iphone/ipad 高 ( Android
PowerPoint プレゼンテーション
自 由 HTMLでコンテンツを 追 加 する Copyright Diverta inc. All right reserved. 目 次. 自 由 HTMLとは - 自 由 HTMLとは - 機 能 概 要. 自 由 HTMLでコンテンツを 追 加 する - 自 由 HTMLを 開 く - カテゴリを 追 加 する - 自 由 HTMLでコンテンツを 作 成 する -4 閲 覧 編 集 制 限 を
橡長沼事件関係資料_041002_.PDF
5.......... H393.1 Na 2 ........ 3 4 NO.1 2 5 7 8 12 14 17 21 24 28 30 37 39 40 42 42 43 50 58 1968.7 5 4 5 6 1969.4 13 1969.12.4 725 1973.10 8.6.4 1968.7 1968.6.4 1968.9 1968.11 1969.3.6 1969.3.6 1969.7.7
untitled
() 5 8 80% 17 2 366 3,300 () CO2 17 10 1000kWh =0.257KL 1000 =1.16KL 80% 40% 30% 20% 278,000kWh ON 26 22 ON 2 1 1 1 4-2 OFF ON 2 1 1 kw \ \ 1 1 ( 1 1 ( 40) 2 10 ()10 ) 1 (100V) (200V) kwh kwh 1kWh 1kWh
pontab22_0421.indd
MAP B-2 NIPPON-BASHI SHOP HEADLINE http://nippon-bashi.biz APR.201 Vol.22 MAP B-5,C-6 MAP C-3 MAP B-2 MAP B-5 MAP B-2,B-3 Information & PR http://area.walkerplus.com/walker47 http://makersbazaar.jp MAP