らぼるてっく。

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

Figmaで作る、変更に強いWebデザイン

はじめに こんにちは‍ ラボルのUIデザイナー/フロントエンドエンジニアの寺岡です。 みなさんFigmaは使っていますか? 最近、UIデザインツールとしてトレンドであり、ラボルもUIデザインはFigmaを採用しています。 そんなFigmaですが、ただUIデザインを作る…

リモート開発で実現した僕のSemi-ultimate coding experience

PCが遅い問題を解決するため、ローカルPCの負荷をリモートサーバーに移すような環境を作りました。

アコーディオンUIのデザインからコーディングまで

はじめに こんにちは‍ ラボルのUIデザイナー/フロントエンドエンジニアの寺岡です。 みなさんはアコーディオンUIのデザイン・コーディングはどのようにしてますでしょうか? よくある質問とかに使われる、こういったUIですね。 「情報を階層的に定義する」・…

Vue.jsのコーディングスタイルとcomputedを使うべき理由

こんにちは、ラボルの@naoki_m05です。 ラボルでは、フロントエンドにVue.jsを使用しているのですが、コードレビューにて「ここはdataじゃなくてcomputedにした方がいいよ」という指摘がこれまでで10回以上ありました。 suggestion getCurrentYear()はcomput…

ALTER文を正しく安全に使うためのIntelliJの機能を紹介

こんにちは!! 新卒1年目の伊藤です。 今回の記事では、私がしてしまったALTER文にまつわる失敗とその再発防止に役立つIntelliJの機能を紹介していきます。 私がした失敗の再現 私が当時した失敗をsampleテーブルを用いて紹介します。 やりたかったことは既…

Illustratorの変数・アクションを活用して、CSVから名刺データを一括生成!

はじめに こんにちは‍ ラボルのデザイナーの寺岡です。 突然ですが、デザイナーのみなさん。名刺データってどうやって管理・作成してますか? 僕は今までスプレッドシートでテキストを管理して、Illustrator(デザインファイル)で情報を入力していく、という…

手動テストでコードカバレッジがほしい?IntelliJ's gotchu

IntelliJ っていいですよね。今回は IntelliJ のコードカバレッジを手動テストでも使えることがわかったので紹介します。

ラボルで定期実施しているシステム障害対応訓練について

こんにちは。ラボルのかわむらです。 ラボルでは、定期的に「システム障害対応訓練」を実施しています。 今回は、なぜそのような訓練を始めたのか、どういう感じで訓練しているのか、どのような成果が得られているのかについて紹介していきます。 なぜ訓練を…

CloudFormation nested stackを使ってECS Scheduled Tasksを簡単に設定する

こんにちは。ラボルのかわむらです。 金融サービス事業のlabolのシステムでは、定期的にいろいろなバッチ処理が「ECS Scheduled Tasks」上で動いているんですが、 それを「CloudFormation nested stack(以降CFn nested stack)」を導入して、簡単安全に追加・…

テックブログ始めました!!

みなさん初めまして、株式会社ラボルCTOの町田(@naoki_m05)です。 タイトルの通り、テックブログを始めることにしたのですが、そもそも株式会社ラボルについてまだ知らない人も多いと思うので、まず最初に簡単に説明させていただきます。 株式会社ラボルとは…