SCSKの畑です。9回目の投稿です。 今回は、 6回目 のエントリで少し言及したアプリケーションの初期化処理について、詳細について記載してみます。 アーキテクチャ概要 そろそろ食傷気味かもしれませんがいつもの図を。今回はほとんどアプリケーション側の話題ですが、一部 Amazon Cognito 認証の話が出てきます。 背景 これまでのエントリで説明した通り、本アプリケーションではテーブルのステータス（編集状態）管理が重要となりますが、中でもステータスの初期化をどのタイミングで実施するかというのが特に重要と

こんにちは！ 株式会社ココナラ フロントエンド開発グループのよしみんです。 突然ですが、エンジニアのみなさん。フレームワークは何を使っていらっしゃるでしょうか？ ココナラスキルマーケットのフロントエンドの大部分ではNuxt.jsを使用しています。 Nuxt.jsは2025年1月16日現在v3.15.2を最新バージョンとしていますが、Nuxt4へのアップデートが予定されています。 2022年11月16日にリリースされたNuxt3ではVueのバージョンが上がったこともあり、Nuxt2から破壊的な変更も多く、ア

SCSKの畑です。6回目の投稿です。 今回も引き続きアプリケーションにおける排他制御の話題ですが、よりアプリケーション側の実装にフォーカスしています。 はじめに 第一回 で整理していた排他制御の要件は以下の通りです。 主にデータベース/DWH 上のテーブルデータのメンテナンスを実施するアプリケーション 以下の要件に基づき、アプリケーション側で排他制御（ロック）を実装 テーブルデータ編集時に、テーブル単位での排他制御（ロック）を行う 外部キーを持つテーブルのデータ編集時には、外部キーの参照先テーブルについて

SCSKの畑です。5回目の投稿です。 第一回 の続きです。今回は、前回説明した排他制御の仕組みをアプリケーションからどのように使用しているかが主な内容となります・・が、それだけだと書くことがほぼなくなってしまうので、使用するための前提条件などを補足しながらにしようと思います。 アーキテクチャ概要、及び排他制御に使用したサービス / コンポーネント 今回はほぼ AppSync & アプリケーションの話ですが、排他制御の仕組みを使用するにあたりメンテナンス対象である Redshift についても補足が

SCSKの畑です。4回目の投稿です。 今回は、現在作成中の WEB アプリケーションにおいて、どのように排他制御を実装したのかについてまとめました。ただ、内容が長くなりそうなので、何回かに分けて記載していこうと思います。 排他制御が必要となる機能要件について 初回のエントリ に記載通り、現在作成中の WEB アプリケーションの主機能はデータベース/ DWH 上のテーブルデータのメンテナンスとなっています。どのようにテーブルデータのメンテナンスを行いたいか（＝どのような機能要件か）というのは案件ごとに差異は

SCSKの畑です。3回目の投稿です。 分量多めのエントリが続いたので、今回は小ネタです。 アーキテクチャ概要 今回はおおよそアプリケーション部分（下図で言えば Nuxt.js）及び Amazon Cognito に閉じた話になりますが、一応載せておきます。解決策のセクションで AppSync や Lambda についても言及はしますが・・ 小ネタ本題 現在作成している Web アプリケーションでは、上図の通り Cognito でユーザ認証したり、AppSync API を実行している関係上、モジュールとし

こんにちは、クラウドエースの赤嶺と賀です。 今回は単体テストに使用した「Vitest」というツールについて、 同僚の賀と一緒に調査し、思ったこと感じたことをご紹介します。 Vitest とは Vitest は、JavaScript と TypeScript のテストフレームワークで、特に Vite プロジェクトと連携して高速なテストを実行できます。 軽量で設定が簡単なため、効率的にテストを行い、プログラムのバグを素早く検出・修正できます。 今回 Vitest を導入した理由 1．高速なパフォーマンス 　　

こんにちは、クラウドエースの赤嶺と賀です。 今回は単体テストに使用した「Vitest」というツールについて、 同僚の賀と一緒に調査し、思ったこと感じたことをご紹介します。 Vitest とは Vitest は、JavaScript と TypeScript のテストフレームワークで、特に Vite プロジェクトと連携して高速なテストを実行できます。 軽量で設定が簡単なため、効率的にテストを行い、プログラムのバグを素早く検出・修正できます。 今回 Vitest を導入した理由 1．高速なパフォーマンス 　　

株式会社エス・エム・エス Advent Calendar 2024 シリーズ 2の12月19日の記事です。カイポケリニューアルプロジェクトでエンジニアリングマネージャーをしている荒巻( @hotpepsi )です。この記事では、カイポケリニューアルプロジェクトでのフロントエンドチームの2年間の活動をお伝えしたいと思います。 qiita.com フロントエンドチームの発足 2022年末、ユースケースをもとに、フロントエンドとバックエンドそれぞれで開発していくことになり、フロントエンドチームが発足しました。

この記事は、 ニフティグループ Advent Calendar 2024 17日目の記事です。 はじめに こんにちは！新卒1年目の佐藤です。 現在ジョブローテの２期目で、基幹システムグループにて代理店様向けの申込ツールの開発・運用を主に行っています。 私が担当している開発の１つに ドキュメントのMarkdown化 があります。 この開発ではStarlightというフレームワークを使用したので、これについて紹介したいと思います！ 背景 チームの設計書管理について 私が現在所属しているチームでは前までExce

はじめに こんにちは！ 株式会社ココナラココナラ募集部のひびきです。 最近の生成AIツールの進化は凄まじいですよね。毎日魅力的な生成AIツールがリリースされていて、どのツールを使うべきか迷ってしまいます。 そんな生成AIツール業界の中でも、コーディング支援ツールとして群を抜いて人気なものとしてあげられるのはCursorとGitHub Copilotの2つになるのではないでしょうか？ 私は普段、Hono, Ruby on Rails, Next.js, Nuxt.js, Go などを使ってフロントエンドから

この記事は every Tech Blog Advent Calendar 2024 9 日目の記事です。 はじめに こんにちは。DELISH KITCHEN開発部の村上です。 DELISH KITCHENでは、これまでの『レシピ動画アプリ』から『AI料理アシスタント』を目指すべく、これまで以上にAI領域に力を入れています。詳しくはこちらにも記載があるので、ぜひご覧ください。 AI/LLMでtoC向けサービス

この記事は 一休.com Advent Calendar 2024 7 日目の記事です。 宿泊事業本部　ユーザー向け開発チームの原です。 一休.com と Yahoo!トラベルの主にフロントエンドの開発を担当しています。 今回は、普段の開発でコードを書き始める前段階で Design Doc を作ることで、円滑な開発を進められるようになったというお話をします。 チーム構成について まず、前提を共有するために私達が普段どのような体制で開発しているかを説明します。 私が所属している宿泊事業本部 ユーザー向け開発

はじめに 皆さんこんにちは！エンジニアの細川です。 皆さんは環境変数を扱うときに型付けをどのように行っていますか？ いろいろ方法はあると思いますが、今回はNestJSでt3envというパッケージを利用する方法について紹介したいと思います！ t3envはESMOnlyのパッケージになりますので、NestJSでESMOnlyパッケージを利用したい方の参考にもなれば幸いです！ 注意点 今回紹介する方法はNode.JSのver.が22以上でないと利用できません。 前提 今回の各パッケージなどのバージョンは以下にな

CTO室プラットフォーム開発チームのいがにんこと山口( @igayamaguchi )です。 先日、Vue Fes Japan 2024が開催され、一休は登壇とスポンサーをしました。その紹介をします。 Vue Fes Japan 2024が開催 10月19日(土)に日本最大級の Vue.js カンファレンス、 Vue Fes Japan 2024 が開催されました。一休は当カンファレンスでプロポーザル採択による発表と、ランチスポンサーとしてランチセッションでの発表を行いました。この記事ではその発表の概要を