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
210
An Efficient Incident Response Training with AI / SRE NEXT 2024 Sponsor Session
rrreeeyyy
1
4.3k
カンファレンスから見る 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
リクルートのエンジニア組織を下支えする 新卒の育成の仕組み
recruitengineers
PRO
1
140
株式会社Awarefy(アウェアファイ)会社説明資料 / Awarefy-Company-Deck
awarefy
3
11k
AWSアカウントのセキュリティ自動化、どこまで進める? 最適な設計と実践ポイント
yuobayashi
7
990
Aurora PostgreSQLがCloudWatch Logsに 出力するログの課金を削減してみる #jawsdays2025
non97
1
230
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
330
OPENLOGI Company Profile
hr01
0
60k
入門 PEAK Threat Hunting @SECCON
odorusatoshi
0
170
開発組織を進化させる!AWSで実践するチームトポロジー
iwamot
2
490
サイト信頼性エンジニアリングとAmazon Web Services / SRE and AWS
ymotongpoo
7
1.7k
Охота на косуль у древних
ashapiro
0
120
AI Agent時代なのでAWSのLLMs.txtが欲しい!
watany
3
340
データベースの負荷を紐解く/untangle-the-database-load
emiki
2
540
Featured
See All Featured
KATA
mclloyd
29
14k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
GitHub's CSS Performance
jonrohan
1030
460k
Statistics for Hackers
jakevdp
797
220k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Docker and Python
trallard
44
3.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
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