らぼるてっく。

てっくてっく歩いてっく。

入社8ヶ月目の若手エンジニアがVue3/TypeScriptのプロジェクトにESLint/Stylelint/Prettier を導入した話

はじめに こんにちは、ラボルのフロントエンドエンジニアのchi-satoです。 ラボルでは先日、Vue3/TypeScriptのプロジェクトにESLint/Stylelint/Prettierを導入しました。 そこで、今回は ESLint/Stylelint/Prettierとは? 導入前のラボルの開発環境の課題 導…

MySQLでUTF-8を扱うならutf8mb3よりutf8mb4を使おう!

こんにちは、新卒2年目のバックエンドエンジニアの伊藤です。 みなさんは、テーブル作成の際にCHARACTER SET(charset)を意識していますか? 環境によっては、デフォルトで設定されていることもあり、意識しない人もいると思います。 ただ、このcharsetの設定…

JavaのOptionalとかを使ったらNull Safeなコードにできるよ

コード書けたあとに実行してみたらNullPointerExceptionが起きるのいやですよね。なので今回はNull Safeなコードにする方法を書きます。

GSAPで高度なアニメーション実装

はじめに こんにちは‍ ラボルのUIデザイナー/フロントエンドエンジニアの寺岡です。 今回は「GSAP」というアニメーション制作ライブラリの紹介になります。 Webサイトに動きのあるデザインを実装したいな〜と思っている方にオススメです。 目次 はじめに 目…

学生ハッカソン用にSpringBoot3とNuxt3でSPAのサンプルアプリケーションを作ったよ

ラボルの川村です。 この度学生ハッカソン用に、 BackendのAPIとしてSpringBoot3、FrontendとしてNuxt3を用いた認証付きCRUD操作が可能なサンプルプロジェクト を作成したので紹介します!コードはGitHubにあげてます。 github.com この記事では、サンプルプ…

AWS CodePipelineへ移行した時の失敗から得た学び

AWS

こんにちは、新卒2年目のバックエンドエンジニアの伊藤です。 ラボルでは先日、デプロイツールをJenkinsからAWSのCodePipelineに変更しました。 今回の記事では、その移行の際に自分が起こしてしまった不具合について体験談について書いていきます。 起きた…

ssh config の接続先をファイル分割してグルーピングしてみたよ

ラボルの川村です ところでssh config書いてますか? ~/.ssh/config に羅列しまくってて見通し悪くなってるんじゃないですか? 実はいい感じにファイル分割して、グルーピングできるんですよ。 (そんなに接続先多い人も少なそうですが...自分は多いので、こ…

UAでよく見ていた内容をGA4でみるには?サイト分析5選!

GA4

こんにちは! ラボルのUIデザイナー/フロントエンドエンジニアの清野です。 UA(UniversalAnalytics)で今までサイト分析をしてきたけど、GoogleAnalytics4(GA4)こんなに変わってどうしちゃったんだよって思ってるみなさん。 私も一緒です 今回は、UAでもよく…

新人エンジニアがAWS上でOSSのメール配信システム Mailtrainを構築

AWS

こんにちは、新卒2年目のバックエンドエンジニアの伊藤です。 1年間の開発経験を経て、先日AWS上での設定から実装までを初めて経験しました! 今回は、ラボルで利用しているメール配信ツールをMailtrainに切り替えるために、AWS上での構築を行った経験につい…

リアルユーザーモニタリングとは?CloudWatch RUMでサービス改善をがんばる

AWS

labolの川村です 皆さんは自分たちのシステムでモニタリングはされてますか? おそらく大抵の場合システムのモニタリングが実施されていることでしょう。 外形監視やCPU/メモリなどのリソース監視などたくさん監視対象があり、アラート設定なども数多くされ…