id:kizashi1122 です。 弊社では Re:lation という SaaS 型の BtoB サービスを展開しています。 認証方法はID/パスワードだけでなく、2FA や SAML 認証もサポートしています。 しかし 私自身も、本サービスを 2FA を利用して使っています。 しかしちょっと気…

はじめに フロントエンドエンジニアのrarayaです。今回は、弊社でのUIカタログ（Histoire）導入の経緯と、その有効活用方法について話したいと思います。しかし、正直に言うと現在は期待通りに活用できているわけではありません。この機会に、UIカタログの活…

皆さんこんにちは！フルスタックエンジニアというよりどっちつかずの hikaru-kimi です！！ 早速ですが、Vue.js の store 管理はみなさんどうされていますか？ Vue.js の store 管理といえば、今や事実上開発が終了して久しい Vuex ではなく Pinia であると…

みなさんこんにちはraraya99です。 前回のSentry導入記事の続編です。 blog.ingage.jp はじめに 前回の記事では、Sentryを導入するまでの方法を紹介しました。今回はSourcemapの導入とエラーハンドリングに焦点を当てます。 Sentryでエラー検知した際、Sourc…

みなさんこんにちは！バックエンドが嫌になるとすぐにフロントエンドに逃げようとする hikaru-kimi です！ 私はバックエンド・フロントエンド双方を業務で日常的に実装しているのですが、バックエンドとフロントエンドとで文法や記法がごちゃまぜになってし…

みなさんこんにちはraraya99です。4月にフロントエンドエンジニアとして入社し、ついに私の番がやってきました。 フロントエンドのSentry担当に任命されたため、今回は導入記事を書こうと思います。(おそらく3部作) はじめに 弊社はフロントエンドがVue.js、…

こんにちは！先日久々にフロント側を実装して、思いの外難なくプルリク作成できて安堵してる hikaru-kimi です！ 前回に引き続き、Vue.js3系の変更点について取り上げたいと思います！！ 今回は Teleport についてです！ Teleport とは、指定のテンプレート…

こんにちは！Vue.js へのコントリビュートを夢見てる hikaru-kimi です！！ Vue.js の3系が標準のバージョンとなってから1年以上経過しましたね！ 今更ながらではありますが、今回は Vue.js の3系の機能や変更点について紹介したいと思います！！ 今回紹介す…

みなさんこんにちは！最近サーバサイドばかり書いていてフロントエンドが恋しい hikaru-kimi です！ 前回は、JavaScript の関数定義の特徴についてご紹介いたしました！ 今回は、アロー関数とその他の定義方法の大きな違いの1つでもある this の扱いについて…

こんにちは！サーバサイドとフロントエンドの二刀流の hikaru-kimi です！ 突然ですが、JavaScript をコーディングする際、みなさんはどのように関数定義されますか？ 既存のコードに迎合する形で、言わば横展開のような形で関数を定義される方もいらっしゃ…

こんにちは。 @ishiyu です。 javascript や typescript を触っていると、たまにこの演算子は意味は何と思うことないですか？ 私はこういうことがよく起こります。このときググって調べるんですが、演算子で直接調べても出てこずイライラすることが多いので…

ESLint の no-multi-spaces で TypeScript のType 宣言の空白を許容させる

こんにちは。石田( @ishiyu )です。 今回は、弊社サービスRe:lation のIE11対応終了を受けて、IE11対応を終了することでエンジニア視点で得られるメリットを紹介したいと思います。 1. WebP対応 個人的に一番大きいのは、これかなと感じています。 WebP は、…

こんにちは。石田( @ishiyu )です。 今回はフロントエンジニアとして、HTML/CSS レイアウトについて説明したいと思います。 弊社は、自分以外にフロントエンジニアと呼べる人がいないため、失敗例も交えて説明できればと思います。 TL;DR 思ったより長くなっ…