「CSS」に関連する技術ブログ
企業やコミュニティが発信する「CSS」に関連する技術ブログの一覧です。
全424件中 181 - 195件目
【Salesforce】 Build Your Own (LWR) テンプレートを利用してみた
2022/09/16
ブックマーク
こんにちは。ISID CIT事業部の熊倉です。 本記事では、 Salesforce の Summer'21アップデートで正式リリース となったExperience Cloudの新しいテンプレート 『Build Your Own (LWR) テンプレート』 について紹介したいと思います。 Experience Cloud は Salesforce が提供しているWebサイトを構築できるサービスで、カスタマーサイトやFAQサイトといった Salesforce の他サービス（主にService Cloudです
世界共通のデザインシステム開発にStorybookを導入した
2022/09/13
ブックマーク
初めに KINTOテクノロジーズでフロントエンドエンジニアをしているクリスです。普段は多国籍のメンバーが在籍しており、チーム内のコミュニケーションは雑談でも技術的な話でも主に英語で行っているグローバル開発チームに所属して、様々な国に向けて現地サービス及びその裏で利用する管理画面を開発しています。同時に複数のプロジェクトを開発する際は、いか
ZOZOTOWN Webフロントエンドリプレイスにおける CSS in JS の技術選定で Emotion を選定した話
2022/09/13
ブックマーク
はじめに こんにちは。ZOZOTOWN開発本部フロントエンドの菊地（ @hiro0218 ）です。 現在、 ZOZOTOWN ではWebフロントエンド技術のリプレイスプロジェクトが進行しています 1 。本記事では、WebフロントエンドのリプレイスでCSS in JSの技術選定をした際の背景や課題についてご紹介します。 既存技術スタックの課題 リプレイス以前の環境は、Classic ASPのテンプレートエンジンに依
Nuxt3にStorybookとTailWindCSSを入れるまで
2022/08/26
ブックマーク
こんにちは。最近PCを買い替えましたたけろいどです。 Nuxt3にStorybookとTailWindCSSを入れるまで はじめに Nuxt3、RC1おめでとうございます。 本リリースまでが待ち遠しいです。 ちょうど社内用ツールの開発があったのでNuxt3を導入しStoryBookなどのエコシステムを入れてみました。 Nuxt2であればモジュールが存在しますので簡単にセットアップできますがNuxt3はまだその辺りが充
BASEのノーコードはどのように実現されているのか？
2022/08/24
ブックマーク
基盤チームの右京です。 BASE ではショップのデザインを誰でも簡単にできるような、いわゆるノーコードな機能を提供しています。 デザイン | BASE (ベイス) ネットショップを無料で簡単に作成 この記事では、そんなノーコードなシステムの裏側について、簡単にですが解説しています。 ショップページ配信の基盤システム ノーコードの前にまず BASE のショップページ(Shop
フロントエンド未経験のSREエンジニアが挑んだ技術選定のリアル体験
2022/08/18
ブックマーク
こんにちは！株式会社 ラク スの@kzak_24と申します。 インフラ開発部 SRE課に所属しております。 さて今回は、 現在 アサイ ンされている新規システムの開発プロジェクトにて、フロントエンドの技術選定を担当した時の経験 をまとめようと思います。 フロントエンドは未経験だった為、色々と試行錯誤を行いました。 未経験なりにどのような基準を設けて技術選定を行
共通UIコンポーネントで速くクオリティの高いプロダクトを開発をしたい。
2022/08/16
ブックマーク
目次 はじめに 共通UIコンポーネント とは 共通UIコンポーネント を作り、運用することのメリット デザインの一貫性やクオリティが保たれる 開発コスト&デザインコストを削減できる 実装時に考慮すると良いこと スタイルを適切なpropsで操作可能か コンポーネントのトップの要素にmarginをつけない 親や子の要素をお互いが知っている前提の実装をしない おわりに は
ラクスエンジニア・デザイナーに聞いてみた【自己研鑽について】
2022/07/25
ブックマーク
こんにちは。 ラク ス技術広報の syoneshin です。 今回は、 ラク ス開発本部のエンジニア・デザイナーを対象に、自己研鑽についてのアンケートを実施しました。 「自己研鑽」とは一般的に、 主体的に学んでスキルや専門知識を深め、自身の向上を促すこと を指します。 当社のエンジニア・デザイナーは普段、どのくらい自己研鑽に励んでいるのか、何をしてスキルや知
21 年新卒入社エンジニアと座談会で振り返る新卒研修
2022/07/22
ブックマーク
はじめに みなさん、こんにちは。エンジニアの新居です。 今回は 2021 年新卒入社のエンジニア 5 人に対し、 新卒研修 を終えてからこれまでにプロダクト開発業務を進めている中で、どのように新卒研修が活きているのかを振り返ってもらおうという座談会の様子をお送りしようと思います。 今までブログでお伝えしてきた新卒研修はメンター側の立場で書かれていまし
主催した社内勉強会の課題でアクセシビリティ的に優れているTODOリストの課題を出した話
2022/07/20
ブックマーク
初めに 最近全てのシステムは人間というシステムの運用開発であるという考えを持ち始めた, 会員システムグループの2年目社員の関です. システムにおいて最も重要なことは人間がいかに使いやすいかである と考えてアクセシビリティに興味関心を持ち, 社内に広げたいと考えています. TechDayという社内イベントのLTでアクセシビリティに関して話したりもしました. 今回
差分指向テスト（DOT: Difference Oriented Testing）という考え方
2022/07/08
ブックマーク
はじめに MNTSQ( モンテスキュー )株式会社 フロントエンド担当の安積です。 入社して4ヶ月とちょっと。 コードに取り組もうと入社して、まさに日々格闘しております。 私の後ろの席にはこんな バズ記事 書く人や、こんな イカつい記事 書く人が座ってまして、そんな プレッシャー 期待の中からお送りいたします。 tech.mntsq.co.jp tech.mntsq.co.jp 昨日はこんな記事も公開され
【2022年】新卒エンジニアの技術研修発表会を行いました！
2022/07/01
ブックマーク
技術広報の飯野です。 ラク スでは今年4月に11名のエンジニアが新卒入社しました。 入社後2ヶ月半は講師のもとで研修を行い、研修を経た後に配属となります。（今年度の研修はオフラインでの開催となりました！） 6/28に研修の集大成となる「技術研修発表会」が行われましたので、本投稿にて紹介させていただきます。 21新卒が執筆した昨年度の研修内容もよろしけ
BOXIL SaaSのフロントエンドをモノリポ構成 + Reactで仕切り直した話
2022/06/28
ブックマーク
こんにちは!! スマートキャンプでエンジニアをしている吉永( @__GGEasy )です！ 自己紹介記事はこちら 前回の記事はこちら 私は現在、スマートキャンプの主力サービスであるBOXIL SaaSの開発にフロントエンド、バックエンド問わず携わっています。 今回は、弊社で新規サービスとしてリリースしたBOXIL SaaS質問箱(以下SaaS質問箱)にて、React.js(以下React)を私の主導で採用しまし
XD、Figmaのデザインをコードに変換するツールを調べてみた
2022/06/27
ブックマーク
皆さん、こんにちは。X イノベーション 本部ソフトウェアデザインセンターの陳 欣瑩です。 デザイナーが作ったデザインカンプを実現するのが大変！という悩みを抱えているエンジニアは多いでしょう。 フロントエンド開発を ラク にするために、世の中にはデザインをコードに変換するdesign-to-code ツールが多く存在しています。 しかしそれらのツールは本当にフロン
デザインシステム導入しました
2022/06/22
ブックマーク
プロダクト開発部デザイナーの河村恵です。昨今、デザインシステムを用いた「UI / UXの品質担保」「トンマナの統一」「再利用性の向上による開発効率のUP」が注目されつつある中、一休.comでも本格的なデザインシステムの構築を目指し、プロジェクトが発足しました。 本記事では、プロジェクト発足から一休.comならではの課題・実際に作っているUIガイドラインについ