@swc/jestで手間をかけずにテストを早くする - ドワンゴ教育サービス開発者ブログ

2024/02/26 11 users SWC Jest Bun Vitest 手間

こんにちは、ドワンゴ教育事業 Web フロントエンドチームの猪井です。 この記事では babel-jest から @swc/jest に移行することで Jest によるテストが速くなった事例について紹介します。 JavaScript のテストツールは、Vitest のバージョンが 1 を迎えたり Bun が登場したりして、よく使われる Jest 以外にもよさそう... 続きを読む

飛んでくる「マサカリ」をどう受け止めるか。鹿野壮が実践する「アウトプットを守る」3箇条

2024/01/17 117 users まさかり 鹿野 アウトプット TypeScript・CSS

飛んでくる「マサカリ」をどう受け止めるか。鹿野壮が実践する「アウトプットを守る」3箇条 2024年1月17日 フロントエンドエンジニア 鹿野 壮 九州大学芸術工学部音響設計学科卒業。現在は株式会社マネーフォワードで、フロントエンドチームのリーダーをしている。とくにTypeScript・CSSが好きで、暇があればコードを書... 続きを読む

【新連載】アウトプットこそ最高のインプット。鹿野壮が語る「自分が一番トクする」アウトプットの力 | レバテックラボ（レバテックLAB）

2023/10/31 22 users レバテックラボ 鹿野 レバテックLAB インプット リーダー

【新連載】アウトプットこそ最高のインプット。鹿野壮が語る「自分が一番トクする」アウトプットの力 2023年10月31日 フロントエンドエンジニア 鹿野 壮 九州大学芸術工学部音響設計学科卒業。現在は株式会社マネーフォワードで、フロントエンドチームのリーダーをしている。とくにTypeScript・CSSが好きで、暇があれば... 続きを読む

Web フロントエンドチームの紹介 - ドワンゴ教育サービス開発者ブログ

2023/07/20 14 users web ドワンゴ教育サービス開発者ブログ 三橋 紹介 予備校

はじめに こんにちは。N 予備校 Web フロントエンド開発チームの三橋です。 この記事では Web フロントエンドチームについてご紹介します。 メンバー(実施時点 9 名)にカジュアル面談でよくご質問いただく項目を含めたアンケートに協力してもらいました。 チームメンバーの雰囲気を知りたい チームメンバーがどんな働き... 続きを読む

Clean Agileを読みました｜食べログ フロントエンドエンジニアブログ｜note

2022/12/14 23 users Clean Agile Note ロク 要約 荒川

こんにちは。食べログのフロントエンドチーム の荒川です。 先日、「Clean Agile 基本に立ち戻れ」を読みました。 本日はこの本の要約を、私たちのチームの活動を交えてご紹介しようと思います。 著者の Robert C. Martin氏は、アジャイルマニュフェストの創案者の一人で、 国際的なソフトウェアコンサルティング、スキ... 続きを読む

ヤプリのフロントエンドにおけるテスト戦略について話しました #Yappli Tech Conference 2022 - Yappli Tech Blog

2022/10/18 10 users ヤプリ フロントエンド テスト戦略 フロントエン 平川

皆さんこんにちは。プロダクト開発本部・フロントエンドチームの平川です。 Yappli Tech Conference 2022で 「フロントエンドにおけるテスト戦略」というテーマで登壇しました。 アーカイブ動画 youtu.be スライド 発表概要 ヤプリのフロントエンドは管理画面であるCMSを開発しています。 歴史的経緯もありフロントエン... 続きを読む

Sentry の運用を最適化して継続していく - スタディサプリ Product Team Blog

2022/10/03 10 users Sentry フロントエンドエンジニア 打ち手 半年 運用

こんにちは。フロントエンドエンジニアの @sakamuuy です。 私たちのチームではエラートラッキングに Sentry というサービスを利用しています。この運用を開始して半年が経過しました。 今回は私が所属するフロントエンドチームでのSentry運用について、苦労したこととその打ち手についてお話したいと思います。 はじめ... 続きを読む

フロントエンド技術負債解消WG「除雪部」を立ち上げた話 - hey Product Blog

2022/08/02 20 users hey Product Blog stores HEY 以下

はじめに hey のネットショップ開設サービス「STORES」 の開発フロントエンド組織で EMをしています、 daitasu と申します。 2022年の上半期、私たちのフロントエンドチームで「除雪部」という技術負債解消ワーキンググループ(以下、WGとします)を立ち上げました。 この記事では、「除雪部」とは何なのか、なぜ設立した... 続きを読む

全てを書き換え続ける。N 予備校 Web フロントエンド実装 6 年のあゆみ - ドワンゴ教育サービス開発者ブログ

2022/04/08 155 users あゆみ フロントエンド実装 予備校 web berlysia

はじめに ドワンゴ教育事業 Web フロントエンドチームの berlysia です。 ドワンゴ教育事業が提供するオンライン学習サービス『N 予備校』は、この 4 月でリリース 6 周年を迎えました。N 予備校の Web フロントエンドはリリース以来、全面的な書き換えを行い、今も続けています。 この記事では書き換えに伴う N 予備校... 続きを読む

同時多発的に価値創出していく Ubie Discoveryのフロントエンド開発 / 20211127 JSConf JP Ubie Discovery

2021/11/27 8 users Ubie Discovery 同時 フロントエンド開発 価値

Transcript 同時多発的に価値創出していく Ubie Discoveryのフロントエンド開発 2021/11/27 JSConf JP 2021 Ubie株式会社 Kaneno Yoshie @empitsu 2 自己紹介 Kaneno Yoshie / @empitsu 食べログのフロントエンドチーム →2021年6月に Ubie Discoveryにソフトウェアエンジニアとして入社 3歳の娘がいます。 オンライン大... 続きを読む

ep.99『Web流入とCore Web Vitalsの探求 - LINEバイトのサマーインターン2021』 | UIT INSIDE

2021/10/01 8 users UIT INSIDE 探求 サマーインターン 流入 インターン

@spring_raining がインターンとして参加された @kota.arai に、LINE バイトチームで取り組んだ Web 流入改善の取り組みについて聞いてみました。 ゲスト紹介 @kota.arai LINE サマーインターン (就業型) として、LINE バイトのフロントエンドチームに参加 LINE バイトチームでのインターン活動 LINE バイトは Web 流入... 続きを読む

Atomic Designをやめてディレクトリ構造を見直した話｜食べログ フロントエンドエンジニアブログ｜note

2021/05/21 245 users Note Atomic Design ディレクトリ構造 ロク

こんにちは。フロントエンドチームの金野と申します。 食べログでは現在、React+TypeScriptでフロントエンドのリプレースを進めています。 以前の記事で、食べログではAtomic Designをどのように取り入れているかの紹介をしました。 しかし、最近のリプレース作業では、Atomic Designとは異なるディレクトリ構造を採用し... 続きを読む

リモート環境下で行った食べログ フロントエンドチームのオンボーディングについて｜食べログ フロントエンドエンジニアブログ｜note

2021/03/01 6 users オンボーディング Note 原田 ログFE FEチーム

こんにちは。食べログFE（フロントエンド）チームの原田です。 去年の12月中旬にFEチームにjoinしてから丸2ヶ月が経ちました。 今回はFEチームのオンボーディングの様子やチーム内の文化について書いてみたいと思います。 ちなみにオンボーディングは人事で実施される全社的なものと、 配属チームで具体的な業務に当たる... 続きを読む

Cypress + TestRail による Frontend E2E テストの効率化について | メルカリエンジニアリング

2020/12/08 5 users メルカリエンジニアリング Cypress 効率化 後半 自動化

Cypress + TestRail による Frontend E2E テストの効率化について Merpay Advent Calendar 2020 の 8 日目は、メルペイフロントエンドチーム の @tanakaworld がお送りします。 2020 年後半からフロントエンドチームと QA チーム合同で、リグレッションテストの自動化に取り組んできました。E2E テストフレームワークで... 続きを読む

Vue.js 3 アップデート対応の現状報告 - BASEプロダクトチームブログ

2020/12/02 9 users Vue.js BASEプロダクトチームブログ base 既存

この記事はBASE Advent Calendar 2020の2日目の記事です。 devblog.thebase.in こんにちは、BASEのフロントエンドチーム エンジニアの加藤です。 先日、弊社松原のこちらのブログにて、「既存のVue.jsによる資産は積極的にメンテナンスしつつ、その時その時で総合的に判断して最適な技術を選定する」スタンスで我々は考... 続きを読む

Internet Explorer のサポート終了とその後の BASE の進化 - BASEプロダクトチームブログ

2020/11/16 16 users base 右京 BASE U 進化 印象

フロントエンドチームの右京です。サービスの利用者向けには BASE U にて告知いたしましたが、2020 年 11 月 15 日をもって BASE は Internet Explorer 11 (以下 IE11) のサポートを終了しました。サポート終了と聞くと基本的にはネガティブな印象になりがちですが、ここでは主に開発者に向けて、サポートを終了すること... 続きを読む

BASEの日付ライブラリについて - BASEプロダクトチームブログ

2020/11/05 22 users base Frontend 日付ライブラリ 谷口 領域

自己紹介 こんにちは。BASE株式会社のフロントエンドチームの谷口です。 本日は、BASEのフロントエンドで使用している日付ライブラリについてお話しします。 BASEの日付ライブラリについて BASEでは、frontendという領域が出来始めた当初、最もメジャーな日付ライブラリであるmoment.jsを使用していました。 その後、デ... 続きを読む

「レストランボード」における大規模フロントエンドの漸進的なVueリプレイスの取り組み - Tech Blog - Recruit Lifestyle Engineer

2020/10/27 8 users Vue ナレッジ エモ プレ 大規模フロントエンド

はじめに こんにちは、レストランボード（以下、RB）のフロントエンドチームの石亀です。担当していた規模の大きめなプロジェクトでVueを結構触っていまして、設計含め困難と向き合いながら色々取り組ませてもらったのでそれをナレッジとして残そうと思い記事を書くことになりました。エモいですね。 RBは現在自社のフレ... 続きを読む

BASEにおけるVue.jsのこれまでとこれから - BASEプロダクトチームブログ

2020/09/17 137 users base 前書き Vue Vue.js 松原

前書き こんにちは、BASEのフロントエンドチームでJrエンジニアリングマネージャーをやっている松原(@simezi9)です BASEではフロントエンドエンジニアの積極採用を行っています。 その過程で、面接を受けに来られた方によく「BASEはVueとTSを採用しているとのことですが、相性がいまいちじゃないですか？なんでVue＋TSに... 続きを読む

eslint-plugin-vue で来たる Vue.js 3 のリリースに備えよう - BASE開発チームブログ

2020/07/16 15 users base 右京 一方 削除 リリース予定

フロントエンドチームの右京です。 Vue.js 3 が八月上旬にリリース予定ということで、BASE でもバージョンアップに向けて少しづつアクションを始めています。 Vue.js 3 では多くの機能が追加され開発の幅が広がりますが、一方で削除や非推奨となる機能も多く頭を悩まされている方も多いのではないでしょうか、BASE もそ... 続きを読む

crowdworks.jpのエンジニアリング戦略(2019年6月現在) - クラウドワークス エンジニアブログ

2019/06/12 23 users クラウドワークス crowdworks.jp リファ 片足

最近は人事のほうにも片足突っ込んでおりエキサイティングな日々を送っております飯田です。 今回は現在のcrowdworks.jpのエンジニアリング戦略についてお伝えできればと思います。 状況の整理 これまでの中長期戦略の反省 中長期の技術的投資のための専任チームの発足 フロントエンドチーム(チーム名: トリュフ) リファ... 続きを読む

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 に取り組んでいます。 今回はフロントエ... 続きを読む

フロントエンドでどうテストを書くか（理論編） - Qiita

2018/12/09 244 users Qiita TDD Advent Calendar テスト

この記事は リクルートライフスタイル Advent Calendar 2018 8日目の記事です。 はじめに 自分のフロントエンドチームでは、TDDでの開発フローを実施することでフロントエンド開発の課題に向き合っていきます。 今回は、一般的に難しいとされるフロントエンドでのテストについて、どんな方針でテストを書けばいいかにつ... 続きを読む

フロントエンドエンジニアは Micro Frontends の夢を見るか - Mercari Engineering Blog

2018/12/06 212 users Micro Frontends フロントエンドエンジニア

Mercari Advent Calendar 2018 の6日目はフロントエンドチームの @vwxyutarooo がお送りします。 このタイトルが言いたくて Micro Frontends の記事を書きました。皆さんは Micro Frontends という言葉を聞いたことがあるでしょうか? 私は数ヶ月前まで全く知りませんでした。メルカリのフロントエンドチームにて Micro F... 続きを読む

フロントエンドチームのCircleCI設定を紹介します - Mercari Engineering Blog

2018/08/20 140 users Mercari Engineering Blog set

フロントエンドチームのSET(Software Engineer in Test)の @urahiroshi です。 メルカリのフロントエンドチームは、JavaScriptを中心とした技術を用いてメルカリのWebサイトやアプリ内WebViewの開発を行っています。 私はチーム内のSETとして、開発環境の構築やトラブルシューティング、CI・運用ツールの導入やビルド・... 続きを読む