こんにちは。エージェンシー事業部でアプリケーションエンジニアをしている梅津です。 私が所属しているチームでは、日々機能追加や改善を行っているメインプロダクトの他に、社内の別サービスに向けてデータを提供するWeb API(以下、社内向けAPI)が存在しています。 この社内向けAPIはKotlin + Spring Bootで動いているのですが、それをTypeScript + Expressで作り直すというプロジェクトが進行しています。 今回はそのプロジェクトについてお話したいと思います。 社内向けAPIの概要 作り直す背景 何故KotlinやSpring Bootを使っていたのか 技術選定 プロ…

Restコントローラとは REST（Representational State Transfer）コントローラは、RESTful Webサービスのアプリケーションプログラムインターフェース（API）において、HTTPリクエストに応じてリソースの取得、作成、更新、削除（CRUD）などの操作を行うためのコントローラです。RESTful Webサービスは、HTTPプロトコルを使用してWebリソースを公開するアーキテクチャスタイルであり、RESTコントローラはその一部であると言えます。RESTコントローラはクライアントから送信されたHTTPリクエストを受け取り、それに応じて必要なリソースの操作を行い…

初めまして、AlphaDriveでWebアプリケーションエンジニアをしている水埜と申します。 本記事は、NewsPicks Advent Calendar 2022 の12/16 のブログとして記載させていただいています。 この記事でお伝えしたいこと 何が問題だったのか？ どのように改善していったか？ 1. OpenAPIを導入 2. リクエスト、レスポンスのTypeScriptの型を自動生成 3. パラメータのバリデーションを導入（予定） 4. 実際のレスポンスが定義通りかチェックするテストを自動生成(予定) まとめ この記事でお伝えしたいこと コードと分離したドキュメント(Excel)とし…

サーバを立てることができないためrocketchat等のOSSを使うことはできないが、共有ファイルサーバは存在するという環境。この共有のファイルサーバを使ってなんとかリアルタイムなコミュニケーションができないかと思った。以下のブログを参考に実装した。 sandambara.com 実装 構成 ブラウザアプリにしたかった。手軽にWEBサーバを構築できるNode.js+Expressを採用。ブラウザから定期的にサーバに問い合わせを行いファイルの行数をカウントする。ブラウザ側で保持しているカウントより多い場合は更新がったとして画面に反映する。 画面デザイン 画面はbootstrapを使用。チャットア…

プロダクトエンジニアリング部の佐藤です。 今回はLIFULLの開発において実際に使われている技術スタックの一例としてLIFULL HOME’S 引越し手続きを紹介いたします。 LIFULL HOME'S 引越し手続きとは Nuxt.js TypeScript Context Nuxt Community 認証 Nuxt 3に向けて まとめ LIFULL HOME'S 引越し手続きとは 住み替えの際、各事業者(電気・ガス・水道)の住所変更手続きを一括で申請できるサービスです。 主なシステム構成はこちらです。 Nuxt.js GAE(Google App Engine) Firebase 今回はN…

ネットにはグローバルにインストールする方法が多いのでローカルにインストールしてみる。 環境 Ubuntu 20.04 vscode 1.52.1 まずはjavascriptで動かす expressをインストールしたいフォルダに移動して、下記コマンドを実行 yarn add express-generator さらに、アプリの雛形を作成(ローカルでインストールする場合、npxで実行する必要がある) npx express <アプリ名> 指定したアプリ名のフォルダに移動して、下記コマンドを実行して足りないパッケージをインストール yarn install 下記コマンドを実行してlocalhost:…

POSTリクエストの処理を行う。 "use strict"; const express = require("express"); const app = express(); let todos = [ { id: 1, title: "ネーム", completed: true }, { id: 2, title: "下書き", completed: false }, { id: 3, title: "フルーツグラノーラ購入", completed: false }, { id: 4, title: "ブログタグ見直し", completed: true }, ]; app.use(ex…