Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Qicoo app Frontend

Avatar for translucens translucens
January 30, 2019
Technology
580
0

Qicoo app Frontend

The implementation of question post web app "Qicoo"

Avatar for translucens

translucens

January 30, 2019

More Decks by translucens

See All by translucens
12 Factor App on Kubernetes を12ヶ月実践して見えてきたもの
Avatar for translucens translucens
4
1.4k
The Twelve-Factor AppとKubernetes
Avatar for translucens translucens
6
1.4k
Go on lambda
Avatar for translucens translucens
2
650

Other Decks in Technology

See All in Technology
音声言語モデル手法に関する発表の紹介
Avatar for Kazuki Inamura kzinmr
0
150
COBOL婆さんの伝説
Avatar for フクイ poropinai1966
0
110
データ定義の混乱と戦う 〜 管理会計と財務会計 〜
Avatar for wonohe wonohe
0
160
需要創出(Chatwork)×供給(BPaaS) フライホイールとMoat 実行能力の最適配置とAI戦略
Avatar for kubell kubell_hr
0
1.4k
Practical TypeProf: Lessons from Analyzing Optcarrot
Avatar for Yusuke Endoh mame
1
1.4k
AgentCore×VPCでの設計パターンn選と勘所
Avatar for Har1101 har1101
4
350
Chasing Real-Time Observability for CRuby
Avatar for White-Green whitegreen
0
380
基盤を育てる 外部SaaS連携の運用
Avatar for Hiroto Gamo gamonges_dresscode
1
120
20260428_Product Management Summit_tadokoroyoshiro
Avatar for tadokoro_yoshiro tadokoro_yoshiro
15
16k
はじめての MagicPod生成AI機能 機能紹介から活用方法まで
Avatar for MagicPod magicpod
0
120
Building a Standalone Programming Environment
Avatar for Harukasan harukasan
PRO
1
420
AndroidアプリとCopilot Studioの統合
Avatar for なかしょ nakasho
0
180

Featured

See All Featured
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
170
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
70
39k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
140
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.9k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
110
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
12k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
320
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
180

Transcript

  1. Qicoo app // Frontend Soichiro Kawamura @translucens Cloud Native Developers

    JP 9th 2019-01-30

  2. $ whoami @ 1 … Cloud Immigrant   

    ❌ ⭕ 2019-01-30 Cloud Native Developers JP #9 Twitter: #cndjp 2

  3. Qicoo 1. SPA 2. API (k8s/EKS) 3.  ; PC

    2019-01-30 Cloud Native Developers JP #9 Twitter: #cndjp 3

  4. #1 React, TypeScript 2019-01-30 Cloud Native Developers JP #9 Twitter:

    #cndjp 4

  5. React Facebook UI Virtual DOM JSX React const element =

    <h1>Hello, world!</h1>;  src: https://reactjs.org/docs/introducing-jsx.html 2019-01-30 Cloud Native Developers JP #9 Twitter: #cndjp 5

  6. React Components 2019-01-30 Cloud Native Developers JP #9 Twitter: #cndjp

    6 REST API JSON React ※React Developer Tools React

  7. React + TypeScript 2019-01-30 Cloud Native Developers JP #9 Twitter:

    #cndjp 7 React TypeScript  TSLint: restrict-plus-operands  JS 

  8. TypeScript React Starter TypeScript React https://github.com/Microsoft/TypeScript-React-Starter  $ create-react-app my-app

    --scripts-version=react-scripts-ts  $ npm run start   $ npm run build 2019-01-30 Cloud Native Developers JP #9 Twitter: #cndjp 8

  9. API URL   UI 2019-01-30 Cloud Native Developers JP

    #9 Twitter: #cndjp 9

  10. #2 Web Amazon S3, CloudFront, CircleCI 2019-01-30 Cloud Native Developers

    JP #9 Twitter: #cndjp 10

  11. 2019-01-30 Cloud Native Developers JP #9 Twitter: #cndjp 11 https://speakerdeck.com/cndjp/jkd-v18-dot-12-2w3?slide=31

  12. & Cloud Native Developers JP #9 Twitter: #cndjp 12 Preview

    Public AWS Cloud Region (Tokyo / JP) Dev. Users Region (Oregon / US) git push Static analyzers webhook Sync (AWS CLI) 2019-01-30

  13. GitHub push CircleCI JavaScript Python TypeScript  preview, master AWS

    CLI S3 2019-01-30 Cloud Native Developers JP #9 Twitter: #cndjp 13

  14. CloudFront  CloudFront N. Virginia AWS CloudFront S3  2019-01-30

    Cloud Native Developers JP #9 Twitter: #cndjp 14

  15. #3 w/o Bootstrap, Font Awesome, Adobe Color Wheel 2019-01-30 Cloud

    Native Developers JP #9 Twitter: #cndjp 15

  16.  CSS Bootstrap 4.1.3 Font Awesome 5.5.0 2019-01-30 Cloud Native

    Developers JP #9 Twitter: #cndjp 16

  17. Bootstrap   jQuery jQuery DOM React Virtual DOM 

    React Bootstrap Bootstrap v3  UI Google Analytics :PC=2:1 2019-01-30 Cloud Native Developers JP #9 Twitter: #cndjp 17

  18. 18 Font Awesome  <i class=‘fas fa-clock’></i>  PNG 2019-01-30

    Cloud Native Developers JP #9 Twitter: #cndjp

  19. Adobe Color Wheel CNDJP #007395 https://color.adobe.com/ 2019-01-30 Cloud Native Developers

    JP #9 Twitter: #cndjp 19

  20. Qicoo 1. SPA TypeScript React Starter 2. S3, CloudFront, CircleCI

    3.  PC 2019-01-30 Cloud Native Developers JP #9 Twitter: #cndjp 20