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
220
An Efficient Incident Response Training with AI / SRE NEXT 2024 Sponsor Session
rrreeeyyy
1
5k
カンファレンスから見る SRE トレンド 2024 / SRE Trends from Conferences in 2024 #SRE_Findy
rrreeeyyy
4
2.4k
信頼性の育て方 / mackerel-meetup-15
rrreeeyyy
10
2.6k
SRE の歩き方・進め方 / sre-walk-through-procedure
rrreeeyyy
0
8.8k
「信頼性」を保ちつつ大規模サービスをリニューアルする / cookpad-tech-kitchen-service-embedded-sres
rrreeeyyy
11
12k
Cookpad and Prometheus
rrreeeyyy
6
21k
SRE-Lounge-8-Cookpad-Microservice-Architecture-Overview
rrreeeyyy
5
5.5k
A survey of anomaly detection methodologies for web system
rrreeeyyy
5
1.3k
Other Decks in Technology
See All in Technology
初めてのAzure FunctionsをClaude Codeで作ってみた / My first Azure Functions using Claude Code
hideakiaoyagi
1
210
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.1k
Javaで作る RAGを活用した Q&Aアプリケーション
recruitengineers
PRO
1
100
Agentic Workflowという選択肢を考える
tkikuchi1002
1
480
Кто отправит outbox? Валентин Удальцов, автор канала Пых
lamodatech
0
330
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
390
AWS CDK 実践的アプローチ N選 / aws-cdk-practical-approaches
gotok365
6
690
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
shogogg
4
660
A2Aのクライアントを自作する
rynsuke
1
170
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.1k
5min GuardDuty Extended Threat Detection EKS
takakuni
0
110
[TechNight #90-1] 本当に使える?ZDMの新機能を実践検証してみた
oracle4engineer
PRO
3
170
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
The Invisible Side of Design
smashingmag
299
51k
Designing for humans not robots
tammielis
253
25k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Designing for Performance
lara
609
69k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
How STYLIGHT went responsive
nonsquared
100
5.6k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
210
Building a Modern Day E-commerce SEO Strategy
aleyda
41
7.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