投稿者:

Advent Calendar 2023, CSS, フロントエンド

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

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

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

コードが汚い問題

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

投稿者:

AI, ChatGPT, CSS, HTML, フロントエンド

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

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

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

投稿者:

Advent Calendar 2021, CSS, HTML, JavaScript, jQuery

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

自己紹介

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

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

投稿者:

Advent Calendar 2021, CSS, Sass

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

前書き

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

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

投稿者:

CSS

序文

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

ダメな例

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

投稿者:

CSS, Jenkins

概要

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

Chromeで閲覧

Safariで閲覧

原因

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

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

投稿者:

CSS

游ゴシック・游明朝とは

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