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

Qicoo app Frontend

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for translucens translucens
January 30, 2019
Technology
620
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
HRC_Frontend_Conference_Fukuoka_2026.pdf
Avatar for takanori sugawara ts020
0
730
アプリログインとWeb認証基盤をつなぐ ASWebAuthenticationSession 作法
Avatar for Go Takagi shimastripe
1
330
なぜ「決定性」が 決定的に重要なのか？ Durable Execution 基盤の数理的理解 #serverlessjp / ServerlessDays Tokyo 2026
Avatar for y_taka_23 ytaka23
0
220
Deployment の 先にある AI Agent 基盤 - kagent vNext、Agent Substrate、Hermes から読み解く Agent Runtime の現在地 / k8s-matsuri-2-ai-agent-platform-amsy810
Avatar for Masaya Aoyama (@amsy810) masayaaoyama
3
610
30座EKS, 180次升級淬煉的EKS Upgrade Skill 的歷程
Avatar for Eric eric8230
0
170
Genieを崇めよ
Avatar for camay kameitomohiro
0
150
空間オーディオで過去の 自分（ゴースト）と競うランニング 〜HealthKitのルートを足音に変える実装〜
Avatar for Nao-RandD nao_randd
0
220
Issue 駆動でスペシャリストの意図を届ける、AI 実装のアクセシビリティ向上
Avatar for thkt thkt
0
110
HHKBエバンジェリストになる方法
Avatar for 941 941
0
110
AIに任せた品質は、誰が見立てるのか - AI時代のテストマネジメント
Avatar for nakanao nakanao
2
1.6k
aws-iot-platform-architecture-use-cases.pdf
Avatar for Kohei "Max" MATSUSHITA ma2shita
0
210
幾何アルゴリズムで なめらかなピン操作を / iOSDC Japan 2026 / smoothpin
Avatar for nade kazumanagano
0
350

Featured

See All Featured
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
910
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
220
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
520
エンジニアに許された特別な時間の終わり
Avatar for watany watany
109
250k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
1
470
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.6k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.2k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
142
7.7k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.3k

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