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
340
sawada_books
hbstyle-2014-0509
rrreeeyyy
May 08, 2014
Tweet
Share
More Decks by rrreeeyyy
See All by rrreeeyyy
Rethinking Incident Response: Context-Aware AI in Practice - Incident Buddy Edition -
rrreeeyyy
0
200
Rethinking Incident Response: Context-Aware AI in Practice
rrreeeyyy
3
2.3k
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
270
An Efficient Incident Response Training with AI / SRE NEXT 2024 Sponsor Session
rrreeeyyy
1
5.8k
カンファレンスから見る SRE トレンド 2024 / SRE Trends from Conferences in 2024 #SRE_Findy
rrreeeyyy
4
2.5k
信頼性の育て方 / mackerel-meetup-15
rrreeeyyy
10
2.8k
SRE の歩き方・進め方 / sre-walk-through-procedure
rrreeeyyy
0
8.9k
「信頼性」を保ちつつ大規模サービスをリニューアルする / cookpad-tech-kitchen-service-embedded-sres
rrreeeyyy
11
13k
Cookpad and Prometheus
rrreeeyyy
6
21k
Other Decks in Technology
See All in Technology
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
6
68k
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
minorun365
4
210
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
abemii
0
140
20260208_第66回 コンピュータビジョン勉強会
keiichiito1978
0
140
量子クラウドサービスの裏側 〜Deep Dive into OQTOPUS〜
oqtopus
0
120
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
rvirus0817
1
1.4k
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.6k
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
rvirus0817
0
270
プロダクト成長を支える開発基盤とスケールに伴う課題
yuu26
4
1.3k
Digitization部 紹介資料
sansan33
PRO
1
6.8k
15 years with Rails and DDD (AI Edition)
andrzejkrzywda
0
190
プロポーザルに込める段取り八分
shoheimitani
1
280
Featured
See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
140
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
120
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
86
Automating Front-end Workflow
addyosmani
1371
200k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
Raft: Consensus for Rubyists
vanstee
141
7.3k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
180
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Technical Leadership for Architectural Decision Making
baasie
1
240
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
310
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
130
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
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