dely tech blog

クラシル・TRILLを運営するdely株式会社の開発ブログです

フロントエンド

Google Optimizeでテストをしてる話

ごきげんよう! TRILL開発部のWebを担当しています、maseoです。 この記事は「dely #2 Advent Calendar 2020」19日目の記事です。 dely #1 Advent Calendar 2020 - Adventar adventar.org dely #2 Advent Calendar 2020 - Adventar adventar.org 昨日は HPdM…

Vue 2で書かれた個人プロジェクトをVue 3に書き換えてみた

はじめに こんにちは! クラシルWebのフロントエンドを担当しているall-userです。 今回は、とあるプロジェクトをVue 2からVue 3に書き換えてみたので、その過程と所感についてまとめたいと思います。 この記事はdely #1 Advent Calendar 2020 14日目の記事…

Vue.jsでカスタムディレクティブを使ってユーザーの「見てる」を可視化する

目次 目次 はじめに とある日のこと カスタムディレクティブとは やりたいこと クラシルのデータ分析基盤 イベント定義シート イベントパラメーター型定義シート サンプル実装 カスタムディレクティブのコード Vueコンポーネントに適用してみる クラシルWeb…

思わずへ〜ってなったTypeScriptのトリビア10選

はじめに こんにちは、フロントエンドエンジニアのall-userです! これはdelyアドベントカレンダー9日目の記事です。 昨日はプロダクトデザイナーのkassyさんプレゼンツ「デザインとエンジニアリングをつなぐために重要な3つのこと」でした。 dely.design 開…

1px の変化も見逃さない!ビジュアルリグレッションテスト導入で快適フロントエンド開発

こんにちは!dely でフロントエンドの開発をしています @all__user です。 今回は kurashiru のフロントエンド開発に導入されたビジュアルリグレッションテストについてご紹介したいと思います。 【反応を多くいただいた点について記事の最後に追記しました…

スモールスタートではじめるSSR

こんにちは。delyでフロントエンドを担当している@all__userです。 今回はkurashiruでSSR(Server Side Rendering)を導入した事例についてご紹介したいと思います。 目次 目次 要約 経緯・背景 SSRの導入 SPAのSEO対策 SSRのコスト Rendertronの採用は見送…

【Vue.js】算出プロパティの仕組みについて調べてみた

この記事はdely Advent Calendar 2018の21日目の記事です。 Qiita: https://qiita.com/advent-calendar/2018/dely Adventar: https://adventar.org/calendars/3535 前日は、iOSデザインエンジニアの John が デザインについてエンジニアなりに意識しているこ…

jQueryへの依存を外す方法

こんにちは!dely でフロントエンドエンジニアをしている @all__user です。 この記事は dely Advent Calendar 2018 の8日目の記事です。 Qiita: https://qiita.com/advent-calendar/2018/dely Adventar: https://adventar.org/calendars/3535 昨日は、iOSエ…