無償のクラウドＷｅｂアプリ開発環境K5 Playgroundを聞いてきた

８月１９日、オープンデベロッパーズカンファレンス２０１７に行ってきて、

Cloud Applications by K5 Playground

を聞いてきたので、メモメモ

---

・自己紹介

・Ｋ５
　富士通のクラウドサービス群のブランド
　Ｋ５→なれっじ＋５たいりく

・IaaSとPaaSを提供

・機能はいろいろある
　　→ご紹介資料が１８３ページ

・主な開発者向けサービス
　CloudFoundry
　APIマネージメント
　Githubエンタープライズ
　IoT基盤

・Ｋ５とクラウドサービス
　ところで、クラウド用のアプリって、どう作ればいいの
　The Twelve-factor App
　　→Herokuのエンジニアが２０１２年に提唱

　コードベース：いろんな環境

　依存性を明確に

　config

　バックエンドサービス
　　ＵＲＬで提供されるサービスを利用しよう！
　　それがローカルでもリモートでも

　ビルド・リリース・実行

　プロセス：アプリの中にステートを入れるな！超重要

　ポートバインディング：機能はポートを通して提供

　コンカレンシー

　ディスぽーざびりてぃ；停止・たちあがり・破壊前提

　環境の一致

　ログ

　コマンド一回たたいて管理

・何をどう作る
　ステートレスなＡＰＩサーバー
　交換可能なバックエンド
　リポジトリでコード管理
　コンテナベースのＰａａＳ

・何をしてはいけない
　秘伝の実行環境：サーバーは壊れるもの
　アプリがステートの塊

・イマドキのＷｅｂアプリって、どう作ればいい？
　こういうの作りたい
　Ｗｅｂアプリケーションのこれまでの経緯
　　　ものりしっくパターン
　　　マイクロサービスパターン：ＲＥＳＴ　ＡＰＩ

　ブラウザとモノリシック
　　　フレームワーク選定が重要だった

　アプリ　＆　モノリシック
　　　ネイティブアプリの登場

　ブラウザー＆Ａｐｐ
　　　モバイルファースト
　　　二重開発（ＡＰＩが強くなる）

　ＳＰＡ　モノリシックＡＰＩ

　ＳＰＡ～マイクロサービス
　　フロント：バックエンドはＪＳＯＮ返してくれればＯＫ
　　バックエンド：責務最小化

　ＳＰＡ～オーケストレイテッドＡＰＩ
　　ＡＰＩゲートウェイを介す
　　API as a Product

　ＳＰＡ～ＢＦＦ(Backend for frontend)
　　フロントエンドに優しいＡＰＩサーバー

　ＳＰＡならＢＦＦなら満たせるのでは？

・ＳＰＡ
　　フレームワーク選定
　　言語進化への追従
　　ビルド
　　静的解析やフォーマッタ
　　テスト

・ＡＰＩの設計
　　Ｒｅｓｔｆｕｌ／ＧｒａｐｈＱＬ
　　ＡＰＩ　Description Languageの導入
　　ＡＰＩドキュメント
　　バックエンドサービスの利用

・おてがるに：スターターキット
　作ってみた
　K5Playground
　→グーグルで検索

・K5 Playground
　クラウド用のＷｅｂアプリを作るツール
　無償で利用できる

・作れるアプリ
　SPA
　開発環境・設定
　ＢＦＦ：Swaggerも

・ＢＦＦ用のロジックも用意
　
・使い方
１．ＳＰＡを選択します
　テンプレートがあります
２．ＵＩデザインをカスタマイズ
３．ＢＦＦ
　　ＡＰＩを編集
　　ロジックのカスタマイズ

・Ｋ５プレイグラウンドのＳＰＡ概要
　ＲｅａｃｔとＦｌｕｘ

・Ｒｅａｃｔ
　　複雑なＶｉｅｗをつくる
　　コンポーネント＆ライフサイクル管理
　　ＤＯＭ

　Ｆｌｕｘ
　　アプリのＳｔａｔｅを単一方向のデータフローで管理

・どこでＲｅａｃｔ使われていいるの
　　React developer Toolを使うとわかる
　　ＡｉｒＢｎＢ
　　Ｌｙｆｔ
　　ＵＢＥＲ
　　ＮｅｔＦｌｉｘ
　　ＡｂｅｍａＴＶ
　　Ｔｗｉｃｈ
　　キックスターター
　　いんすた
　　あめっくす、びざ、ぺいぱる
　　ＮＹＴimes
　　Ｗｉｒｅｄ
　　Ｄｒｏｐｂｏｘ
　　Apple

　ふれっくすぼっくす　しらなくてもＯＫ
　ＵＩ部品群、チャート、テーマ機能

・ＢＦＦ
　Node.js：Expressベース
　Swagger-Node
　バックエンドだけで検証できる

・Ｋ５Ｓｈｏｗｃａｓｅ
　クラウドアプリ開発のチュートリアルサイト
　料理のようにアプリが作れる

・開発スタイル
　Ｇｉｔｈｕｂ　Ｅｎｔｅｒｐｒｉｓｅ
　デプロイさきは、くらうどふぁうんどりー

・デモ
　登録必要なし。無償
　ダウンロードして、ローカルでためせる
　showcaseにチャットボットの作り方

・フロントエンドにとっての12FactorAppとは？