タグ フロントエンド
人気順 5 users 10 users 100 users 500 users 1000 users[Next.js] 開発中のページを開発環境でのみ表示し、本番環境のビルドには含めないようにする
2024/03/19
98 users
ビルド
Next.js
Twitter
本番環境
開発環境
はじめに この記事について こんにちは、 @zomysan（Twitter） です。この記事では、Next.js で開発をしているWebアプリケーションのフロントエンドを対象に、開発途中のページをどう扱うかということについて書きます。 新しい機能やリニューアルのための開発を始めてあたらしいページを追加したものの、まだ途中なので... 続きを読む
Amazon S3 へのファイルアップロードで POST Policy を使うと、かゆいところに手が届くかもしれない - カミナシ エンジニアブログ
2024/02/27
169 users
カミナシ
かゆいところ
ファイルアップロード
アップロー
佐藤
はじめに こんにちは。カミナシでソフトウェアエンジニアをしている佐藤です。 みなさんは、アプリケーションのフロントエンドから、Amazon S3 にファイルをアップロードするときに、どのような方法を用いているでしょうか？ 「バックエンドのサーバーにファイルを送信し、バックエンドのサーバー経由で S3 にアップロー... 続きを読む
フロントエンドの移り変わりは早すぎるのか
2024/02/21
89 users
インターネットでは毎日のように言われることですが、私はそこまでではないと考えています。 ネットでよくそう言われる理由として考えられるものと、それを踏まえてどう向き合っていくとよさそうか、個人的な考えをまとめてみます。 なぜ言われるのか 言語が実質的にJavaScript一択 バックエンド、というかサーバサイド... 続きを読む
フロントエンドを Vue.js から React にリプレイスしたお話 (前編) - NTT Communications Engineers' Blog
2024/02/18
125 users
React
Vue.js
Blog
前編
はじめての方、はじめまして。久しぶりの方、お久しぶりです。 イノベーションセンターの何縫ねの。(@nenoMake)です。 普段の業務ではソフトウェアエンジニアとして Node-AI という WEB アプリケーションの開発をしています。 パブリックな活動としては、好きな言語である C# 関係の OSS 開発や技術ブログの投稿、登壇な... 続きを読む
フロントエンドで収集するべきテレメトリは何か
2024/02/12
70 users
概念
監視
フロントエンド監視
全体像
可観測性
先日『フロントエンド監視の全体像と実現方法』という記事を投稿しましたが、その中でテレメトリについては触れませんでした（※本記事は上記記事の内容を知らなくても読み進められるようになっています）。 というのは、テレメトリは可観測性を実現するための重要な概念ではあるものの、テレメトリを軸に監視を考えるの... 続きを読む
コストをかけずにWebサービスを公開するための構成例 - Qiita
2024/01/21
140 users
Qiita
React
Heroku
PostgreSQL
はじめに 個人でフロントエンド(react)、バックエンド(node.js)、データベース(postgreSQL)を利用したWebサービスを公開したいと考えていました。 まずはテスト的に無料で外部公開できるサービスがないか調査しましたが、2022年8月に有料化されたHerokuの記事ばかりヒットしてしました。 結果的には無料で使用できる構成... 続きを読む
2023年のフロントエンド振り返りと2024年
2024/01/20
129 users
BuriKaigi 2024 https://burikaigi.dev/ X https://twitter.com/__sakito__ 続きを読む
【バックエンド】駆け出しエンジニアが目指すジュニアレベルのエンジニアとは【2024年版】 - Qiita
2024/01/05
213 users
MaMi
Qiita
道筋
DB設計
API作成
はじめに こんにちは。 普段はフロントエンドの開発をメインでやっておりますmamiと申します。 最近バックエンドの方の勉強や、少しずつですがDB設計やAPI作成などの業務もやらせてもらえるようになったので、自分のエンジニアとしてのレベル感や、この先目指すべき道筋を明確にしたいな〜という思いでこの記事を書いて... 続きを読む
一休レストランの XState 導入記 - 一休.com Developers Blog
2023/12/22
61 users
休レストラン
Qiita
Remix
終わり頃
エントリー
このエントリーは 一休.comのカレンダー | Advent Calendar 2023 - Qiita の22日目の記事です。 レストランプロダクトUI開発チームの鍛治です。 一休レストランのフロントエンドを担当しています。 一休レストランでは Next.js App Router Remix を採用しています。 user-first.ikyu.co.jp 昨年の終わり頃から始まった一... 続きを読む
Web フロントエンドの推しディレクトリ構成と Next.js App Router なコードベース | Offers Tech Blog
2023/12/18
80 users
ディレクトリ構成
Next.js App Router
Offers を運営している株式会社 overflow の あほむ でございます。暖冬と言われつつもすっかり寒い季節ですね。おかげさまで割と走っているほうの師です。（師走） n 年ぶり n 回目の Web フロントエンド 最後にメイン開発者の立場でコードをスクラッチしたのいつだったっけ？と遡ると 2018年ごろのブログ記事 がでてき... 続きを読む
jQueryは1個の要素と複数個の要素を同じように書かせる - fsubal
2023/12/15
115 users
jQuery
querySelectorAll
複数個
要素
#フロントエンド #設計 #JavaScript 「1個の要素と複数個の要素を同じように書かせる」というのが実は jQuery の特徴の一つだと思っている。 document.querySelector() や querySelectorAll が出現して以降 jQuery の必要性はほとんどなくなったと言われる。 実際にこんなサイトもあるし https://youmightnotneedjquery.... 続きを読む
一休レストランで Next.js App Router から Remix に乗り換えた話 - 一休.com Developers Blog
2023/12/15
190 users
Remix
ＣＴＯ
恩田
リアーキテクト
エントリー
このエントリーは一休.com Advent Calendar 2023の15日目の記事になります。 CTO 室の恩田です。 現在は一休レストランのフロントエンドのリアーキテクトを手がけています。 今日はその中で Next.js App Router から Remix に乗り換えた話をご紹介したいと思います*1。 背景 6日目の記事で香西から紹介させていただきま... 続きを読む
デジタル庁でjQueryが何をしているのか - laiso
2023/12/14
399 users
jQuery
Drupal
laiso
フロントエ
バーター
TL;DR: jQueryはDrupalのバーター リニューアルするたびにWeb界隈の一斉レビューを受けることでお馴染のデジタル庁ポータルサイトがいつの間にかまたリニューアルされていて、フロントエンドがNext.jsからDrupalに変わって話題になっていたので1、私も旅券所持者として国政に関心を持ってゆく また、まわりのフロントエ... 続きを読む
理想のフロントエンドテストをたずねて三千里 - カミナシ エンジニアブログ
2023/12/11
107 users
カミナシ
田村
出力
永続化
フロント
こんにちは。カミナシにて業務委託としてフロントエンドを担当している田村(@junkboy0315)です。皆さんはフロントエンドのテスト、どのように取り組んでいますか？フロントのテストはなかなか難しいですよね。 バックエンドのテストには、「入力、出力、永続化されたデータ」の3つを検証するという基本セオリーがありま... 続きを読む
フロントエンドの新規開発でNext.jsの採用を見送った話 - バイセル Tech Blog
2023/12/09
193 users
Next.js
バイセル Tech Blog
採用
新規開発
※こちらはバイセルテクノロジーズ Advent Calendar 2023の10日目の記事です。 前回の記事は、金澤さんのAuth0とEntra IDを扱うプロダクト同士を繋げるためのIstio設定あれこれでした。 はじめに こんにちは、開発3部の神保です。 バイセルでは、お客様宅への出張訪問による買取が買取チャネルの主力となっています。現在... 続きを読む
フロントエンドのディレクトリ設計思想
2023/12/04
108 users
ディレクトリ設計
趣旨
ディレクトリ構成
パターン
構成
はじめに フロントエンドのディレクトリ構成、世の中に色んな「推し」が有って悩みますよね。 例えば、、、 さらに最近は、App Directoryの登場や、それに合わせたNext.js公式の「推し」構成がドキュメント化されたりと、さらに色々なパターンが出てきています。 本記事の趣旨 本記事では、具体的な構成そのものではなく... 続きを読む
『フロントエンドの知識地図』出版のお知らせ - ICS MEDIA
2023/11/20
196 users
ICS MEDIA
ウェブメディア
出版
知識地図
CSS
株式会社ICSの池田・西原・松本の3人で『フロントエンドの知識地図 〜 一冊でHTML/CSS/JavaScriptの開発技術が学べる本』という書籍を執筆しました！ ICS MEDIAではHTML・CSS・JavaScriptにおける最新技術をテーマに取り扱っています。ウェブメディアの特性上、記事は断片的な情報となることが多く、体系的な発信が難し... 続きを読む
ブラウザ上でデバッグするときに使えるテクニック
2023/11/18
358 users
テクニック
ブラウザ上
デバッグ
Netflix
パク
ウェブ上でJavaScriptを実行してバグが発生した場合、ブラウザに内蔵されている開発者ツールを使ってデバッグすることがよくあります。そうしたブラウザでのデバッグにおいて役立つテクニックをNetflixでフロントエンドの開発に携わっているアラン・ノルバウアーさんがまとめています。 67 Weird Debugging Tricks Your ... 続きを読む
フロントエンドの書くべきだったテスト、書かなくてよかったテスト
https://offers.connpass.com/event/299909/ 登壇資料 続きを読む
アンチパターンを理解して package by feature へ
2023/11/10
127 users
アンチパターン
原理
単位
関心
規模
はじめに ニコニコ生放送でフロントエンドを担当している misuken です。 今回は関心が分散してしまう理由やその原理、この問題に対する適切な対処法を通して、package by feature の合理性や、そこで重要になってくる関心の単位などについて解説していきます。 規模の大きなものを扱っている方、分類が苦手な方、分類に... 続きを読む
JavaScriptビルドツールの整理 各ツールの機能と依存関係
2023/10/26
177 users
ビルドツール
整理
config
依存関係
各ツール
フロントエンドのビルドツールが色々ありすぎて、何がどうなっているのかがわかりづらいため、 各ツールができること、特徴 ツール間がどのように依存しあっているか を一気に調べて整理した。(情報は2023/10時点) 概要 ツールの依存関係整理 上層: dev server付きのバンドラ。アプリ開発者が直接configなどを書いて取り... 続きを読む
フロントエンドのディレクトリ設計思想
2023/10/16
234 users
Tradeoffs, Bad Science, and Polar Bears – The World of Java Optimisation 続きを読む
【永久保存版】0からReactを勉強するならこのロードマップに従え！ - Qiita
2023/10/04
150 users
Qiita
React
Sicut_study
独学
言語
はじめに こんにちは！！@Sicut_studyです！ 最近フロントエンドを学ぶ機会が多く、色々試してみて今後 React が選ばれる場面が増えるのかなと思いました。 そこで初学者の方がJavaScriptの次に学ぶ言語の選択肢になりやすいのではないかと考え今回の記事を作成しました。 私自身、2022年9月に独学で React を学び始めま... 続きを読む
フロントエンドのテスト構成について考えてみた in 2023
2023/09/23
141 users
テスト構成
スタック
意義
技術スタック
応用
はじめに この記事では、 フロントエンドの開発において意義のあるテストはなにか？ それらをコスパよく実現するためにはどうすればよいか？ について考えて、作った構成を紹介します。 前提 下記の技術スタックを利用していますが、これ以外のスタックでも応用可能な仕組みが多いと思います。 Next.js Storybook playwr... 続きを読む
フロントエンドの開発生産性とは
2023/09/21 @ Findy のカンファレンス 続きを読む