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

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
600
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
660

Other Decks in Technology

See All in Technology
FPGAの開発コンペでZephyrを使ってみた
Avatar for misoji engineer iotengineer22
0
150
フィジカル版Github Onshapeの紹介
Avatar for shiba_8ro shiba_8ro
0
290
GitHub Copilot 最新アップデート – 「一歩先」の実践活用術
Avatar for zhang.william moulongzhang
5
1.5k
2026 TECHFRESH 畢業分享會 - AI-Native 重塑軟體工程與虛擬講師
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k
白金鉱業Meetup_Vol.24_「AIエージェントは分けるほど良い」は本当か？ / Is it true that “the more you divide AI agents, the better”?
Avatar for BrainPad brainpadpr
1
420
iAEONの段階的リアーキテクト戦略 / iAEON's_Gradual_Re-architecture_Strategy
Avatar for AEON aeonpeople
0
230
データサイエンスを価値につなげるプロジェクト設計 〜 DS一年目が現場で得た気づき 〜
Avatar for Yusei Doi ysd113
1
280
Oracle AI Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
4
3k
生成 AI 実践ガイド (概略版) AIガバナンス編
Avatar for Asei Sugiyama asei
0
130
Oracle Cloud Infrastructure：2026年6月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
140
GitHub Copilot app最速の発信の裏側
Avatar for tomokusaba tomokusaba
1
200
Android の公式 Skill / Android skills
Avatar for Yuki Anzai yanzm
0
160

Featured

See All Featured
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
250
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
1.7k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.5k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
160
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
260
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.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