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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
kkeeth
November 06, 2017
Technology
1
480
Concept of Technology Selection
kkeeth
November 06, 2017
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
65
とある EM の初めての育休からの学び
clown0082
1
5k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
210
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.2k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.8k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
650
JavaScript × Mathematics go to Digital Art
clown0082
1
440
In-house study group at YUMEMI
clown0082
0
230
Playing Ionic Logo by p5.js
clown0082
0
320
Other Decks in Technology
See All in Technology
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
kekke_n
1
450
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
coconala_engineer
2
670
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
yuu551
0
240
What happened to RubyGems and what can we learn?
mikemcquaid
0
300
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
bwkw
3
970
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
rvirus0817
1
1.4k
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
3
210
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
1
370
仕様書駆動AI開発の実践: Issue→Skill→PRテンプレで 再現性を作る
knishioka
2
670
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
aeonpeople
1
240
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1k
プロポーザルに込める段取り八分
shoheimitani
1
430
Featured
See All Featured
Paper Plane
katiecoart
PRO
0
46k
Raft: Consensus for Rubyists
vanstee
141
7.3k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
150
Done Done
chrislema
186
16k
How to make the Groovebox
asonas
2
1.9k
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.3k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
280
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Odyssey Design
rkendrick25
PRO
1
500
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
120
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!!