タグ フロントエンド
人気順 5 users 50 users 100 users 500 users 1000 usersフロントエンドから Amazon S3 にマルチパートアップロードしたい - カミナシ エンジニアブログ
2024/05/13
14 users
カミナシ
Put
エンジニアブログ
http
上限
はじめに Presigned URL（*) などで、Amazon S3 へのアップロード処理を実装していると、大きなサイズのファイルをアップロードしようとしたときに、以下のような課題に直面することがあります。 一回のPUT リクエストでアップロードできるサイズの上限が 5GB まで 単一の HTTP リクエストでアップロードするため、大き... 続きを読む
Findy転職フロントエンドの開発生産性を向上させるためにやったこと - Findy Tech Blog
2024/05/13
18 users
Findy Tech Blog
Findy
開発生産性
刷新
こんにちは、ファインディ株式会社でフロントエンドのリードをしております 新福(@puku0x)です。 この記事では、転職サービス Findy の開発チームにおける開発生産性の向上に対する取り組みをご紹介します。 以前の状況 モノリスの解体 開発基盤の刷新 コンポーネント設計の刷新 テストの拡充 CI の高速化 改善の効果 ま... 続きを読む
[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする | DevelopersIO
2024/05/09
18 users
layout
TSX
DevelopersIO
西村祐二
タブ
[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする どうも！オペレーション部の西村祐二です。 最近、Next.jsなどでフロントエンドの実装も行うことが増えてきました。 実装を進めていくと、page.tsx,layout.tsx,index.tsx,route.tsなど同名のファイルが増えてきて、どのファイルを... 続きを読む
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)周りの進歩が凄く、あまりにもついていけていなかったので、気になったワードを片っ端から整理してみました。 それぞれに対する説明の正しくないものが含まれてしまっている可能性があります。 そんなところを見つけたときは優しく教え... 続きを読む
Google、「Chrome Enterprise Premium」発表。Chromeブラウザにポリシーの適用や動的URLフィルタリングなどのエンドポイントセキュリティを提供
2024/04/16
16 users
エンドポイントセキュリティ
BYOD
リモートワーク
適用
Google、「Chrome Enterprise Premium」発表。Chromeブラウザにポリシーの適用や動的URLフィルタリングなどのエンドポイントセキュリティを提供 Webブラウザが、企業においてもあらゆる業務アプリケーションのフロントエンドとして使われるようになってきたと同時に、リモートワークの普及やBYOD（Bring Your Own Device... 続きを読む
100秒で理解するCDN
2024/04/15
12 users
CDN
Content Delivery Network
はじめに この記事の内容は、以下の動画でも解説しているので、ぜひ見てみてください。他にもフロントエンドに関する解説動画を投稿しているので、良ければチャンネル登録よろしくお願いします！ CDNとは CDNとは、「Content Delivery Network」の略で、インターネット上でコンテンツを効率よくユーザーに配信するための... 続きを読む
フリーランス・副業における案件数が多いプログラミング言語 2位「PHP」、1位は？
2024/04/09
16 users
PHP
フリーランス
副業
プログラミング言語
案件数
フリーランス・副業における案件数が多いプログラミング言語は何か。フリーランス・複業・副業の求人マッチングサービス「SOKUDAN（ソクダン）」を運営するCAMELORS（東京都渋谷区）の調査によると、1位は「JavaScript」（案件比率21.2％、月収87万円）だった。 JavaScriptは、Web開発におけるフロントエンドからバック... 続きを読む
ZOZOTOWNのマーケティングプラットフォームでのフロントエンドの取り組み - ZOZO TECH BLOG
2024/03/25
10 users
マーケティングプラットフォーム
ZOZOTOWN
ユーザ
はじめに こんにちは、MA部の林（@hayash__p）です。 私達のチームでは、メール、LINE、Push通知、サイト内お知らせなどでユーザにZOZOTOWNのセールや新着商品を紹介するといった、マーケティングに関わるシステムを開発しています。これまで、配信チャネルや配信内容ごとに個別最適化したシステムを開発していましたが... 続きを読む
[Next.js] 開発中のページを開発環境でのみ表示し、本番環境のビルドには含めないようにする
2024/03/19
98 users
ビルド
Next.js
Twitter
本番環境
開発環境
はじめに この記事について こんにちは、 @zomysan（Twitter） です。この記事では、Next.js で開発をしているWebアプリケーションのフロントエンドを対象に、開発途中のページをどう扱うかということについて書きます。 新しい機能やリニューアルのための開発を始めてあたらしいページを追加したものの、まだ途中なので... 続きを読む
Go 言語だって minify されたい！「mingo」の紹介
2024/03/11
18 users
CSS
DOCTYPE html
HTML
速度
minify
HTML/CSS や JavaScript など、 Web フロントエンドにおいては配信時にファイルを minify することが一般的です。 ファイルを minify する = ファイルサイズを小さくすることでネットワークの通信量を削減し、結果として Web ページの読み込み速度を向上させることができます。 <!-- 例えばこれが --> <!DOCTYPE html> <... 続きを読む
フロントエンドのディレクトリ設計を移行した話 | Atomic Design → Feature
2024/02/28
26 users
feature
リファクタリング
ディレクトリ設計
前提
業務
はじめに この記事は、業務でフロントエンドのディレクトリ設計思想を変更した際の作業をまとめた記事です。 多少大きな規模のプロジェクトのため新規機能実装などに影響が出にくいようにリファクタリングを進めてきました。そこでの進め方や感想も含めてお伝えできればと思います。 前提 6年ほど運用しているReact Nati... 続きを読む
Amazon S3 へのファイルアップロードで POST Policy を使うと、かゆいところに手が届くかもしれない - カミナシ エンジニアブログ
2024/02/27
169 users
カミナシ
かゆいところ
ファイルアップロード
アップロー
佐藤
はじめに こんにちは。カミナシでソフトウェアエンジニアをしている佐藤です。 みなさんは、アプリケーションのフロントエンドから、Amazon S3 にファイルをアップロードするときに、どのような方法を用いているでしょうか？ 「バックエンドのサーバーにファイルを送信し、バックエンドのサーバー経由で S3 にアップロー... 続きを読む
Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
2024/02/27
17 users
htmx
Ajax
アップルップル
html属性
サーバー
htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の... 続きを読む
専任チームが存在しないカミナシでどうやってインフラの改善を進めているのか？ - カミナシ エンジニアブログ
2024/02/26
14 users
カミナシ
インフラ
専任チーム
manabusakai
ＣＴＯ
こんにちは。ソフトウェアエンジニアの坂井 (@manabusakai) です。 カミナシでは職能別のチーム分けをしておらず、エンジニアのロールは基本的に全員ソフトウェアエンジニアです。フロントエンドやバックエンドにとどまらずインフラやセキュリティも含めて、サービス開発チームがすべてを担っています。 CTO の言葉を借... 続きを読む
フロントエンドの移り変わりは早すぎるのか
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 開発や技術ブログの投稿、登壇な... 続きを読む
Renovateを使ってフロントエンドのバージョンアップを改善した話 | PR TIMES 開発者ブログ
2024/02/16
19 users
React
monorepo
Renovate
リポジトリ
こんにちは、フロントエンドエンジニアの小張です。Renovateを使ってフロントエンドのパッケージやライブラリのバージョンアップを改善したことについて紹介します。 PR TIMESではReactに関するコードを、monorepoとしてprtimes-frontendという1つのリポジトリで管理しています。 このリポジトリは作成されてから2年ほど... 続きを読む
フロントエンドで収集するべきテレメトリは何か
2024/02/12
70 users
概念
監視
フロントエンド監視
全体像
可観測性
先日『フロントエンド監視の全体像と実現方法』という記事を投稿しましたが、その中でテレメトリについては触れませんでした（※本記事は上記記事の内容を知らなくても読み進められるようになっています）。 というのは、テレメトリは可観測性を実現するための重要な概念ではあるものの、テレメトリを軸に監視を考えるの... 続きを読む
Web フロントエンドのテストと持続可能な方針の組み立てを考える | Offers Tech Blog
2024/02/09
17 users
持続
テスト
Offers Tech Blog
方針
web
Offers を運営している株式会社 overflow の あほむ でございます。 今回はプロジェクトで Web フロントエンド領域のテストを書くにあたって方針を決めた際の ADR をブログ向けに再整理したものをお届けします。 テストコードを書くべきか書かざるべきか 逃げ切りが確約された作り捨ての納品プロジェクトでもなければ、... 続きを読む
previs: 面倒なマークアップは AI にやらせる
2024/02/07
16 users
CLI
ロジック
CSS
実行結果
目視
自分はフロントエンドのロジックを考えるのは得意なんですが、CSS は苦手です。 なので 自分は AI にコード変更を依頼して実行結果を目視でプレビューしつつ、その結果を受けいれるかどうかの判断だけすればよくね？と考えて、それを CLIとして実装してみました。 ボタンの色を書き換えるという簡単な例ですが、こんな感... 続きを読む
コストをかけずに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作成などの業務もやらせてもらえるようになったので、自分のエンジニアとしてのレベル感や、この先目指すべき道筋を明確にしたいな〜という思いでこの記事を書いて... 続きを読む