RAKSUL TechBlog

RAKSULグループのエンジニアが技術トピックを発信するブログです

TypeScript

数百件の型エラーを一旦無視して、テストコードに型チェックを導入した話

はじめに こんにちは! ラクスル Advent Calendar 2025 17日目を担当する、ラクスル事業本部 25新卒エンジニアの酒井です。 ラクスルの印刷 EC サービスのフロントエンドは主に Vue.js + TypeScript で開発しており、ユニットテストには Vitest を使用してい…

StepFunctions を CDK + Typescript で構築するサンプル集 feat. JSONata

はじめに こんにちは。ノバセル事業本部の星野です。 この記事は ラクスル Advent Calendar 2025 ノバセル テクノ場 出張版2025 Advent Calendar 2025 の 6 日目です。 最近の業務で、AWS Step Functions によって Web サービスを構築する機会がありました。…

リモートMCPサーバーで実現するSlack×AI連携

はじめに こんにちは!ラクスルのコーポレートアプリ開発グループ に所属している高橋です。 最近、AIツールの社内活用を推進する中で、セキュアなアクセストークン管理を実現するSlack MCPサーバーを実装しました。 Model Context Protocol(MCP)は、AIモ…

React Hooks 深掘り:useClickAway と 最新のRef パターンについて理解する

この記事は ノバセル Advent Calendar 18 日目です。 ノバセル新卒3年目の田村(tamtam)です。最近ではJapanglish Techの主催をしています。 この記事では、React Hooksの一つである useClickAway フックについて深掘りし、コールバック関数の最新化をイベン…

Composition APIのsetup関数をいい感じに分割したい

こんにちは、ハコベル事業本部ソリューションスクラムチームの大川です。 この記事はRaksul Advent Calendar 2021 18日目の記事です。 ソリューションスクラムチームではハコベルコネクト を開発・運用しています。 ハコベルコネクトは物流における配送依頼…

Vue.js v2 Composition API + Vue Apollo v4 で得られた知見

はじめに はじめまして、2021 年に入社した新卒の宮﨑です。現在はラクスル事業本部フロントエンド開発部に所属しています。RAKSUL Advent Calendar 2021 5日目はフロントエンドに関する話題です! 弊社ではいくつかのサービスで GraphQL を使用しており、ク…

「既存プロダクトに最小構成で TypeScript を導入」してみた感想

こんにちは。印刷のラクスルでフロントエンドを担当している菅野です。 以前本ブログで「既存プロダクトに最小構成でTypeScriptを導入する」という記事を投稿した者です。 上記記事はそれなりの数の方々に読んでいただけたようで嬉しく思います。 今回は、上…