クイック エンジニアリングブログ

株式会社クイック Web事業企画開発本部のエンジニアリングチームが運営する技術ブログです。

フロントエンド開発

サイズを固定できないVueコンポーネントのCLS対策はslotを使うとなんかいい感じ

こんにちは! 来月でクイックに入社して2年になりますソフトウェアエンジニアのponです! 昨年から話題だったCore Web Vitalsがついに先日のコア アップデートで追加されましたね。 クイックでもUX向上とSEO改善のためコアウェブバイタルの指標は注視してお…

今日からできるWebアクセシビリティ対応

こんにちは。フロントエンドエンジニアの hikaru です。 最近フロントエンドエンジニアの採用面談に同席する機会が多く、 採用の要件ではないのですが、興味本位で「アクセシビリティ対応したことありますか?」と質問することがあります。 が、いまだにひと…

エンジニアとデザイナーの連携を快適にする ~React+MaterialUI+Zeplinを活用して~

ソフトウェアエンジニアの王子です。 本日はエンジニア↔︎デザイナー間の連携を少しでも快適にしようと ReactとMaterialUIとZeplinを組み合わせて利用している話をさせて頂こうと思います。 とにかく作業時間を減らしたい 唐突ではありますが、例えば下図のよ…

ページの表示速度を改善し、CVRを上げた話

こんにちは。夏バテ継続中のsatopiです。 Webサイト制作に関わる方は「表示速度が○秒遅いと離脱率が▲%上がる」という記事をよく目にすると思います。 今回は「それって本当?そんなに変わらないでしょう?」と疑いを持っている方に捧げます……ッ! LPといえば…

CSSのプリプロセッサーとポストプロセッサーはどれがイイ?

毎日暑いですね。 そろそろ夏らしい髪型にしようかな〜とお考えの方や、 一年の季節は「夏夏夏秋」だと感じているそんなアナタに!! とっても涼しげな髪型の作り方を〜と、 前置きに長々書いたら「全部カットで。」と言われた二代目ツーブロック担当のbori…

マークアップ勉強会、はじめました

こんにちは、satopiです。 html5j マークアップ部が開催しているMarkupCafeを社内エンジニアに紹介したところ、「楽しそう」「勉強になりそう」「やってみたい!」と声が上がったので、マークアップ勉強会をはじめました! html5j マークアップ部のMarkupCaf…

Visual Studio Codeの導入

ここ数年間テキストエディタはSublime Textでコーディングしていましたが、Visual Studio Code(以下VSCode)ってどんなエディタなのか気になったので環境を整えてみました。