Hatena Blog Tags
はてなブログ トップ
frontend
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

frontend

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
hacomono TECH BLOG•2ヶ月前

画面のテストコードを無理しない書き方で書く

こんにちは。UX部のがーみーです。最近は植物が好きになり、花やら観葉植物を置くようになりました。みているだけで気持ちが落ち着きます。 この記事ではフロントエンドのテストコードについて、書かれるようになってきて出てきた問題を整理し、無理をしない書き方を探ります。 フロントエンドテストが書かれるようになった 私が入社した2023年はフロントエンドのテストコードがあまり書かれていませんでしたが、さまざまな取り組みによって、フロントエンドにも普通にテストコードが書かれるようになりました。いまでは Testing Library を利用して、ページやUIコンポーネントなど、画面に対するテストが書けるよう…

#TestCode#frontend

関連ブログ

asoview! Tech Blog•2ヶ月前

SaaSのリダイレクト処理をiframe + postMessageを活用してメイン画面遷移の外で扱う

アソビューの井上です。 最近とあるSaaSと連携する機能を実装する際に、iframeとpostMessageを活用したのでその内容について個人的な備忘として、また社内外への実装共有も兼ねてまとめてみたいと思います。 前提 今回はアソビュー！のWeb（asoview.com）開発において、あるSaaSと連携する機能を実装する際、FE↔BE↔SaaSもしくはFE↔SaaS間で情報の受け渡しを行う必要がありました。 今回の連携実装では、下記の図のようにフロントエンドからSDKを活用して初期化処理や関数の実行、必要なパラメータを付与した特定パスへのアクセス、コールバックによるリダイレクトなどを行う必要…

#frontend#react#iframe#PostMessage
Mirrativ Tech Blog•2ヶ月前

次世代JS標準時刻API Temporal を3年先行利用して得た知見を共有します！

ミラティブでソフトウェアエンジニアをしている @8beeeaaat です。 去る2025/9/6に札幌で開催されたフロントエンドカンファレンス北海道2025 にて発表した内容を再構成して公開します！ Dateに代わる新たな日時表現・操作APIとしてECMAScript標準化を目指し、2017年にプロポーザルが投稿された Temporal。ついに仕様策定も大詰めとなり、Firefox 139での正式実装リリースを始め、各ブラウザ・JSエンジンへの実装も進められています。 ミラティブでは2022年よりPolyfillを導入して社内業務管理機能を中心に導入を進めてきました。本記事では3年間の業務利用…

#frontend#Temporal#JavaScript#Mirrativ
Mirrativ Tech Blog•2ヶ月前

みんなの「スキ」でつながろう！ Mirrativ LT Party 2025Q1 を開催しました

はいこんにちは！フロントエンドやらバックエンドやらUnityやらなんでもやってるエンジニアの どじねこ です。 今回は少し前の話題になりますが、2025年3月12日に社内で開催した「Mirrativ LT Party 2025Q1」をご紹介します。 よろしければ過去に開催したLT会についてもご覧ください。 tech.mirrativ.stream tech.mirrativ.stream

#LT#Backend#AI
TVer Tech Blog•3ヶ月前

PR単位の開発環境構築自動化によるWEBフロントエンド開発の生産性向上

みなさん、こんにちは！TVer SREチーム DevOps Unitの鈴木です！ TVerでは採用に非常に力を入れており、おかげさまで社員数が右肩上がりに増え続けています。 note.com TVerでは、WEB、iOS/Androidアプリ、Fire TV Stickなどといった多様な端末でサービスを提供しており、それぞれに専門の開発チームが存在しています。 組織拡大に伴い、それぞれのチームで複数の新規機能開発や改善プロジェクトが同時に推進されるようになりました。 しかしながら、この急速な組織拡大に伴い開発環境の不足がボトルネックとなり、開発生産性向上を阻むという課題が浮き彫りになりました。…

#AWS#frontend#SRE
hacomono TECH BLOG•4ヶ月前

hacomonoのUXエンジニアとは？技術とデザインの架け橋として、ユーザー体験を追求するエンジニアの役割

こんにちは。hacomono UX部エンジニアの yasu です。 hacomonoでは、フィットネスクラブ・インドアゴルフ・24hジム・スイミングスクールなどのウェルネス領域の店舗運営を支える会員管理・予約・決済システムを提供しています。 この記事では、hacomonoでUXエンジニアという職種を定義するに至った背景から、その役割や求めるスキルなどをご紹介します。 なぜUXエンジニアという職種定義が必要になったのか？ hacomonoのプロダクト開発本部では、「プロダクトエンジニア」の定義は存在していましたが、UX部が求めるエンジニアの定義については明文化されていませんでした。 そこで今回、…

#UXエンジニア
OPTiM TECH BLOG•7ヶ月前

第3回 React Tokyo ミートアップに参加してきました

はじめに こんにちは！DXビジネス開発部の菅原、亀田です。当社ではReactとNext.jsを活用した開発を積極的に行っており、フロントエンド開発の重要な基盤技術として位置づけています。 3月21日(金)にOPTiM東京本社で開催された、第3回React Tokyo ミートアップにOPTiMから3名で参加しました。 当社エンジニアの高橋による「ClineにNext.jsのプロジェクト改善をお願いしてみた」というLTセッションも行われ、実際の開発現場でのAIツール活用に関する知見を共有させていただきました。 当社のプロダクト開発でもReactを採用し、特にNext.jsを用いたWebアプリケーシ…

#Event#react#Next.js#frontend
AKARI Tech Blog•7ヶ月前

Vitest と GitHub Copilot で Frontendの単体テストを書く

改めまして、燈株式会社 AI SaaS事業本部VPoEの小田川です。 燈株式会社のデジタルビルダーでは最近、フロントエンドのテストコードの拡充を行っています。 このテスト拡充の背景には、デジタルビルダーが請求書処理を含む業務フローにおいて高度なカスタマイズを許容しているという特性があります。 このカスタマイズの多様性により、「どの条件で何が表示されるべきか」「各ボタンがどのように機能すべきか」といった振る舞いのパターンが増え、仕様の複雑性も高まっています。 こうした仕様を品質保証（QA）工程にのみ依存するのではなく、開発の初期段階から自動化されたユニットテストで担保し、CI上で高速かつ頻繁に実…

#react#vitest#frontend test#Vite#frontend
EmotionTechテックブログ•7ヶ月前

フロントエンドアプリケーションの assets ファイルのサイズを監視する

はじめに こんにちは、あるいはこんばんは。フロントエンドエンジニアの id:kasaharu です。 Web アプリケーションにユーザーがアクセスしてきたとき、ユーザーはブラウザを介して HTML / CSS / JavaScript といった多くの assets をダウンロードすることが多いのではないでしょうか？ フロントエンド技術の進化に伴い、ユーザーがダウンロードする assets ファイルの数は増え、またファイルひとつひとつのサイズも増加しています。 ファイル数やサイズの増加はユーザーがそのアプリケーションを使えるようになるまでの時間が増えることにもつながるため望ましくありません。 遅…

#frontend#Angular