ゆめみのコーディング試験に落ちました

2024/12/30 58 users コーディング試験 ロジック APIキー 実力 Next.js

先日、フロントエンドエンジニアとしての実力を測るために、ゆめみのコーディング試験を受けた。残念ながら落ちてしまったが、学びが多かったと感じている。 コーディング試験の詳細 ビルド先 Github 今回はNext.jsを使用した。開発を進める中で以下の点を学習できた。 APIキーを秘匿にするロジックの実装 StoryBookを初... 続きを読む

Next.jsのServer Actionとreact-hook-formでフォームを実装した - BASEプロダクトチームブログ

2024/12/20 11 users react-hook-form システムリニューアル

はじめに 本記事はBASEアドベントカレンダー2024の20日目の記事です。 Pay IDのフロントエンドエンジニアをしているnojiです。 以前執筆した システムリニューアルでNext.jsのApp Router/Server Actionを使って便利だと思ったところ に記載したように、Pay IDのアカウント管理画面ではNext.jsを採用し、Server Actionを... 続きを読む

メモ管理は Obsidian in Cursor が最強｜松濤Vimmer

2024/12/19 474 users Obsidian 最強 メモ管理 筆者 反響

はじめまして。松濤Vimmerと申します。 普段はWeb系の会社でフロントエンドエンジニア、デザイナー、PMなどしております。 早速ですが筆者が投稿した以下のツイートが反響を得ました。 メモ管理は Obsidian in Cursor が最強。 Obsidianはmd ファイルとして一つ一つが独立して存在している。これらをcursor agent に読み... 続きを読む

TVerのWeb フロントチーム内製化への道のりとこれから - TVer Tech Blog

2024/12/19 28 users TVer Atlas マイグレーション 道のり web

TVer で Web フロントエンドエンジニアをしている永井です。 この記事は TVer アドベントカレンダー 2024 19 日目の記事です。 18 日目の記事は @k0bya4 さんによる 「Atlasを使った宣言的マイグレーションでDBスキーママイグレーションを自動化する」 でした。 19 日目の記事では、Web フロントエンドチームの内製化に... 続きを読む

フロントエンドエンジニアが未経験のバックエンドに挑戦して得た学び - ryu-fのブログ

2024/12/15 42 users adventar.org 古田 未経験 ファインディ キャリア

こんにちは、ファインディでFindy Team+の開発をしている古田(ryu-f)です。この記事はFindy Advent Calendar 2024 15日目の記事です。 adventar.org ファインディでは主にバックエンド領域の開発を担当していますが、エンジニアのキャリアのスタート地点は実はフロントエンドでした。ファインディにジョインするまではバ... 続きを読む

【後編】社内ラジオはいいぞ！ - 社内ラジオを支える技術たち

2024/12/11 15 users 後編 社内ラジオ morishin 技術たち 通称

こんにちは！こんにちは！ Magic Moment フロントエンドエンジニアの @morishin です。 この記事は、Magic Moment Advent Calendar 2024 9 日目の記事です。 はじめに 以前、弊社の取り組みである社内ラジオ (通称: Tech ラジオ) について紹介させて頂きました。 あれからちょうど 1 年 9 ヶ月 (640 日) 経った今、後編... 続きを読む

私流、開発時における各 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が好きで、暇があればコードを書... 続きを読む