Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Qicoo app Frontend

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for translucens translucens
January 30, 2019
Technology
630
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.5k
Go on lambda
Avatar for translucens translucens
2
680

Other Decks in Technology

See All in Technology
生成AIを使って「人が」考える技術 ― AI時代の人機共想と実践ノウハウ｜UNITT AC2026
Avatar for 石井力重 ishiirikie
0
560
MCPゲートウェイを作って運用してわかったこと — Agent時代の権限管理の現在地
Avatar for k.muguruma mtpooh
10
3.2k
DevelopersIO 2026 知識の地図を描く ─ オントロジーとは何か？
Avatar for Satoru Ishikawa ishikawa_satoru
1
160
20260930_Gemma4_Hands-on
Avatar for tsho tsho
0
230
FinTech 1-2 : Overview of FinTech
Avatar for Kenji Saito ks91
PRO
0
150
OpenSharing について熱く語る 〜AI アセットの共有について〜
Avatar for camay kameitomohiro
0
230
FactoryBotアンチパターン / factory_bot anti-patterns
Avatar for toshimaru toshimaru
0
140
FOSS4Gを活用した自治体業務DXの試み
Avatar for keikatsu 470715
0
110
自分で立ててみるLLMサービス
Avatar for 世良泰明 y_sera15
0
140
継続的なAIコスト最適化
Avatar for Atsushi Tanaka bgpat
1
190
Kernel testing frameworks
Avatar for Kernel Recipes ennael
PRO
0
110
検証フェーズはAIの回答を判断するための学習機会
Avatar for Toru_Kubota toru_kubota
2
510

Featured

See All Featured
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
260
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
Avatar for Christian Goodrich cargoodrich
3
860
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
240
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
390
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
300
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
550
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
590
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.5k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.4k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k

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