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

フロントエンド

(一般)
【ふろんとえんど】

表側のこと。
⇔バックエンド

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

【React】PointerEventで要素を動かそう

はじめに こんにちは。KENTEMでフロントエンドを担当しているM・Sです。 ユーザーのドラッグやタッチによって要素を移動させたいときありますよね。 基本的にはDragEventやMouseEvent, TouchEventなどを使うことが多いかと思いますが、今回はPointerEventを強く推していきたいと思います。 結論から言うと、PointerEventを用いることでマルチデバイス対応が非常にシンプルになります。 はじめに PointerEventとは？ サンプル イベントを快適にするプロパティ currentTarget.setPointerCapture(pointerId) cu…

#フロントエンド#PointerEvent

関連ブログ

TECHSCORE BLOG•7日前

状態管理を Recoil から Jotai に移行した話

移行の背景と課題 弊社のコアプロダクトである Synergy! は、フロントエンドのフレームワークとして React を採用しています。React の状態管理には、Recoil というライブラリを利用してきました。 しかし SNS で、React 19 では Recoil が正常に動作しないという情報を入手しました。これは大きな課題です。以前から Recoil はメンテナンスの頻度が低下しており、今後も継続して使用することに不安を感じていたところでした。 もちろん、ビジネスの継続的な成長と最新技術への対応のため、React 19 へのアップグレードは避けて通れない道です。そんなこんなしているう…

#Next.js#状態管理#フロントエンド
LayerX エンジニアブログ•9日前

Storybook Play functionでAHA testingのすゝめ

バクラク事業部でソフトウェアエンジニアをしている @ta1m1kam です。 フロントエンド開発において「どのテストをどれだけ書くべきか？」という問いは、誰もが一度は悩むテーマです。ユニットテスト？E2Eテスト？ビジュアルリグレッション？それぞれに役割があり、バランスが求められます。 Testing Trophy そんな悩みに対する一つの指針として、Kent C. Dodds氏が提唱した 「Testing Trophy（テスティング・トロフィー）」 という考え方あります。（提唱自体は2021年ごろなので、今では割と一般的になっているかなと感じています。） kentcdodds.com ポイント…

#フロントエンド#Storybook#react#フロントエンドテスト#testing
くちたと計算記•11日前

UI上の振る舞いを意識したReactコンポーネント設計

概要 Reactコンポーネントの設計における基本的な内容について考えます。 元々は、子コンポーネントがsetXXXという名前のプロパティを持つのは変だと思うという話をしていました。 ここでは、サンプルコードを提示したうえで、サンプルコードにある問題点と改善案を考えていきます。 useStateのsetXXXを子に渡して、子側で親のStateを弄るのってどうなのかね……見れば見るほど、やっちゃいけないんじゃないかって気がしてくる。— くちた える (@kuchita_el) 2025年2月21日 すごく言葉足らずだったと思った。子のプロパティ名がsetXXXだから、それがモヤモヤしているって感じ…

#プログラミング#フロントエンド
KENTEM TechBlog•19日前

新卒エンジニアが初めてのチーム開発で学んだこと

こんにちは！KENTEM 第2開発部のH.Kです。 新卒エンジニアとしてReact + TypeScript を使った初めてのチーム開発に参加し、多くのことを学びました。 個人開発とは異なり、自分の作業がチーム全体にどう影響するのかを意識すること が求められます。 最初は「どのようにチーム開発を進めれば良いのか？」といった不安がありましたが、Git等のツール習得とそれらの運用ルールの理解、コードレビューの重要性を実際に経験・体感する中で、少しずつ自身の成長を感じられるようになりました。 本記事では、チーム開発の基本的な流れや実際に経験した課題、成長を加速させるための工夫 について、新卒エンジニ…

#新卒#フロントエンド
エス・エム・エス エンジニア テックブログ•22日前

バックエンドエンジニアがフロントエンド開発に挑戦して学んだこと

こんにちは！カイポケリニューアルのサービス提供管理チームでバックエンドのエンジニアをしている清田です。ここ3ヶ月はフロントエンド開発をしています。 この記事ではバックエンドを主戦場とするエンジニアがフロントエンド開発に挑戦して学んだこと、見えてきた風景について紹介します。 (以降、バックエンドを BE 、フロントエンドを FE と略します) また私の個人的な体験ですが、FE 開発に貢献するためどのように学習したのかについても共有します。 BE エンジニアの FE 開発への挑戦、おすすめです！ なぜ FE 開発をするようになったのか 私が FE 開発に挑戦するようになった背景には、いくつかの要因…

#バックエンドエンジニア#フロントエンド
DIGGLE開発者ブログ•1ヶ月前

DIGGLEにおけるBranded Typeを活用した型の強化

はじめに Branded Typeとは 型エイリアス Branded Type DIGGLEでのBranded Typeの活用方法 Canvasタグでの実際の活用方法 交差型の扱いについて まとめ 終わりに はじめに DIGGLEエンジニアのitoです。 最近は少しづつ暖かくなっているように感じていますが、時折寒い日が来るたびに三寒四温という言葉を思い返しています。 DIGGLEでは2023年1月からTypeScriptを導入してフロントエンドの開発をしています。 TypeScriptの型によって開発に多くの安心感をもたらしてくれますが、型を適用すれば終わりという話ではなく型の効果を高めるため…

#フロントエンド#TypeScript
Web系エンジニアになって思ったこと•1ヶ月前

SIerからWeb系に転職して半年経った感想

はじめに 2024年にSIerから、いわゆるWeb系企業へ転職して半年が経ちました。この半年間で、技術的な変化や働き方の違いを実感し、多くの学びがありました。本記事では、転職を通じて感じた良かったことや大変だったこと、そしてSIer時代の経験がどのように活かせたのかを振り返ります。同じような境遇の方に共感していただいたり、参考にしていただいたり、こんな人もいるんだと感じてもらえれば嬉しいです。各トピックについては、別の記事で詳しくお話しする予定です。 転職しようと思った理由 新卒で独立系SIerの中小企業に就職しました。 入社当初は、どんな仕事でも頑張ろうという熱意を持っていました。しかし、新…

#SIerからWeb系#エンジニア転職#フロントエンド#キャリアチェンジ#IT転職#Webエンジニア#SIer
SSKNOK’s blog•1ヶ月前

明日からTypescript&Reactでコーディングしてくれと言われたときに見るメモ

転職後最初のPJにて未経験のTypescript&Reactの組み合わせでフロントの開発を行う必要が出てきました。しかも3日後から。 きっと似たような経験をなさる方も多いかと思うので2025年3月時点（当記事執筆時点）で最低限Typescript&Reactを開発できるようになれるよう とにかくいったん書いてみて覚えるってコンセプトでメモを備忘的に記録しておきます。 （とはいっても最低限JS書いたことあるよねとかプログラミングは何らかの言語でやったことあるよねって方がターゲットです） 前提 筆者について 環境構築 Typescript Visual Studio Code Reactプロジェク…

#フロントエンド#システム開発#新人向け