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
【徹底比較】SIerとWeb系はココが違う!
Search
Naoto Takai
December 15, 2012
Technology
2.1k
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
【徹底比較】SIerとWeb系はココが違う!
At #devlove2012
Naoto Takai
December 15, 2012
More Decks by Naoto Takai
See All by Naoto Takai
Building the Perfect Custom Keyboard
takai
2
870
キースイッチ潤滑入門 / A Brief Introduction to Lube MX Switches
takai
2
890
みなさん、分かっていますか / What is a difference?
takai
1
990
The Design Philosophy of Kuroko2
takai
3
2.3k
Agile and DevOps with Ruby
takai
2
1.3k
Software Quality and Testing #1
takai
6
750
Microservices in Action
takai
36
5.5k
Ruby App on Netflix Microservices Stack
takai
6
1.2k
How We Use Jenkins?
takai
21
8.6k
Other Decks in Technology
See All in Technology
AI-DLCって実際どう? 〜聞きたいこと全部聞いてみる〜
news_it_enj
0
240
Jetpack Compose で挑む新聞紙面UI ─ 複合ジェスチャー・ポリゴン記事領域・適応的ページ構成という3つの壁/droidkaigi2026
nikkei_engineer_recruiting
0
240
Bet AI Day 2026丨AIによって本質に戻るシステムリスク管理
layerx
PRO
0
1.3k
Snowflakeのコスト最適化を支えるアーキテクチャ設計
ktatsuya
0
760
V8コントリビュート超入門
riyaamemiya
0
150
データエンジニアの困りごとをDevinと一緒に解消する
10xinc
2
860
少人数データチームのDevin活用実践事例
runandy16
2
450
目の前の楽しいが人生を変える - コミュニティの螺旋の歩き方と楽しむコツ / change your life
soudai
PRO
2
110
Bet AI Day 2026丨AIを「使う」から、AIが「働く」へ ― LayerXが進める「組織AI」の社会実装
layerx
PRO
3
2.8k
GoCon2026 - Open Source, Open World
sanposhiho
2
460
Sigmaユーザーのための有用リソース一挙公開 & Sigmaで使えるMCP #sigma_ucj /useful-resources-for-sigma-computing-users-and-mcps-with-sigma
shinyaa31
0
160
Nav2、Nav3 ... はたまた自作?〜 作って理解する Nav3 の設計意図 〜 / Nav2, Nav3 ... or Build Your Own? — Understanding Nav3's design intent by building it from scratch
yanzm
0
260
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1k
The SEO identity crisis: Don't let AI make you average
varn
0
550
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
New Earth Scene 8
popppiees
3
2.5k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
190
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
560
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Balancing Empowerment & Direction
lara
6
1.3k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
450
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
480
Transcript
ʲపఈൺֱʳ4*FSͱ8FCܥίί͕ҧ͏ʂ ฏ݄ɹߴҪɹਓ ग़੮ऀ֤Ґ ΩϟϦΞνΣϯδͨ͠ΤϯδχΞ͕ݟͨ྆ऀͷݱ͔Β
ഈܒɹو఼ʹ͓͔Ε·ͯ͠ɺ͝ਗ਼ӫͷ͜ͱͱ͓تͼਃ্͛͠ ·͢ɻ·ͨɺ͜ͷൃදͷػձΛ͍͖ͨͩ·ͯ͠ɺʹ͋Γ ͕ͱ͏͍͟͝·͢ɻ ɹࢲɺࣾձਓͱͯ͠ब৬Ҏདྷɺඍྗͳ͕ΒγεςϜΠϯς άϨʔλɺΠϯλʔωοταʔϏεاۀͳͲͰɺਚྗͯ͠ࢀΓ ·ͨ͠ɻࠓճൃදਃ্͛͠Δ༰ʹ͖ͭ·ͯ͠ɺͦͷੵ͞ ΕͨܦݧΛͱʹൃද͍ͤͯͨͩ͘͞ॴଘʹ͍͟͝·͢ɻ ɹͲ͏͔ຊൃදΛΑΖ͘͠͝ݕ౼͍͖ͨͩɺࠓޙͷو఼ͷ͝׆ ༂ͷࢀߟͱͳΒΜ͜ͱΛ͝ف೦͍ͨ͠·͢ɻ ͡Ίʹ
NAOTO TAKAI Cowboy Coder
Once upon a time…
None
None
Question ‣How old? ‣Suit or T-Shirt? ‣Contractor or In-House?
2000~ Computer Distributor 2001~ Web Production 2007~ System Integrator 2011~
Recipe Site
2000~ Suit, Contractor 2001~ T-Shirt, Contractor 2007~ Suit, Contractor 2011~
T-Shirt, In-House Memo: Talk about me
Agenda ‣SIer / Web Business ‣A Future in Development ‣Career
Changing
‣SIer / Web Business
I got a job at system integrator…
None
Excel with Square Grid
‣Requirements ‣Design documentation ‣Test Plan ‣Man-Month Calculation
Requirements System Design Module Design Implementation Acceptance Test System Test
Integration Test Unit Test Memo: Talk about customer approval
Dogma System requirements is the most important.
✓ Process Quality ✓ Code Generation
I got a job at recipe site…
None
Code without Documents
‣Hypothesis ‣Prototype ‣Release ‣Evaluation
Measure Learn Build Memo: Code, Data, Ideas
Dogma Nobody knows the requirements
✓ Rapid Prototyping ✓ Log Analysis
Chanko
None
None
% rails generate chanko like_button create app/units/like_button/like_butto create app/units/like_button/views/_sho create
app/units/like_button/spec/contr create app/units/like_button/spec/model create app/units/like_button/spec/helpe create app/units/like_button/stylesheet create app/assets/stylesheets/units/lik create app/units/like_button/javascript create app/assets/javascripts/units/lik create app/units/like_button/images/log create app/assets/images/units/like_but
app/units/like_button/like_button.rb /views/ /spec/ /stylesheets/ /javascripts/ /images/ Directory Structure Unit script
Other staff
# app/units/like_button/like_button.rb module LikeButton include Chanko::Unit active_if :logged_in do |context,
opts| context.current_user.logged_in? end scope(:view) do function(:show) do render :partial => "/show" end end end Unit Script Code
# app/units/like_button/views/_show.html.haml .copy Share this site with your friends .fb-like{:data
=> {:href => 'http://recompi #fb-root :javascript (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0] if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/all fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); Unit View Code
# app/views/photos/index.html.haml = invoke(:like_button, :show) do %address.copy Copyright © 2005-2012
Naoto Ta Original View Code # app/views/photos/index.html.haml %address.copy Copyright © 2005-2012 Naoto Taka Before: After:
Chanko Before: After:
‣works in production ‣feedback from real user ‣enables a “small
start” Chanko
Log Analysis A Log Collector Daemon
App s3 Log Storage MySQL Before: MySQL MySQL
‣heavy & slow ‣batch (sql, hadoop) ‣many database tables Problem
fluentd fluentd fluentd fluentd MongoDB TreasureData App Servers Log Storage
s3 After:
‣lightweight ‣pluggable architecture ‣schema less Fluentd
Measure Learn Build Chanko Fluentd
‣before starting the development ‣after ending the development ‛ REQUIREMENTS
Memo: Ask audience how real world is
‣A Future in Development
0 1,250,000 2,500,000 3,750,000 5,000,000 2000 2001 2002 2003 2004
2005 2006 2007 2008 2009 2010 2011 ग़యɿܦࡁ࢈ۀলʮಛఆαʔϏε࢈ۀಈଶ౷ܭௐࠪʯ
the number of transistors on a chip will double approximately
every two years. Moore’s Law
1961 IBM 7030 1 MIPS 1994 Intel Pentium 188 MIPS
2012 Google Nexus 7 13800 MIPS Moore’s Law Memo: Talk about usage of computer
Military Use Business Use Personal Use Memo: Talk about media
theory and usage
‣in any devices ‣in any context ‣with computer technology for
Personal Use
‣before starting the development ‣after ending the development ‛ REQUIREMENTS
Memo: Ask audience how real world will be
All companies become technology companies bakery, flower shop, liquor shop,
bookstore… Memo: Ask audience how SIer will be
Core competence: own business Technology Doesn't Matter
To make everyday cooking fun ‣Rapid Prototyping ‣Log Analysis
Open Source Software Memo: Talk about chanko, OSS policy
‣Career Changing
All companies become technology companies bakery, flower shop, liquor shop,
bookstore…
All companies employ software engineers bakery, flower shop, liquor shop,
bookstore…
Selling software itself with software engineering Career Changing Memo: Be
interested in their business
ޙఔ͓٬͞· Memo: Talk that only programmers can provide software
DON’T HANDS OFF THE CONTROL “upstream” sucks. “downstream” rocks.
Only you can control how you act. Thank you