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
1
450
Concept of Technology Selection
kkeeth
November 06, 2017
Tweet
Share
More Decks by kkeeth
See All by kkeeth
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
99
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.7k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.3k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
550
JavaScript × Mathematics go to Digital Art
clown0082
1
310
In-house study group at YUMEMI
clown0082
0
160
Playing Ionic Logo by p5.js
clown0082
0
210
Skills that employers recommend students to acquire
clown0082
1
260
Walking through the source code of an OSS Library(ESLint))
clown0082
0
350
Other Decks in Technology
See All in Technology
誰も全体を知らない ~ ロールの垣根を超えて引き上げる開発生産性 / Boosting Development Productivity Across Roles
kakehashi
1
230
[CV勉強会@関東 ECCV2024 読み会] オンラインマッピング x トラッキング MapTracker: Tracking with Strided Memory Fusion for Consistent Vector HD Mapping (Chen+, ECCV24)
abemii
0
220
アジャイルでの品質の進化 Agile in Motion vol.1/20241118 Hiroyuki Sato
shift_evolve
0
170
データプロダクトの定義からはじめる、データコントラクト駆動なデータ基盤
chanyou0311
2
330
なぜ今 AI Agent なのか _近藤憲児
kenjikondobai
4
1.4k
OS 標準のデザインシステムを超えて - より柔軟な Flutter テーマ管理 | FlutterKaigi 2024
ronnnnn
0
170
New Relicを活用したSREの最初のステップ / NRUG OKINAWA VOL.3
isaoshimizu
2
620
10XにおけるData Contractの導入について: Data Contract事例共有会
10xinc
6
650
生成AIが変えるデータ分析の全体像
ishikawa_satoru
0
160
AIチャットボット開発への生成AI活用
ryomrt
0
170
TypeScript、上達の瞬間
sadnessojisan
46
13k
TypeScriptの次なる大進化なるか!? 条件型を返り値とする関数の型推論
uhyo
2
1.7k
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Bash Introduction
62gerente
608
210k
How to train your dragon (web standard)
notwaldorf
88
5.7k
The Cult of Friendly URLs
andyhume
78
6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
RailsConf 2023
tenderlove
29
900
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
GraphQLとの向き合い方2022年版
quramy
43
13k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
890
The Invisible Side of Design
smashingmag
298
50k
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!!