「CSS」に関連する技術ブログ - TECH PLAY 技術ブログまとめ

「CSS」に関連する技術ブログ

企業やコミュニティが発信する「CSS」に関連する技術ブログの一覧です。

アクセシブルなPDFを作ろうとする理由

LINEヤフー Advent Calendar 2024の記事です。 Webアクセシビリティチーム中野です。 プロダクトとウェブサイトにおける、アクセシビリティの向上と啓発を行っています。 今年の...

Safariでのみヘッダーのz-indexが効かなかったときの対処法ログ

はじめに デジタルエンジニアリング部グロースエンジニアリング課の大石です。 CMSを使用した案件でHTML,CSS,JavaScriptを使ってサイト制作を行っていました。 その際に発生して困ったことと、解決までの道のりをまとめていきたいと思います。

ESLintのカスタムルールで治安維持活動をする - JSConf JP 2024

2024年11月23日(土)に開催されたJSConf JP 2024にて、ミイダスはプレミアムスポンサーとして参加しました。当日はスポンサーワークショップスペースで、ミイダスのフロントエンドにおける取り組みについて発表を行いました。本記事では、その発表内容を詳しくご紹介いたします。

A Kotlin Engineer’s Journey Building a Web Application with Flutter in Just One Month

A Kotlin Engineer’s Journey Building a Web Application with Flutter in Just One Month Hello. I am Ohsugi from the Woven Payment Solution Development Group. Our team generally engages in server-side programming with Kotlin/Ktor and is currently working at Woven by Toyota Inc. on the development of the payment system used in Toyota Woven City . Working in cooperation with our in-house business teams and partners to build Woven City, we have repeatedly conducted proofs of concept (PoC) to expand

入社3ヶ月の立場から見たカイゴジョブエージェント開発の現状と課題

こんにちは、2024年8月にエス・エム・エスに入社した鈴木と申します。 入社エントリーかつ、現在担当しているカイゴジョブエージェントについてお話します。よろしくお願いいたします! これまでの経歴 自社でWebサービスを提供している数社でエンジニアをやっていました。技術スタックとしては、オンプレミスサーバでPHP(Laravel、Zend、独自フレームワークなど)+jQuery+

Next.js: Static Exports のi18n(多言語)対応

こんにちは、XI本部プロダクト イノベーション センターの瀧川亮弘です。 現在、Next.jsの Static Exports により、Webサイトの構築を行っています。 本記事ではStatic Exportsの i18n (多言語)対応の実装方法を紹介します。 Static ExportsはNext.jsのアプリケーションを静的コンテンツ(HTML/ JavaScript / CSS /Image)としてエクスポートできる機能です。 Nodeサーバーが不要なため、S3などで簡単

文字ではなく色で見分ける

はじめに こんにちは、ニフティ株式会社の小林です。 最近、日常業務の効率化に向けて積極的に新しい方法を探求しています。 百聞は一見に如かず 文章での説明に加えて、視覚的な例を用いて質問をさせてください。 以下、左右にあるサイトを見比べて何が異なるのかを探してみましょう。 ※ 私の友達であるmyfriendGPTを利用し、適当にコンテンツを作成しています。

LINE公式アカウントのページ移行に伴うコンポーネント開発(インターンレポート)

初めまして。東京工業大学情報理工学院修士一年の池田むつきです。 私は2024年のサマーインターンシップで、LINE公式アカウントのフロントエンドの実開発に参加しました。今回のブログでは、実際にどのよう...

文系・未経験からWEB系エンジニアになるために学んできたこと

はじめに 皆さん、初めまして! WEBアプリケーション開発系のエンジニアとして採用された、2024年新卒入社のK.Iです。 私は学生時代は文系の出身でプログラミングとは無縁の学生生活でした。 そこから、とあることをきっかけにプログラミングやアプリ開発に興味を持ち、学習を続けてきた結果、ご縁あってマイナビに入社しました。 今回は、そんな僕が学生時代にWEB

2024年度自主開発_フロントエンド開発で学べたこと

こんにちは、 PS-SL アプリチーム新卒 1 年目の織田です。 6月から9月までの間、新卒研修の一環としてシステムのチーム開発を行っていました。作成したのは、旬の食材を用いたレシピを検索するシステムです。 私も含め計5名の新卒による開発体制で、私は主に React+JS でフロントエンドの開発を担当しました。今回は、フロントエンド開発を通して学んだことをブロ

MUI+Emotion(+ Next.js)でコンポーネントをスタイリングする

本記事は Reactウィーク 4日目の記事です。📍 3日目 ▶▶ 本記事 ▶▶ 5日目 📱 はじめに (簡単に)MUI/Emotionとは MUI Emotion 開発環境の準備 Next.jsのプロジェクト作成 インストール MUI/Emotionのインストール インストール Next.jsの設定 オリジナルアコーディオンコンポーネントを作成する 1.自作コンポーネントを定義する 2.MUIのCSSクラスを確認する 3.EmotionでMUIのデフォルトCSS

LIFULL HOME'S の UI 構築を手助けするコンポーネントカタログを作った話

プロダクトエンジニアリング部の海老澤です。 普段は LIFULL HOME'S の 賃貸領域 のフロントエンド開発をしています。 今回はLIFULL HOME'S の UI 構築を手助けするコンポーネントカタログ(以下「カタログ」)を作った取り組みについて紹介します。 最初にお断りしておくと、この「カタログ」はいわゆる 「デザインガイドライン」「デザインシステム」のことではありませ

UIアイコンの管理と実装をラクチンにする社内ツールとCDN

フロントエンドエンジニアの嶌田です。 アイコンは、UIデザインにおいて欠かせないパーツです。弊社が提供する不動産情報サイトであるLIFULL HOME'Sでも、多数のアイコンが使われています。 ウェブページにアイコンを埋め込む手段は無数にあります。あなたはいくつ言えますか? それぞれのメリットとデメリットについて説明できるでしょうか? この記事では、LIFULL H
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?