この数年でCSSは大きな進化を遂げてきました。かつてはJavaScriptやSassに頼っていたコーディング技術やスタイル管理も、今ではCSSだけで実現可能になっている部分もあります。また、ブラウザのサポート状況は日々改善されており、便利なCSS技術を実務レベルで活用できるようになってきていると感じます。
この記事では、CSSの新機能を紹介し、CSSの将来的な可能性について探っていきたいと思います。

Chrome 123 に追加されたCSS新機能（2024 ...

この記事は レコチョク Advent Calendar 2023 の3日目の記事となります。

はじめまして。
新卒2年目フロントエンドエンジニアの望月と申します。
音楽はK-POPアイドルが大好きです！

普段は採用サイトやPlayPASS Webサイト、レコチョクなどのサービスのフロント領域の開発を行っています。

コードが汚い問題

開発を行う上での悩みの一つに、コードが汚い問題があります。
その中でも、特に注意し ...

ChatGPTやMidjourneyなどのAIツールは、私たちの仕事に大きな影響を及ぼしています。
特に画像制作やWEB制作の分野では、多くのAIツールが新規参入し、一部では「AIに仕事を奪われる」という意見も耳にします。

しかし、AIを単なる敵としてみるのではなく、働き手としてのパートナーと認識することで、我々のクリエイティビティを増幅させ、効率を向上させることも十分可能だと私は考えています。

というわけで、この記事では、AIツールを駆 ...

この記事はレコチョク Advent Calendar 2021の12日目の記事となります。

自己紹介

みなさんこんにちは、入社一年目の山岸世良です。やませらって呼んでください。
最近は採用サイトの改修やアラカルト3サービスの対応などを行っており、HTML/CSS/JavaScriptをメインで触っています。

自分の担当サービスです。よかったらチェックしてください。
採用サイト
レコチョク
dミュージック powere ...

この記事はレコチョク Advent Calendar 2021の2日目の記事となります。

前書き

はじめまして！
好きなものはみかんゼリーとアイドル、嫌いなものはマンゴーゼリーと掃除機の音、おおくぼです。

普段はレコチョクで各サービスのウェブ画面を作るお仕事をしています。
直近は10月に始まったmurket(ミューケット)を作っています。
【隙あらば宣伝】murketについてはこちら → https://recochoku. ...

序文

カスケーディングスタイルシートというものはHTMLの領域ともjavascriptとの領域とも違う独自の文化があります。
レビューも困難を極めているのではないでしょうか。
コードレビューはできてもCSSはよくわからない・・・という人も多いと思います。
そこで私がよく使っている(た)CSSデザインパターンの一つを例示したいと思います。

ダメな例

前述のとおりCSSはコーディングでもスクリプトでもマークアップでもなく
ちょうどパワ ...

概要

Jenkinsでコードカバレッジ集計を行うClover pluginを利用した際、ブラウザによってはレポートページにCSSが適用されない。(Mac Safariで確認)

Chromeで閲覧

Safariで閲覧

原因

コンソールへ大量に出ているエラー通り

Refused to apply inline style because it violates the following Content Sec

游ゴシック・游明朝とは

游ゴシックおよび游明朝とは、字游工房さんで販売されているフォントです。
ディスプレイで見ても、印刷してもとても綺麗なフォントで、私もよく使います。
(メイリオは、ディスプレイでの映りを重視しすぎて、印刷するとなんか微妙です)
このフォントは2013年ごろより急激に知名度が上がりました。その切っ掛けは　Windows 及び Mac に標準でバンドルされたことです。
Windws であれば Windows 8.1 以降に ...