Home
Slides
Blog
slide.seike460.com
Home
Slides
Blog
Home
Slides
Fukuoka Engineer Conference 2018
Fukuoka Engineer Conference 2018
Fukuoka Engineer Conference 2018
2018年12月8日
General
Engineering
Serverless
Architecture
Keyboard Shortcuts
←
→
Navigate slides
Space
Next slide
F
Fullscreen
ESC
Exit fullscreen
Home
First slide
End
Last slide
B
.
Pause
S
Speaker notes
?
Reveal.js help
Close
## フロントエンドを支えるバックエンド Frontend Conference Fukuoka 2018 清家史郎(@seike460)
###### Who? Fusic Co., Ltd.  清家史郎  @seike460    
### tech - Program Language - PHP - Go - Elixir - infrastructure - Server - Cloud(AWS) - infrastructure as code - Network - Other - Serverless - Vue.js
### products - s3ry (s3 prompt cli) - https://github.com/seike460/s3ry - utakata (Serverless Slack Notificatier) - https://github.com/seike460/utakata ### Organizer - Serverless Meetup Fukuoka
## Frontend Conference ## Fukuoka 2018 テーマ
### 開発現場の「イマ」を知って、 ### フロントエンドをもっと楽しもう
## バックエンドの話をします
#### Agenda - バックエンドエンジニアの領域 <!-- .element: class="fragment" --> - 黒い画面見てるけどなにしてるの？ <!-- .element: class="fragment" --> - まとめ <!-- .element: class="fragment" -->
#### バックエンドエンジニアの領域 - そもそものエンジニアカテゴリ - フロントエンド - ブラウザから見える処理作成 - バックエンド - サーバーサイドの処理作成 - インフラ - フロントエンドのコンテンツ配信環境提供 - サーバーサイドの実行環境提供 - アーキテクト - 要件に最適なシステムをデザイン - プロジェクトマネージャー - 要件コントロールからプロジェクト進行まで
今回は以下をバックエンドの領域としてお話しします - バックエンド - インフラ - アーキテクト
### バックエンドの使命 # 高速安定稼働 <!-- .element: class="fragment" --> 上記を目指してフロントエンドを支えています <!-- .element: class="fragment" -->
## 黒い画面見てるけどなにしてるの？ バックエンド≒ 黒い画面みているみたいなイメージありませんか？  出典：いらすとや様
###### 開発(バックエンド) どんなデータが飛んできても適切に処理してエラーが発生しない フロントエンドと一緒、コーディング - HTTP Requestに対する処理を記述して適切にデータを返してます - Request - json - form-data - xml - x-www-form-urlencoded - Response - Json -> API - HTML -> 動的ページ - XML -> SOAP API
###### 環境構築(インフラ) どんなにデータが飛んできても遅くならない 
###### ミドルウェアインストール、設定、チューニング - ミドルウェアインストール、設定 - コマンド - yum - apt(apt-get) - ports - make - infrastructure as code - Ansible - Chef - Puppet
###### チューニング - WEB - 処理するプロセス数、プロセスが処理するコネクション数 - keep-alive - 転送データ圧縮 - キャッシュ用Header付与 - APP - 言語毎のチューニング - DB - APPからアクセスされるコネクション数 - 1コネクション内で利用するメモリサイズ - 全コネクション内で共有するメモリサイズ - ソフトウェアDBチューニング(Index等)
###### アーキテクチャ設計(アーキテクト) どんなにデータが飛んできてもダウンしない - 機器設計 - 社内、社外 - オンプレ、クラウド - Golbal IP、DNS - LB、FW、VPN - 3層アプリケーション - WEB (コンテンツ配信) - APP (API、動的HTML) - DB (データ取得元)
###### ServerlessArchitecture  - WEB (S3 + CloudFront) - APP (ApiGateway + Lambda) - DB (RDS or Dynamodb) Auto Scaleを利用可能 -> 安定稼働
###### 番外編 (運用時障害時) ダウンしてもすぐに復帰する - 障害検知 - 内部検知時 - 内部から把握出来ている情報 - 外部検知時 - 外から検出出来る範囲の情報 - お客様検知時 - 聞いた情報 `+` 実際の状況確認から原因を特定して対処
情報は増えた方が良いので、HTTP STATUS CODEを教えて上げてください - 404 Not Found <!-- .element: class="fragment" --> - URLと一緒に404エラーですって教えてください <!-- .element: class="fragment" --> - 403 Forbidden <!-- .element: class="fragment" --> - 優しくURLと一緒に403エラーですって教えてください <!-- .element: class="fragment" --> - 500 Internal Server Error <!-- .element: class="fragment" --> - たぶんミスに気付いてるのでそっとしてあげてください <!-- .element: class="fragment" --> - パニックに陥ってるなら「あれ～500番エラー出てますね」と独り言を <!-- .element: class="fragment" -->
#### まとめ - フロントエンドエンジニアカッコイイ - バックエンドも頑張っているよ (動いて当たり前と戦ってる) - 手を取り合って、インターネットを作っていきましょう
Thank you! Fusicは技術が大好きなエンジニアを募集しています https://fusic.github.io #### 最近デザイナーも募集し始めました！！！ #### 自分の色を出して、活躍したいWebデザイナー募集中！ https://www.wantedly.com/projects/265021 
Swipe to navigate
Previous
Next
Related Slides
Fukuoka LT 2019
2019/12/20
View
kixs vol.8
2019/10/26
View
ちびでべろっぱぁ〜ず #11
2019/8/3
View