らぼるてっく。

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

Nuxtで受付システムを内製化しAWS Amplifyにデプロイしました!

はじめに ラボルのフロントエンドエンジニアの寺岡です。 最近、ラボルで受付システムを自社開発しました。 オフィスの受付でよく見る、来訪者がタブレットで社員を呼ぶやつですね。 このアプリケーションをNuxt × Amplifyの技術を使い、ほぼフロントエンド…

アプリケーション開発でGeneral logを用いた複雑なテストデータの作成(MySQL)

アプリケーション開発でGeneral logを用いた複雑なテストデータの作成(MySQL) ラボルでバックエンド担当している川村です。 複雑なアプリケーション開発において以下をしたい時、事前にテストデータを準備しないといけない場面が多々あると思います。 〇〇…

Babashkaを使えばClojureでShell Script作れるよ

こんにちは。ラボルのバックエンドエンドエンジニアの中垣です。 この記事はClojureを知ってる前提で書いてます。Clojureを知らない人はClojureをやってみるのをおすすめします。楽しいですよー。最初はBrave Clojureで基本を学べます。 この記事では、Cloju…

utf8mb4のCOLLATEの違いについて

はじめに こんにちは、新卒2年目のバックエンドエンジニアの伊藤です。 みなさんは、テーブル作成の際にCOLLATEを意識していますか? 文字の比較を行う際に文字コードと共に利用される要素のことをCOLLATEと呼び、 CHARSET毎に、デフォルトで設定されている…

ラボルで実施した、Vue2→Vue3移行手順と注意点を公開します!

はじめに こんにちは‍ ラボルのUIデザイナー/フロントエンドエンジニアの寺岡です。 今回はVue開発者向けの記事になります。 Vue2のバグ修正・セキュリティアップデートが、2023年12月31日に終了することをご存知でしょうか? ja.vuejs.org これ受けて、ラボ…

Vue2のv-tooltipからVue3のfloating-vueへの移行

はじめに こんにちは、ラボルのフロントエンドエンジニアのchi-satoです。 ラボルでは、フロントエンドのフレームワークでVue.jsを使用しているのですが、2023年12月末でVue2のサポートが終了するため、Vue3へのリプレイスを進めてきました。 その中で、Vue2…

入社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サイトに動きのあるデザインを実装したいな〜と思っている方にオススメです。 目次 はじめに 目…