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
830
キースイッチ潤滑入門 / 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.2k
Software Quality and Testing #1
takai
6
740
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
MIRU 2026 チュートリアル
keisuke198619
0
870
老害フォレンジッカーはAI羊の夢を見るか?
tadmaddad
0
310
GitHub CopilotのFinOps- AI CreditのObservabilityと価値を生むためのエージェント設計
yuriemori
0
140
攻撃と防御で学ぶAI時代のプロダクトセキュリティ演習
recruitengineers
PRO
8
2.2k
20260804_Q4AzureUpdateBite_FabricDataAgentの精度を高める設計.pdf
matayuuu
1
120
モバイルアプリ開発概論2026
recruitengineers
PRO
5
510
ラジオの科学
frievea
0
280
【CEDEC2026】コードレビュー支援ツール開発から学ぶ:LLMを用いた業務システムの実践的な運用設計と誤出力対策
cygames
PRO
0
630
変化の早いClaude Codeを 書籍に落とし込む
oikon48
7
1.3k
AIエージェントを前提としたプラットフォーム エンジニアリング:GKEで作るAgent-Ready Golden Path
legalontechnologies
PRO
2
220
第3回しろおびセキュリティスポンサーセッション
log0417
0
160
【CEDEC2026】ゲームシナリオライターを支援するAIツール開発の実践 ― 設計とプロンプトの工夫 ―
cygames
PRO
1
770
Featured
See All Featured
Music & Morning Musume
bryan
47
7.3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.4k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.6k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
200
Site-Speed That Sticks
csswizardry
13
1.4k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
450
New Earth Scene 8
popppiees
3
2.5k
Chasing Engaging Ingredients in Design
codingconduct
0
260
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
200
Building Flexible Design Systems
yeseniaperezcruz
330
40k
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