真っ当な技術を使ったふつうのWebサービス開発
•4 likes•1,345 views
Report
Share
Download to read offline
ログミーTech Live #2「レガシーシステムのリニューアル」公園資料
More Related Content
Similar to 真っ当な技術を使ったふつうのWebサービス開発
Similar to 真っ当な技術を使ったふつうのWebサービス開発(20)
真っ当な技術を使ったふつうのWebサービス開発
- 2. 野崎翔太 / @emonkak Vimmer / Haskeller ログミー唯一のエンジニア OSS Feedpon - LDRライクなフィードリーダー emonkak/php-di - 高速なDIフレームワーク emonkak/php-orm - object-mapperスタイルの軽量ORM emonkak/php-enumerable - LINQ to ObjectsのPHP移植 自己紹介 2 / 26
- 13. 構成技術 PHP(FastCGI) nginx MySQL memcached crond モノリシックシステム 今後はレコメンド処理をマイクロサービス化を予定 バックエンドの構成 13 / 26
- 14. PHP-FIG(PHP Framework Interop Group)という組織が出している PSR(PHP Standard Recommendation)という標準勧告がある Javaで言う所のJSR(Java Specification Request) PSRはPHPコミュニティでかなりの影響力がある HTTPサーバーのインターフェイスを定義したPSR-15(HTTP Server Request Handlers)がある PHPにおける標準化 14 / 26
- 15. interface RequestHandlerInterface { public function handle( ServerRequestInterface $request ): ResponseInterface; } interface MiddlewareInterface { public function process( ServerRequestInterface $request, RequestHandlerInterface $handler ): ResponseInterface; } PSR-15のインターフェイス 15 / 26
- 17. JavaのPersistence API(JPA)のような永続化に関するPSRはない Object-MapperスタイルのシンプルなORM emonkak/orm を独自開 発 Entityはプレーンなオブジェクトとして定義可能 このORMに依存するのはRepositoryの実装のみ 永続化とORM 17 / 26
- 18. public function articleOfId(ArticleId $articleId): ?Article { return $this->grammer ->getSelect() ->with(Relations::oneToOne( 'eye_catch', 'images', 'eye_catch_id', 'image_id', $this->pdo, new ObjectFetcher(Image::class), $this->grammer->getSelect() )) ->from('articles') ->where('articles.article_id', '=', $articleId->getId()) ->getResult($this->pdo, new ObjectFetcher(Article::class)) ->firstOrDefault(); } Repositoryの実装 18 / 26
- 19. ユーザーにはドメインモデルで表現される形とは違う見せ方をしたい場 合がある CQRS(Command Query Responsibility Segregation)の考え方を活 用してコマンドモデルとクエリモデルに分ける データの更新を対応するコマンドモデルはドメイン知識を反映したドメ インモデル データの読取を対応するクエリモデルをプレゼンテーション用のモデル として新たに実装 実装としてはアプリケーション層に FooData、FooQueryService と いう名称で作成 これはドメイン層における Entity と Repository の関係と一緒 CQRSの活用 19 / 26
- 22. jQueryの時代はこんなコードを各所に書いていました $('#js-button').on('click', function() { ... }); コンポーネント単位での再利用が難しい 要素とJSのコードが離れてしまっていて管理が難しい Reactなら ReactDOM.render() をどこに書くべきかとう問題が生じ る JSのブートストラップをどこでやる か問題 22 / 26
- 23. Web Componentsはカスタム要素(タグ)を作るためのAPI群 モダンブラウザはネイティブサポート IE11はPolyfill必須 Custom Elementのみ使用 Shadow DOMは使わない HTMLElementを継承したComponent実装のための基底クラス StatefulComponentを作成 ReactライクコンポーネントAPI テンプレートの描画にはlit-htmlを利用 コンポーネント間のメッセージングにはCustomEventを活用 全部で400行程度のコンパクトな実装 WebComponents + lit-html 23 / 26
- 24. インフラ構成 24 / 26
- 25. Pull RDS(MySQL) ECS Service(Fargate) S3 Cloudflare Application Load balancer App Container (PHP-FPM) ElastiCache (Memcached) Proxy Container (nginx) Scheduler Container (PHP+crond) CodePipeline Push GitHub CodeBuild Deploy Lambda ECR インフラ構成 25 / 26