@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 予備校... 続きを読む

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

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

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

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を使用していました。 その後、デ... 続きを読む

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・運用ツールの導入やビルド・... 続きを読む

メルカリのフロントエンドチームが、どんな開発体制で技術選定しているのか聞いてきた！ | HTML5Experts.jp

2018/06/28 95 users メルカリ HTML5Experts.jp 開発体制 技術 直撃

日米通算1億ダウンロードで日本最大フリマアプリ「メルカリ」。今回はメルカリの小嶋仁司さん、坂本結衣さんにメルカリのフロントエンドエンジニアたちがどんな技術や体制で開発しているのか、HTML5 Experts.jp白石俊平編集長が直撃インタビューしてきました！ メルカリで重要な役割を果たしているWebView 白石：お二人... 続きを読む

GoでWebアプリを作ろう 第一回 : Goで簡単なCRUD - Studio Andy

2018/04/15 217 users CRUD andy 作法 Studio Andy フロント側

2018 - 04 - 16 GoでWebアプリを作ろう 第一回 : Goで簡単なCRUD Go こんにちは、Andyです。 普段はフロントエンドチームでJSばかり書いているのですが、せっかくGoの会社に入ったので良い機会だと思いGoに入門してみました。「Goの作法」を知ればより裏側のシステムについての理解が深まり、フロント側も良いプロダクトが作れるんじゃないかなと期待しています。 せっかく新しい... 続きを読む

Mercari Web版 に Workbox で Service Worker を導入する話 - Mercari Engineering Blog

2017/12/19 118 users iOS Workbox メルカリ Android ほか

2017 - 12 - 19 Mercari Web版 に Workbox で Service Worker を導入する話 Mercari Advent Calendar 2017 19日目は フロントエンドチームの @_hitima が JP Web版 にてサイトのオフライン対応を検証している話をします。 メルカリのWeb版強化への道 メルカリは iOS と Android のアプリ版のほかに ... 続きを読む

モバイル開発に役立つJSデバッグ術 - Mercari Engineering Blog

2017/12/13 80 users Mercari Engineering Blog web

2017 - 12 - 13 モバイル開発に役立つJSデバッグ術 Mercari Advent Calendar 2017 13日目は フロントエンドチームの @sottar が web アプリの開発（特にモバイル開発）で役立つ Chrome DevTools の便利な機能を紹介します。 はじめに メルカリでは PC からのアクセスよりもモバイルからのアクセスが多いため、 web アプリもモバイル... 続きを読む

メルカリを退職した - 技術探し

2017/12/01 59 users メルカリ 技術 チームリーダ メンター Tweet

2017 - 12 - 01 メルカリを退職した Tweet 6ヶ月でしたが、退職することになりました。 本当にありがとうございます。 環境 アメリカと日本のプロダクトで活動していて、フロントエンドチームに所属していました。 特にメンターでチームリーダの方からは、多くの配慮をしていただき入社してからずっと助けて貰ってました。 もちろん、周りの皆さんにも助けて貰っていて、このような結果になってしまい... 続きを読む

1on1を始めて1年ぐらい経った - 個人的なまとめ

2017/11/12 66 users まとめ 1on1 サーバサイドエンジニア スレ エンジニア全員

2017 - 11 - 12 1on1を始めて1年ぐらい経った フロントエンドチームの取りまとめをすることになったので、元々サーバサイドエンジニアである自分とみんなが考えていることとズレが無いようにしたくて始めた。あと実際にサービスを開発してるメンバーと会社が考えていることの期待値合わせという意味もある。なお、会社のエンジニア全員とやってるわけではなく自分のチームでやってるだけである。また、対象は... 続きを読む