新しい擬似クラス:has()、:is()、:where()を使いこなそう ［CSS Modern Features no.1］ | gihyo.jp

2024/10/09 21 users where サイボウズ Has gihyo.jp ＩＳ

乗りこなせ！ モダンフロントエンド 新しい擬似クラス:has()⁠⁠、:is()⁠⁠、:where()を使いこなそう ［CSS Modern Features no.1］ 本連載について はじめまして！ サイボウズ フロントエンドエキスパートチームの麦島です。 本連載では、Webフロントエンドに関してもう一歩踏み込んだ知識について、サイボウズ フロントエ... 続きを読む

Webフロントエンドの複雑な状態同士の依存をzustandを使ってリアーキテクチャする - KAKEHASHI Tech Blog

2024/09/10 7 users nokogiri プラクティス イントロ カケハシ 依存

この記事は秋の技術特集 2024の 7 記事目です。 カケハシのAI在庫管理チームでフロントエンドエンジニアをしているNokogiri です。今回はAI在庫の入庫ダイアログを zustand を使ってリアーキテクチャした事例を元に取り入れたプラクティスを紹介したいと思います。 イントロ AI在庫では、ユーザーの入力を伴うフロントエ... 続きを読む

奥野さんと社員のリファクタリング部屋　-リポジトリ層のディレクトリをどう作る？- - トレタ開発者ブログ

2024/06/17 12 users ディレクトリ リファクタリング 奥野さん 社員 トレタ

「奥野さんと社員のリファクタリング部屋」は、リファクタリングに励むトレタの社員と技術顧問の奥野さん ( @okunokentaro ) の間で実際に行われた会話を切り取った開発現場実録コンテンツです。 技術顧問；奥野さん 三度の飯よりリファクタリングが好き。 今回の質問者: 武市さん トレタ在籍２年。沖縄在住のフロントエ... 続きを読む

CSS から React コンポーネントを生成する MistCSS

2024/03/23 52 users CSS React コンポーネント 昨今 パフォーマンス 影響

CSS から React コンポーネントを生成する MistCSS 2024.03.23 MistCSS は CSS in JS になぞらえた JS from CSS というコンセプトで、CSS から React コンポーネントを生成するツールです。ピュアな CSS を記述できるので、学習コストが低い、パフォーマンスに影響がないといったメリットがあります。 昨今のフロントエ... 続きを読む

デジタル庁でjQueryが何をしているのか - laiso

2023/12/14 399 users jQuery Drupal laiso バーター 国政

TL;DR: jQueryはDrupalのバーター リニューアルするたびにWeb界隈の一斉レビューを受けることでお馴染のデジタル庁ポータルサイトがいつの間にかまたリニューアルされていて、フロントエンドがNext.jsからDrupalに変わって話題になっていたので1、私も旅券所持者として国政に関心を持ってゆく また、まわりのフロントエ... 続きを読む

開発スピードを維持しながらモブプログラミングを実施した話

2023/07/04 57 users モブプログラミング 開発スピード ユビー データベース 要因

こんにちは、ユビーでプロダクト開発エンジニアをしている Sosuke Suzuki です。 最近、チームのエンジニア間の連携がいい感じだなーと思ったので、その要因の一つであるモブプログラミングについて、実践したことを紹介します。 はじめに 最近、私の所属するチームでは、データベース、バックエンド、そしてフロントエ... 続きを読む

バクラクビジネスカードの立ち上げで挑戦したフロントエンドの取り組み - LayerX エンジニアブログ

2022/12/22 5 users バクラクビジネスカード LayerX フロントエンド 開発

バクラクビジネスカードの立ち上げで挑戦したフロントエンドの取り組み LayerXでエンジニアをしている松本駿（toshi1127）です。 現在はバクラクビジネスカードとバクラク電子帳簿保存の開発に携わっています。 この記事はLayerX Tech Advent Calendar 2022の22日目の記事です。 バクラク事業部では、これまでフロントエ... 続きを読む

Yarn Workspacesを利用したMonorepo環境の構築 | PR TIMES 開発者ブログ

2022/08/22 7 users Yarn Workspaces Frontend やなぎ

こんにちは、フロントエンドエンジニアのやなぎ（@apple_yagi）です。 今年（2022年）の4月頃に、PR TIMESのフロントエンド開発基盤の構築を行い、各プロジェクトのリポジトリに散らばっていたReactで実装しなおした Frontend のコードベースを一つのリポジトリに集約することができました。 PR TIMESにおけるフロントエ... 続きを読む

⾷べログ フロントエンドエンジニアブログ を始めます！｜食べログ フロントエンドエンジニアブログ｜note

2020/07/09 20 users Note ロク フロントエンドエンジニアブログ 出典 スライド

ご挨拶食べログのフロントエンドってどんな印象でしょうか？ 「めっちゃ大変そう」でしょうか？ 出典：https://www.slideshare.net/YoshieYamamoto/ss-83840311 「食べログ　フロントエンド」でググるとこの記事が上位に表示されますので、この印象がある方もいるかと思います。 こちらのスライド「食べログのフロントエ... 続きを読む

Storybook による UI & Unit Testing のススメ - Mercari Engineering Blog

2018/12/19 76 users React StorYBook メルカリ フロントエンド構築

Mercari Advent Calendar 2018 19 日目です。 担当ははメルカリ JP フロントエンドチームの @nekobato がお送りします。 メルカリ フロントエンドチームでは主に React を利用してフロントエンド構築を行っており、 その中のWeb Rearchitecture では Storybook による UI Testing に取り組んでいます。 今回はフロントエ... 続きを読む

MicrosoftのNapa.jsでJavaScriptをマルチスレッド化する | PLAID engineer blog

2017/10/24 47 users Microsoft マルチスレッド化 JavaScript

今回の記事のテーマはNapa.jsを使ってJavaScriptでmulti-threadingをやってみる、です。こんにちは、プレイドの @makinoy です。 久しぶりのBlog投稿です。書こうとして止めていた記事はひとまず置いといて今回新しく一つ記事を書くことにしました。 テーマはNapa.jsを使ってJavaScriptでmulti-threadingをやってみる、です。 背景 フロントエ... 続きを読む

フロントエンドのテクニカルディレクションに求められるスキル - to-R

2015/11/11 84 users テクニカルディレクション to-R フロントエンド 職域 昨今

フロントエンドの多様化が進む中で昨今重要視されているのが「テクニカルディレクション」のスキルセットです。 会社の規模や職域、ビジネスモデルにより求められるスキルセットは異なりますが、中小のWeb制作会社を前提に話をいたします。 ディレクター/フロントエンドエンジニアの作業分担 ケースとしては以下のようなパターンが考えられます。 アサインされたディレクターがテクニカルディレクションを行い、フロントエ... 続きを読む

CSSの命名規則にBEMを取り入れてみる | dskd

2013/12/01 67 users BEM dskd Element block CSS

CSSの命名規則にBEMを取り入れてみる 2013/12/02 01:15 category : CSS 今年もあと一月ということでブログをリニューアルしました。ということでこの記事は BEM Advent Calendar 2013 １日目のエントリです。日付過ぎてしまいましたね。 BEMって何？ BEM とは Block, Element, Modifier の頭文字をとったもので、フロントエ... 続きを読む