私流、開発時における各 AI サービスの使い分け方

2024/12/01 19 users 使い分け方 私流 開発時 morishin chatgpt

こんにちは！ Magic Moment でフロントエンドエンジニアをしている @morishin です。 この記事は、Magic Moment Advent Calendar 2024 1 日目の記事です。 (弊社の今年のアドベントカレンダーは平日のみ投稿するスタイルです) はじめに ChatGPT の登場以降、エンジニアの開発を支援してくれる新しい AI サービスが次々と... 続きを読む

テスト自動化の協業を加速する！ テックタッチのフロントエンドにおけるテストの分類 - Techtouch Developers Blog

2024/10/30 20 users 協業 テックタッチ qol フロントエンド 分類

フロントエンドエンジニアの 92thunder です。去年北海道旭川市に移住しまして、長らく打ち合わせを続けてきた家が10月にデプロイされたのでQoLが爆上がりしています。 テックタッチではデプロイ頻度を上げるためにテスト自動化に取り組んでいます。テスト自動化をQAエンジニアと進めていくためにテストの分類を策定する... 続きを読む

Next.jsと比較しながらHotwireを理解するサイト: "Hotwire for Frontend Developers"

2024/10/23 60 users Hotwire デモ ベータ版 Next.js ウェブサイト

ここ３ヶ月間ほど、"Hotwire for Frontend Developers"「フロントエンドエンジニアのためのHotwire入門」というウェブサイトを作っていました。（ベータ版として公開していました） HotwireとNext.jsをちゃんと見てから比較してもらいたいというのが最大の目的で、同じUIをHotwireのとNext.jsで作成し、デモを動かしたり... 続きを読む

v-modelの歩みを振り返る

2024/10/19 8 users v-model ツノ https セッションタイトル 資料

2024年10月19日(土)「Vue Fes Japan 2024」に開催された、弁護士ドットコム株式会社 クラウドサイン事業本部　フロントエンドエンジニア のツノが登壇した際の資料です。 セッションタイトル：v-modelの歩みを振り返る https://vuefes.jp/2024/se… 続きを読む

VueとViteで作るUIコンポーネントライブラリ ~デザインシステムとプロダクトの理想的な分離を目指して~ / 20241019_cloudsign_VueFesJapan2024_1

2024/10/19 79 users UIコンポーネントライブラリ 分離 プロダクト 資料

2024年10月19日(土)「Vue Fes Japan 2024」に開催された、弁護士ドットコム株式会社 クラウドサイン事業本部　フロントエンドエンジニア の辻 佳佑が登壇した際の資料です。 セッションタイトル：VueとViteで作るUIコンポーネントライブラリ ~デザインシステムとプロダクトの… 続きを読む

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

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

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

メンバーの「スキ」をわかりあいたい！フロントエンドのLT会を開催しました - Mirrativ Tech Blog

2024/08/29 24 users フロントエンド LT会 メンバー LT大会 合同

こんにちは！フロントエンドエンジニアの どじねこ です。 今回は少し前となりますが 2024年5月に社内で開催したLT会についてご紹介したいと思います。 よろしければ先日公開されました「iOS・Android 合同のLT大会を開催しました！」も合わせてご覧ください tech.mirrativ.stream ⛳️ LT会を開催した背景 ミラティブには... 続きを読む

【調査結果】フロントエンドエンジニアの平均年収！最も稼げるのは40代？

2024/07/26 16 users 平均年収 レバテックフリーランス 調査結果 職種 動作

フロントエンドエンジニアとは、WebサイトやWebアプリケーションの見た目や動作など、ユーザーが直接目にする部分を開発する職種です。 今後のキャリアプランを考えるうえで、フロントエンドエンジニアの平均年収を知りたいと思っている方もいるのではないでしょうか。 そこで本記事では、レバテックフリーランスが保有... 続きを読む

iAEONのアプリ開発チームが取り組む内製化とLessのプラティクス導入 ｜AEON TECH HUB

2024/07/25 11 users iAEON less スクラムマスター 道のり アジャイル開発

イオンスマートテクノロジーにて、内製化およびアジャイル開発の導入を主導したスクラムマスターの翁長聡史と立ち上げ当初からチームを率いるフロントエンドエンジニアの堀内亮介がiAEON内製化に伴う内製スクラムチームができあがるまでの道のりについて話してくれました。 続きを読む

Next.js って App Router が出てきて平和じゃなくなったよね

2024/07/22 154 users App Router Next.js ベストプラクティス

背景 Next.js に App Router が導入されてから1年近くが経ちました。しかし、未だに App Router を前提として設計のベストプラクティスが定まっておらず、身近なフロントエンドエンジニアはみな「まだプロダクトに取り入れるには考えることが多いよね」という共通認識のまま止まっているような気がしています。 また、Ap... 続きを読む

PR TIMESのトップページをNext.jsにリプレイスしました | PR TIMES 開発者ブログ

2024/06/06 7 users Next.js PR TIMES トップページ 開発者ブログ

こんにちは、フロントエンドエンジニアのやなぎ（ @apple_yagi ）です。 プレスリリース掲載ページ、キーワード検索ページに続き、PR TIMESのトップページを PHP + Smarty + […] 続きを読む

【うひょ氏】技術発信や登壇資料づくりに。記事の隙をなくして理解度を上げる文章テクニック | レバテックラボ（レバテックLAB）

2024/06/03 20 users レバテックラボ React TypeScript 著書 理解度

【うひょ氏】技術発信や登壇資料づくりに。記事の隙をなくして理解度を上げる文章テクニック 2024年6月3日 フロントエンドエンジニア うひょ TypeScriptとReactが得意なフロントエンドエンジニア。株式会社カオナビ所属。ウェブ上の技術記事や雑誌を通じて技術的な情報発信を続けている。実はJavaScript歴19年。 著書『... 続きを読む

フロントエンド開発の効率化！Nx と Playwright でビジュアルリグレッションテストを賢く実施しよう - Techtouch Developers Blog

2024/05/27 20 users ビジュアルリグレッションテスト playwright ロク

はじめに なぜ VRT が必要なのか？ VRTとは？ Nx と Playwright で賢く VRT を実施する どう賢く実施したか 結果 まとめ 参考資料 はじめに 「食べログ ラーメン TOKYO 百名店」の全店舗訪問を目指してラーメン巡りを続けているフロントエンドエンジニアの kenshin です。 フロントエンド開発者の皆さん、新機能を追加し... 続きを読む

OIDCって何なんだー？から、実際に使うまで - BASEプロダクトチームブログ

2024/05/01 15 users OIDC 概観 ごあいさつ OpenID Connect 複数

ごあいさつ はじめましての人ははじめまして、こんにちは！BASE BANK Divisionのフロントエンドエンジニアのがっちゃん（ @gatchan0807 ）です。 今回は、ここ数ヶ月の間にOIDC（OpenID Connect）という技術を使った開発を複数行い、この技術の概観を理解することができたので、OIDCの技術概要に触れつつBASE BANKの中で... 続きを読む

【うひょ氏】キャリアにプラスの影響を与える、情報発信の成功戦略と必要な2つの能力

2024/04/23 11 users キャリア 成功戦略 能力 プラス 影響

【うひょ氏】キャリアにプラスの影響を与える、情報発信の成功戦略と必要な2つの能力 2024年4月23日 フロントエンドエンジニア うひょ TypeScriptとReactが得意なフロントエンドエンジニア。株式会社カオナビ所属。ウェブ上の技術記事や雑誌を通じて技術的な情報発信を続けている。実はJavaScript歴19年。 著書『プロを... 続きを読む

非デザイナーのフロントエンドエンジニアがOOUIを考える

2024/03/25 5 users OOUI 非デザイナー

3/24(日)に開催された、Object-Oriented Conference 2024(OOC2024)のTrack D(15:00〜)トークセッションの資料です。 https://ooc.dev/2024/ https://fortee.jp/oocon-2024/proposal/5565aea9-fcdc-4122-8b03-febb5dd52cae 続きを読む

Renovateを使ってフロントエンドのバージョンアップを改善した話 | PR TIMES 開発者ブログ

2024/02/16 19 users React monorepo Renovate リポジトリ

こんにちは、フロントエンドエンジニアの小張です。Renovateを使ってフロントエンドのパッケージやライブラリのバージョンアップを改善したことについて紹介します。 PR TIMESではReactに関するコードを、monorepoとしてprtimes-frontendという1つのリポジトリで管理しています。 このリポジトリは作成されてから2年ほど... 続きを読む

【2024年版】JavaScript(React)におけるリーダブルコードのチートシート1~3章 - Qiita

2024/02/14 5 users Qiita React TypeScript 例題 Java

概要 リーダブルコードを読んでいて、JavaやC++、Pythonの事例も混じっているのと割とレガシーな例題が多いなーと感じました。 React.js、Next.js、TypeScriptをメインにフロントエンドエンジニアとして仕事をしている自分用に、後で見返せるよう2024年JavaScript版リーダブルコードのチートシート的なものを改めて読み... 続きを読む

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

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

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

フロントエンドのテスト基盤を Jest から Vitest に移行した話

2023/12/26 15 users Jest Vitest テストフレームワーク ナレッジワーク

こんにちは。ナレッジワークの torii です。 7 月にフロントエンドエンジニアとして入社してもうすぐ半年、そろそろ技術記事の一つも書きたいなと思っていたところに、ちょうどいいネタを見つけたので投稿してみます！ Jest から Vitest に移行してみた 早速やったことですが、フロントエンドのテストフレームワークを J... 続きを読む

Kuma UI はどのように React Server Components をサポートしているのか

2023/12/20 6 users React Server Components メンテナ

はじめに こんにちは。READYFOR でフロントエンドエンジニアとして働いている菅原（@kotarella1110）です！ 私は OSS が大好きで、React Hook Form や Kuma UI のメンテナとしても活動しています。 弊社のプロダクトでは CSS ライブラリとして Emotion を採用していますが、ランタイムでのパフォーマンス上の問題や App ... 続きを読む

【TypeScript と友達に】Type Challenges を全問解いたのでエッセンスと推し問題を紹介してみる - 前編

2023/12/10 102 users Flutter React TypeScript 修士 主戦場

はじめに 自己紹介 初めまして、@kakekakemiya と申します。 現在は東京大学大学院学際情報学府の修士 1 年で、フロントエンドエンジニアとして活動しています（25 卒の就活生です）。TypeScript × React × Next.js が主戦場ですが、Flutter でモバイルアプリを開発するときもあります。 今回は自分の TypeScript 力の向... 続きを読む

サービスの管理画面を継続的に改善するためのReact Hook FormとZod活用術 - Mirrativ Tech Blog

2023/11/21 38 users React Hook Mui 管理画面 Zod サービス

こんにちは！ミラティブのフロントエンドエンジニア どじねこ です。 今回は、ミラティブを支える社内向けの管理システムにおいて、機能開発の体験を改善する取り組みを「MUI と Zod、React Hook Form の活用術」としてご紹介させていただきます。 前提 ミラティブでは、他の多くの Web サービスと同様に配信者さんの登... 続きを読む

フロントエンドエンジニアも知っておきたい HTTP/3 で変わること

2023/11/18 164 users http

フロントエンドカンファレンス沖縄 2023 の登壇資料です 続きを読む

:user-valid & :user-invalid擬似クラスが来た！ - What's new in Browsers!

2023/11/08 17 users user-valid サイボウズ トピック 検証 ブラウザ

What's new in Browsers!は、サイボウズのフロントエンドエンジニアがブラウザの最新情報から気になるトピックを紹介するシリーズです。 今回はChrome 119の更新内容から気になるトピックとして、:user-valid擬似クラスと:user-invalid擬似クラスを紹介します。 ユーザーの操作後に検証が行えるようになった :user-valid... 続きを読む