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
Concept of Technology Selection
Search
kkeeth
November 06, 2017
Technology
480
1
Share
Concept of Technology Selection
kkeeth
November 06, 2017
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
87
とある EM の初めての育休からの学び
clown0082
1
5.5k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
220
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.3k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.9k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
660
JavaScript × Mathematics go to Digital Art
clown0082
1
460
In-house study group at YUMEMI
clown0082
0
240
Playing Ionic Logo by p5.js
clown0082
0
340
Other Decks in Technology
See All in Technology
AI時代に求められる思考のパラダイムシフト
nrinetcom
PRO
1
160
TROCCOで始めるクラウドコストを民主化するためのFinOps
tk3fftk
1
160
Oracle Cloud Infrastructure:2026年5月度サービス・アップデート
oracle4engineer
PRO
1
130
脅威をエンジニアリングの糧にして:恐怖を乗り越えた先にあったもの / Turn threats into fuel for engineering: what lay beyond overcoming fear
nrslib
1
300
TSKaigi 2026 - enumよ、さようなら
teamlab
PRO
3
560
Gradle×GitHub_ActionsでCI時間を約50%短縮 ジョブ分割の設計と落とし穴 / Cutting CI Time by ~50% with Gradle and GitHub Actions: Job-Splitting Design and Pitfalls
takatty
0
170
layerx-fde-practices
cipepser
6
2.7k
DI コンテナ自動生成ツールを実装してみた / intro-autodi
uhzz
0
870
Geek Woman の育ち方 〜コミュニティとAIと〜
chicaco
0
420
eBPF Can Do It! A 5-Minute Tour of 5 Real-World PHP Issues Solved with eBPF
egmc
0
260
その英語学習、AWSで代替できませんか?
suzutatsu
1
260
テストコードのないプロジェクトにテストを根付かせる
tttol
0
170
Featured
See All Featured
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
520
The untapped power of vector embeddings
frankvandijk
2
1.7k
Test your architecture with Archunit
thirion
1
2.2k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
240
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
190
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.2k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
290
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
390
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.7k
Facilitating Awesome Meetings
lara
57
6.9k
Transcript
Concept of Technology Selection by @kuwahara_ngv5 2017/11/06 ʲHTMLͷະདྷΛߟ͑Δʳ IonicϛʔτΞοϓ౦ژ #2
About me const my_info = { ɹ Name: ‘܂ݪਔ’, ɹ
Twitter: ‘@kuwahara_ngv5’, ɹ GitHub: ’k-kuwahara’, ɹ Qiita: ’clown0082’, ɹ Workplace: ‘Yumemi, Inc.’ } ←Updated❗
My Skill Sets • PHP • JavaScript • Ruby
Agenda • Major Premise • Points to consider • To
the End
⚠Attention⚠ 1. It is not a slide of Ionic. 2.
It is not a best practice for technology selection.
Major Premise
1. Lower layer is decided first.
High Low • InfrastructureʢCloud, OS, DB…ʣ • Programming Language •
Frameworks • Other libraries • Other tools
2. Be sure to understand the disadvantages of each tool.
• Problem A • Problem B • Problem C OK
OK NG What’s!?
• Problem A • Problem B • Problem C OK
OK NG Reference URL: ʮHIBERNATEʯ https://www.kaitoy.xyz/2017/02/23/how-hibernate- ruined-my-career/
3. Is there superiority over existing technology?
Points to consider
Perhaps, the most controversial thing is the FW(framework).
Condition to select
Condition to select • Performance • There are many Japanese
documents • Less bugs • Maintainability • Compatibility …etc
For example… release note about Riot.js
Condition to select … 3.6.2 : August 18, 2017 3.6.3
: August23, 2017 3.7.0 : September 2, 2017 3.7.2 : September 23, 2017 3.7.3 : October 1, 2017 3.7.4 : Novenmer 5, 2017ʢlatestʣ
For example… React vs Angular
react React react-dom react-router react-redux react-mdl react-router-redux react-images create-react-app
What happens if there is a change in one library?
react React react-dom react-router react-redux react-mdl react-router-redux react-images create-react-app ←Version
up Version up→
react React react- dom react- router react- redux react-mdl react-router-
redux react- images create-react- app ←Version up Version up→ Application stopped working!!
…Really?
Angular angular/core angular/forms angular/http rxjs angular/common angular/cli angular/router angular/compiler
Angular angular/core angular/forms angular/ http rxjs angular/common angular/cli angular/router angular/compiler
←Version up
What happens when there is a problem that I have
not seen?
Give up!! Hahaha!!
To the End
Produce products ↓ Start product maintenance
Produce products ↓ Technology aging and debt begin
Discuss firmly within the team!! Think deeply within the team!!
None
Thank you for listening!!