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
350
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
sawada_books
hbstyle-2014-0509
rrreeeyyy
May 08, 2014
More Decks by rrreeeyyy
See All by rrreeeyyy
もう一度考える SRE チームの作り方・育て方 / Rethinking SRE #1: Building and Growing SRE Teams
rrreeeyyy
6
1.2k
Reliability in the Age of AI: Engineering for AI Velocity
rrreeeyyy
0
200
Rethinking Incident Response: Context-Aware AI in Practice - Incident Buddy Edition -
rrreeeyyy
0
280
Rethinking Incident Response: Context-Aware AI in Practice
rrreeeyyy
3
2.6k
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
330
An Efficient Incident Response Training with AI / SRE NEXT 2024 Sponsor Session
rrreeeyyy
1
6.3k
カンファレンスから見る SRE トレンド 2024 / SRE Trends from Conferences in 2024 #SRE_Findy
rrreeeyyy
4
2.7k
信頼性の育て方 / mackerel-meetup-15
rrreeeyyy
10
3k
SRE の歩き方・進め方 / sre-walk-through-procedure
rrreeeyyy
0
9k
Other Decks in Technology
See All in Technology
Bet AI Day 2026丨Production-Ready AI Agents — エンタープライズの実務を任せるための設計と運用
layerx
PRO
4
2.6k
synctest時代のhttptest Go 1.27で変わるHTTPサーバテストの裏側 / go conference2026 synctest and httptest
budougumi0617
1
250
Multica × 長期記憶:40個のミニプロジェクト管理
eiei114
1
210
Snowflakeのコスト最適化を支えるアーキテクチャ設計
ktatsuya
0
880
V8コントリビュート超入門
riyaamemiya
0
150
AIで開発は速くなったのに、なぜ現場は楽にならないのか 〜あなたの組織のボトルネックを突き止めるワークショップ〜
jacopen
1
290
日経電子版を支えていく Kasane Design System/fec_fukuoka
nikkei_engineer_recruiting
0
260
omasushiというライブラリを作った
polidog
PRO
0
150
Oracle Cloud Infrastructure IaaS 新機能アップデート 2026/6 - 2026/8
oracle4engineer
PRO
0
130
現場に行くだけでは足りない——プロダクトエンジニアが業務の流れを捉える観点と、その鍛え方
takumiengineering
0
330
Adaptive Warehouse を今すぐ導入すべき理由と迷ったときの判断基準
__allllllllez__
0
120
2026-09-10 【Snowflake World Tour Tokyo 2026】dbt Core と Snowflake で実現する多層的なデータガバナンス / Multi-Layered Data Governance Powered by dbt Core and Snowflake
civitaspo
0
240
Featured
See All Featured
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
410
The browser strikes back
jonoalderson
0
1.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
Odyssey Design
rkendrick25
PRO
2
800
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.6k
Crafting Experiences
bethany
1
300
Accessibility Awareness
sabderemane
1
200
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
520
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
560
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