You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
OpenObserve is a simple yet sophisticated log search, infrastructure monitoring, and APM solution. It is a full-fledged observability platform that can reduce your storage costs by ~140x compared to other solutions and requires much lower resource utilization resulting in much lower cost. OpenObserve is an innovative open-source observability platform designed to streamline the monitoring of logs,
VC(ベンチャーキャピタル)が投資先のスタートアップ企業への転職をサポートしてくれる仕組みがあります。 実は、私はこの仕組みの第1号(たぶん)としてLAPRAS(旧社名scouty)に入社しました。 昨年末には日経にこんな記事も掲載されていました あまり知られていないこの仕組みについて、私個人の経験から、とても簡単ですが書いていきます。 スタートアップ転職のきっかけはVCのMeetupイベント私が転職を考え始めたのは2017年の春先でした。 社員数1桁のスタートアップに興味を持って、良さそうな企業を探していました。 でも、世の中には社員1桁のスタートアップの情報はあまり出てきません。 なぜなら、彼ら自身に発信力がないからです。 Wantedlyで上位に表示されるのは、ある程度名の知れた企業ばかりでした。 私が求めていた、シード調達を終えたばかりのような小さなスタートアップ企業は知人のつてな
この記事はエンジニア転職 Advent Calendar 2023の15日目です。 今年の9月にフォースタートアップスを退職し、11月からLinc'wellという会社で働き始めています、どうもばやしです。 今回の転職活動では、前職で自分自身が採用活動を行っていたこともあり、エンジニア転職について色々体験したいなという気持ちから敢えて色んな媒体（手法）で転職活動を行いました。 選んだ媒体（手法）としては リファラル YOUTRUST Forkwell VCから紹介してもらう の4つを選択しました。 この記事ではその感想をつらつらと書いていこうと思います 全体像 カジュアル面談を多く受け、その中から選考に進む企業を選択するという形で今回は進めました。 トータルでカジュアル面談としては10社受け、そこから選考に進んだのは3社で内訳としては 媒体別カジュアル面談を受けた企業 リファラル 2社 YO
TL;DR あるリソースの fetch 中にページ遷移すると、一部ブラウザでは fetch が中断される 中断されると、TypeError が throw される ページ遷移時は、ブラウザによって遷移前のページの実行が"停止"され、"捨てられる"ので、通常 throw された後のことは考えなくて良い しかし、そのページが Back/Forward Cache から復元されうるなら、話は別 ブラウザバックすると、エラーが throw された後からページが再開される！！！ そして発生する、奇妙な現象の数々... はじまりは、あるサービスの不具合報告 ある日、「Webサービスから外部サービスにページ遷移した後、ブラウザバックで戻ると、エラー画面が表示される」という不具合が報告された。どうも Webサービスの ErrorBoundary で何かしらのエラーが catch され、それによってエラー画
SimpleCheckは、金融機関・プラットフォーマーにおける法人確認プロセスを自動化するソリューションです。
Migrating to SvelteKit v2 • Docs • SvelteKit JSer.infoをサポートするには 😘 知り合いにJSer.infoをおすすめする ❤️ GitHub Sponsorsで@azuのスポンサーになる 🐦 X(Twitter)で@jser_infoをフォローする JSer.info Sponsors JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。 ヘッドライン ECMAScript proposal updates @ 2023-11 | ECMAScript Daily ecmascript-daily.github.io/ecmascript/2023/12/10/ecmascript-proposal-update ECMAScript proposal news
こんにちは！PR TIMES 開発本部フロントエンドエンジニアの岩元 (@yoiwamoto) です。 先日、月間9000万 PV のプレスリリース配信サイト PR TIMES で、もっともアクセスが多い「プレスリリースページ」の実装を、PHP + Smarty + jQuery から Next.js に移行しました。 今回はこれについての詳細や難しかったことなどを共有します。 背景と目的 PR TIMES の Web アプリケーションのフロントエンドは、この数年、必要な部分から随時ページ単位で React 実装へのリプレイスが進んでいる状態で、まだ多くのページでバックエンド生成の HTML + jQuery の実装が残っています。 ご利用企業様のプレスリリースを掲載するプレスリリースページ（下スクリーンショット）もその一つで、機能追加や改修のニーズはありながら、大きな変更を行うことが難し
HTTPGuidesAn overview of HTTPA typical HTTP sessionHTTP messagesMIME types (IANA media types)Compression in HTTPHTTP cachingHTTP authenticationUsing HTTP cookiesRedirections in HTTPHTTP conditional requestsHTTP range requestsContent negotiationConnection management in HTTP/1.xEvolution of HTTPProtocol upgrade mechanismProxy servers and tunnelingHTTP Client hintsSecurity and privacyPractical securi
Next.jsに移行した初期の実装 Next.jsに移行した初期の実装ではgetServerSidePropsで検索結果の1ページ目を取得し、そのデータをTanstack Queryにhydrateするといった形で実装しました（この実装方法自体はUX改善後も変わりません）。 import { dehydrate, type DehydratedState, QueryClient, Hydrate } from '@tanstack/react-query'; export const getServerSideProps = async ({req, res, query}) => { const {search_word: searchWord} = query; const queryClient = new QueryClient(); const searchResultResp
Photo by Jon Tyson from unsplashはじめに先日 @takepepe さんと フロントエンドのテストについてパネルディスカッションする機会 があり、その際に一瞬だけ Next.js App Router のテストの話題になりました。 僕自身、最近 Next.js App Router と格闘する日々を送っておりタイムリーな話題であったのですが、イベントの場では時間の都合もありほとんど語らず仕舞いとなってしまいました。 そこで、今回の記事は App Router、特に React Server Component のテストについて、最近考えていたことを吐き出していこうと思います。 要旨この記事では「2023 年 8 月現在で利用可能なツール群で、どのように React Server Component (以下 RSC) をテストしていくのが妥当か」を書いていきます
このエントリーは一休.com Advent Calendar 2023の15日目の記事になります。 CTO 室の恩田です。 現在は一休レストランのフロントエンドのリアーキテクトを手がけています。 今日はその中で Next.js App Router から Remix に乗り換えた話をご紹介したいと思います*1。 背景 6日目の記事で香西から紹介させていただきましたが、2023年10月に一休レストランのスマートフォン用レストラン詳細ページをリニューアルしました。 一休レストランの Rust バックエンドが正式リリースされました。https://t.co/7N4VGv5ej9 このページのスマートフォンビューはバックエンドが Rust で書かれた GraphQL になってます— naoya (@naoya_ito) 2023年10月4日 ちなみにフロントエンドも、旧バージョンは Nuxt v2
App Router移行は進んでいますか？ Next.js v13から一年以上経過しました。 ReactとNext.jsは、React Server Component(以下RSC)やServer Actionを筆頭にどんどん新機能がリリースされています。 私も仕事でNext.jsを採用しています。 App Router移行するか。するとしたらいつするか。 どのようなアーキテクチャにするか考えついに先日、全ページApp Router移行できました。 一緒に働くフロントエンドエンジニアのみなさま、工数を確保してくださったPMありがとうございました。 対象読者 Next.jsで開発しており、Pages Routerの資産を持っている人 これからApp Routerに移行したい人 App Routerの移行で困っている人 なぜ移行しようと思ったか App Routerが公開されましたがPages
CDN-Cache-Control: Precision Control for your CDN(s)2021-05-21 Today we are thrilled to announce our support of a new set of HTTP response headers that provide surgical control over our CDN’s caching decisions. CDN-Cache-Control allows customers to directly control how our CDN behaves without affecting the behavior of downstream or upstream caches. You might be thinking that this sounds a lot like
こんにちは。 新規プロダクト開発に携わっているエンジニアの島田です。 今年2023年の5月にNext.js 13.4がリリースされました。このリリースで、これまでのアーキテクチャ (今ではPages Routerと呼ばれるようになりました) を大幅に刷新した、App Routerが安定版となりました。 上記リンクにある通り非常に情報量の多いリリースとなり、果たしてこのApp Routerを現時点で採用するべきなのかどうかについて、多くのプロジェクトで関心が高まっているかと思います。 この記事ではその採用可否の判断の一助になるよう、App Routerが提供する既存のものから大幅に刷新されたキャッシュ機能について、それぞれの概要に加えて開発を進める上で便利な点や注意点を解説していきます。 4つのキャッシュ機能 App Routerのキャッシュ機能は4つの種類に大別されます。以下それぞれ見てい
前回、App Routerの遷移の仕組みと実装についてまとめました。 今回はこれの続編として、App RouterのClient-side Cacheの仕様や実装についてまとめようと思います。まだドキュメントに記載のない仕様についても言及しているので、参考になる部分があれば幸いです。 App Routerのcache分類 App Routerは積極的にcacheを取り入れており、cacheは用途や段階に応じていくつかに分類することができます。まずはそのcacheの分類を確認してみましょう。 Request Deduping Request Dedupingはレンダリングツリー内で同一データのGETリクエストを行う際に、自動でまとめてくれる機能です。 nextjs.org/docsより デフォルトでサポートしているのはfetchのみですが、Reactが提供するcacheを利用することでDBア
Version 2.0 of SvelteKit, the official framework for building apps with Svelte, is now available. It is an incremental release that adds support for the newly-released Vite 5 along with a bevy of small improvements and one much-requested feature. If you’ve been paying close attention to Svelte in recent months, you’ll know that we’ve been hard at work on Svelte 5, which is possibly the most antici
こんにちは、デザイナーの細田です。 この記事はEnigmo Advent Calendar 2023 の 15日目の記事です。 日頃の業務ではBUYMAの様々なコンテンツのデザインを担当しています。 中でもHTMLメルマガのデザインに関しては、数年前から改修に携わるようになり、ABテストによるデザイン検証に取り組んできました。 今回はその中でも、改修によって、お問い合わせフォームへの流入数が前月比で140%増加し、本施策のコンバージョンとなるお問い合わせ数も約3倍に増えた成功事例をご紹介します。 改修前のデザイン まずは、今回改修依頼を受けたメルマガの概要をご紹介します。 対象者 高額な商品を複数回閲覧しているユーザー 内容 “BUYMAコンシェルジュ” *1というサービスを紹介し、お問合せフォームへ誘導する デザイン このメールを見て、皆さんはどう感じましたか？ 私は、「なんだか唐突だな
法的文書作成の 見えないムダを排除する 「弁護士、法務のプロが本来業務に集中できる環境を」。 気づかなかった業務の非効率が驚くほど解消されます。 BoostDraftは痒いところに手が届く、 法律専門家向け総合文書エディタです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
