タグ フロントエンド
人気順 5 users 10 users 100 users 500 users 1000 users【無料公開】560万円かけて開発したサービスのソースコード
2024/11/04
428 users
ソースコード
サービス
無料公開
React
560万円
※月単価80万円を基準に、7ヶ月分の工数として560万円相当と換算しています。 最初に こんにちは！ 普段はIT企業でWebエンジニアとして働いています。 現在はフリーランスとして活動し、Ruby（Ruby on Rails）、TypeScript（Next.js, React）、Pythonなどを使って、フロントエンドとバックエンドの両方に携わっています。... 続きを読む
フロントエンドの現在地とこれから
2024/10/05
106 users
YAPC::Hakodate 2024 https://fortee.jp/yapc-hakodate-2024/proposal/a2e39821-a91c-4d10-9db7-1e4d624d47ff 続きを読む
プログラマ vs AI 生存競争
2024/09/20
144 users
生存競争
X.com
mizchi Node.js
競争相手
Previous slideNext slideToggle fullscreenOpen presenter view プログラマ vs AI 生存競争 mizchi NextBeat 第一回プログラミング教育について語る会 About https://x.com/mizchi Node.js とフロントエンドの専門家 100万*達成率で御社のフロントエンドの高速化をやります 話したいこと 今一度、共同作業者・競争相手... 続きを読む
あなたのパフォーマンスを倍にする Frontend Ops の傭兵はいかがですか
2024/09/02
132 users
傭兵
mizchi
パフォーマンス
エキスパート
ウェブサイト
あなたのパフォーマンスを倍にする Frontend Ops はいかがですか.md あなたのプロジェクトに Frontend Ops の傭兵を。 [経営者の方へ] ウェブサイトが遅くなっていませんか?機能追加が遅くなっていませんか？ 私 @mizchi は Node.js とフロントエンドのエキスパートです。もし私を知らなければ、御社のフロントエンド担... 続きを読む
React / Remix への依存を最小にするフロントエンド設計 - 一休.com Developers Blog
2024/08/05
177 users
React
Remix
ＣＴＯ
恩田
最小
CTO 室の恩田(@takashi_onda)です。 一休レストランのフロントエンドアーキテクトを担当しています。 Intro 一休レストランでは、以前ご紹介したようにフロントエンドで React / Remix を利用しています。 user-first.ikyu.co.jp 一方、設計方針としては、React / Remix への依存が最小になるように心掛けています。 今... 続きを読む
ファインディの爆速開発を支えるモノレポ管理ツール「Nx」について - Findy Tech Blog
2024/08/05
71 users
ファインディ
puku0x
爆速開発
キャッシュ機構
リート
ファインディ株式会社でフロントエンドのリードをしております 新福(@puku0x)です。 この記事では、ファインディで導入しているモノレポ管理ツール「 Nx 」について紹介します。 モノレポとは Nxとは Nxワークスペースの作成 Nxの機能 コード生成 変更検知 依存関係の管理 キャッシュ機構 自動マイグレーション まとめ ... 続きを読む
【T3 Stack】フロントエンド・バックエンドTypescript開発入門
2024/07/14
109 users
TypeScript
プロジェクト
バックエンド
メイン
以下
はじめに フロントエンドもバックエンドもTypescriptで書きたい！ということで、T3 Stackについて調べてみました。 T3 Stackを利用したプロジェクトを作成するためのCLIツールcreate-t3-appが用意されており、簡単に雛形プロジェクトが作れるため、実際に使ってみました。 この記事は以下の内容をメインに紹介します。 c... 続きを読む
話題のLLMローコード構築ツールDifyをAWSのマネージドサービスで構築してみた - エムスリーテックブログ
2024/05/30
71 users
マネージドサービス
マネージ
OpenAI
Dify
AWS
こんにちは。エムスリーエンジニアリンググループのコンシューマチームに所属している園田です。 普段の業務では AWS やサーバーサイド、フロントエンドで遊んでいるのですが、最近はもっぱら OpenAI や Claude3 で遊んでます。 今回は、最近巷で話題の LLM ローコード構築ツールである Dify の OSS 版を AWS のマネージ... 続きを読む
Yahoo! 知恵袋フロントエンドをリアーキテクトしている話
2024/04/20
66 users
Yahoo
controller
ユニットテスト
ロジック
Yahoo! 知恵袋のフロントエンドには26000行を超えるユニットテスト(1つのcontrollerのユニットテスト)や、多くのロジックを含むcontrollerがあります。これらによって追加実装・保守が難しい状況です。この問題を解決するために、リアーキテクトを行いました。以下について主に話そうと思っています。 ・リアーキテクト... 続きを読む
レガシーなフロントエンドを リプレースするプラクティス。 エネチェンジが挑む 「React化」
2024/05/03
67 users
プラクティス
jQuery
ENECHANGE
エネチェンジ
ENECHANGEでは、電気とガスの料金シミュレーションサービス「エネチェンジ」を開発しています。リプレース前の「エネチェンジ」のフロントエンドは、jQueryがメインで、ところどころVue2が使われていました。今回は、長年の開発によって積み重なったフロントエンドの技術負債をどのように解消しているのかについてご紹介... 続きを読む
フロントエンドのスピードに置いていかれたので、よく聞く技術を調べて分類してみた
元フルスタックエンジニア(死語)をやらせていただいていたものです。 JavaScript(TS)周りの進歩が凄く、あまりにもついていけていなかったので、気になったワードを片っ端から整理してみました。 それぞれに対する説明の正しくないものが含まれてしまっている可能性があります。 そんなところを見つけたときは優しく教え... 続きを読む
[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つを検証するという基本セオリーがありま... 続きを読む