Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
sawada_books
Search
rrreeeyyy
May 08, 2014
Technology
0
330
sawada_books
hbstyle-2014-0509
rrreeeyyy
May 08, 2014
Tweet
Share
More Decks by rrreeeyyy
See All by rrreeeyyy
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
200
An Efficient Incident Response Training with AI / SRE NEXT 2024 Sponsor Session
rrreeeyyy
1
4.2k
カンファレンスから見る SRE トレンド 2024 / SRE Trends from Conferences in 2024 #SRE_Findy
rrreeeyyy
4
2.3k
信頼性の育て方 / mackerel-meetup-15
rrreeeyyy
10
2.5k
SRE の歩き方・進め方 / sre-walk-through-procedure
rrreeeyyy
0
8.6k
「信頼性」を保ちつつ大規模サービスをリニューアルする / cookpad-tech-kitchen-service-embedded-sres
rrreeeyyy
11
12k
Cookpad and Prometheus
rrreeeyyy
6
20k
SRE-Lounge-8-Cookpad-Microservice-Architecture-Overview
rrreeeyyy
5
5.4k
A survey of anomaly detection methodologies for web system
rrreeeyyy
5
1.3k
Other Decks in Technology
See All in Technology
日経のデータベース事業とElasticsearch
hinatades
PRO
0
200
EMConf JP 2025 懇親会LT / EMConf JP 2025 social gathering
sugamasao
2
170
利用終了したドメイン名の最強終活〜観測環境を育てて、分析・供養している件〜 / The Ultimate End-of-Life Preparation for Discontinued Domain Names
nttcom
2
360
内製化を加速させるlaC活用術
nrinetcom
PRO
2
110
Perlの生きのこり - エンジニアがこの先生きのこるためのカンファレンス2025
kfly8
1
250
EDRの検知の仕組みと検知回避について
chayakonanaika
11
4.3k
生成AI×財務経理:PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
460
エンジニアが加速させるプロダクトディスカバリー 〜最速で価値ある機能を見つける方法〜 / product discovery accelerated by engineers
rince
4
540
Two Blades, One Journey: Engineering While Managing
ohbarye
3
840
データマネジメントのトレードオフに立ち向かう
ikkimiyazaki
6
1.2k
サイト信頼性エンジニアリングとAmazon Web Services / SRE and AWS
ymotongpoo
1
290
Cracking the Coding Interview 6th Edition
gdplabs
14
28k
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
640
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Designing for humans not robots
tammielis
250
25k
Docker and Python
trallard
44
3.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Side Projects
sachag
452
42k
Designing for Performance
lara
604
68k
Faster Mobile Websites
deanohume
306
31k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Transcript
Website as birthday present גࣜձࣾϋʔτϏʔπ ӡ༻ΤϯδχΞ ٢ ཽଠ
ੜ ͍ͨΜΊͰ͍ͨ
େֶ࣌ͷ༑ਓ • TAKAMURA Narimichi (@nari_ex) • גࣜձࣾϋʔτϏʔπ ӡ༻ΤϯδχΞ • SAWADA
Takayoshi (@sawa_zen) • ΠϯλϨετϚʔέςΟϯά • ձ͍ࣾۙ
͜Ε·Ͱͷੜ
None
None
፮க
None
None
͏·͍൧
None
ಛઃαΠτ
ࠓճͷੜ
SAWADA Takayoshi 5/2 ੜ·Ε ໊ݹࢢཱେֶ ܳज़ֶ෦ ग़ ! but εϚʔτϑΥϯΞϓϦ/WebΞϓϦΤϯδχΞ
ٕज़ྗʹෆ҆
ຊΛങ͓͏ʂ
None
͜͜·Ͱී௨
ຊʹಡΉʁ
ຊʹʁ
ਐḿཧγεςϜ
http://birthday.topotal.com/
࣮ - sinatra + mongodb - Twitter bootstrap ( responsive
design ) - d3.js - bitbacket ( cuz we can’t use our rhodecode ;( )
source code
ֻ͔ͬͨ࣌ؒ - 6 ʙ 10 ࣌ؒ - markup(cssؚΉ) 3 ͙࣌ؒΒ͍
- sinatra 1࣌ؒະຬ - javascript 2ʙ3 ͙࣌ؒΒ͍ - ʂʂʂͩΕͰग़དྷΔʂʂʂ
ߦ αʔόଆ - 100 ߦ͙Β͍ html पΓɾcss पΓ - 200
ߦ͙Β͍ɾ100 ߦ͙Β͍ js पΓ - 300 ߦ͙Β͍ (΄΅ d3.js पΓͷίʔυ)
·ͱΊ • ͜ΜͳܗͰ Web ΞϓϦΛ࡞Δ࿅शͰ͖·͢ • ୭Ͱग़དྷΔ͙Β͍ʹ؆୯Ͱ͢ • mongodb
lite Ͱ͍͍Ͱ͢Ͷ • ͱʹ͔ͬͯ͘ΈΔ͜ͱͬͯେࣄͩΑͶ • d3.js ៉ྷͳάϥϑ͕ඳ͚ͯྑ͍
ຊ • ςετΛॻ͖͔ͨͬͨ • MVVM ϑϨʔϜϫʔΫ͍͔ͨͬͨ • vue.js