axiosやfetchに替わるKyのススメ - Qiita

2024/07/25 103 users Qiita AXIOS ネーミング ネイティブ 利点

Kyとは Kyは、Sindre Sorhusが開発したJavaScript向けの軽量かつ多機能なHTTPクライアントです。ネーミングの意図はよくわかりませんが、AxiosやネイティブのFetch APIに代わる、より効率的で使いやすい選択肢として設計されています。 Kyの利点 軽量で効率的: Kyのコアは非常に小さく（約2 KB）、パフォーマンスが重要... 続きを読む

Next.js 15 RCまとめ

2024/05/26 14 users Next.js experimental React GET

基本的には以下のNext.js 15 RCのブログを翻訳してまとめたものになります。 TL;DR React 19 RC: React 19 RCとReact Compiler(Experimental)、ハイドレーションエラーの改善のサポート キャッシュ: fetchによるリクエストとGETによるRoute Handlers、クライアントナビゲーションのキャッシュをデフォルトで無効化 Parti... 続きを読む

fetch の中断と Back/Forward Cache からの復元で発生する奇妙な現象について - mizdra's blog

2023/12/14 11 users throw back forward cache 復元 中断

TL;DR あるリソースの fetch 中にページ遷移すると、一部ブラウザでは fetch が中断される 中断されると、TypeError が throw される ページ遷移時は、ブラウザによって遷移前のページの実行が"停止"され、"捨てられる"ので、通常 throw された後のことは考えなくて良い しかし、そのページが Back/Forward Cache から復... 続きを読む

ゼロランタイムで fetch に型をつけたい

2023/05/18 49 users import from フルパス ライブラリ化 型情報

まだライブラリ化してないのと、フルパス対応してないけど、いじれば使えると思う。 これは何 こういう感じに fetch に型がついて動く import { type TypedFetch, JSON$StringifyT, JSON$ParseT } from "./typed-fetch"; const stringifyT = JSON.stringify as JSON$stringifyT; // こんな感じの記法で型情報を与える co... 続きを読む

Chrome113でHTTPヘッダを上書きしていろんな状態をお試しできる - hogashi.*

2023/05/13 192 users hogashi HTTPヘッダ CSP GitHub Cors

Chrome 113 で、 DevTools の Network ペインで HTTP ヘッダを好きなように編集して、いろんな状態をお試しできるようになっている。 What's New in DevTools (Chrome 113) - Chrome Developers で紹介されている。 GitHub から example.com を fetch してみる GitHub の CSP ヘッダを上書き example.com の CORS のヘッ... 続きを読む

React cache() で Next.js の Per-request Caching が実現できるのはなぜか

2023/05/12 9 users Next.js 重複 リクエスト リクエスト単位 最低限

Next.js App Router では、リクエスト単位で処理をキャッシュする機構が存在し、ドキュメント上にも Per-request Caching として説明があります。 ひとつは、fetch() による Automatic fetch() Request Deduping で、単一リクエスト内で同一の fetch()リクエストが存在した場合、重複を排除し、最低限の実行としてくれま... 続きを読む

GitHubからfetch/pullできなくなった場合の対処（2023/03/24秘密鍵公開） - Qiita

2023/03/26 6 users SSH リポジトリ GitHub Qiita Git操作

日本時間で2023/03/24 14時ごろ、GitHubは、彼らのSSHホスト鍵ペアを更新しました1。SSHホスト鍵ペアの秘密鍵が一時的に公開されていたことが判明したためです。 SSHホスト鍵ペアの更新はユーザのGitHubからSSHを使ってクローンしたリポジトリにおけるgit操作に影響を与えます。具体的には git fetch や git pull, git p... 続きを読む

React がネイティブの fetch を patch しようとしてる話

2022/10/30 73 users React PATCH ネイティブ

Next.js のドキュメントには次のように記載されてる React will automatically cache fetch requests with the same input in a temporary cache. This is an optimization to avoid the same data being fetched more than once during a rendering pass - and is especially useful when multiple components need to ... 続きを読む

CORB から ORB へ | blog.jxck.io

2022/10/24 6 users Orb SPECTRE Site Isolation 後継

Intro CORB (Cross Origin Read Blocking) が Fetch の仕様から消え、後継の ORB (Opaque Response Blocking) が策定作業中である。 ここでどのような変更が起こっているのかを調査し、記録する。 CORB CORB はもともと、 Spectre に端を発する Site Isolation の走りとして始まった。 Spectre のサイドチャネル対策のた... 続きを読む

Node.js v18 の主な変更点 - 別にしんどくないブログ

2022/04/19 18 users 変更点 ブログ experimental node test

Node.js v18がリリースされました 🎉 nodejs.org この記事では Node.js v18 の主な変更点を抜粋して紹介します！ fetch() がフラグ無しで実行可能に (experimental) HTTP requestTiemout()のデフォルト値の変更 node:test モジュール（テストランナー）の追加 (experimental) V8 アップデートによる新しい JavaScript の... 続きを読む

画像による Layout Shift が無くなる Web がやって来る - mizdra's blog

2020/05/31 306 users mizdra's blog web 画像 img 古来

はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークから fetch して読み込みが完了するまで, レスポンシブな img 要素の寸法を決定できず, ページにガタツキ (La... 続きを読む

継続的にベンチマークを取るための GitHub Action をつくった - はやくプログラムになりたい

2019/11/11 149 users GitHub Action ベンチマーク プログラム 既存

今年9月に GitHub Action v2 がリリースされました．GitHub Action は GitHub が提供する CI/CD サービスです． 既存のサービスと大きく違う点は，処理を汎用的に Action として切り出して再利用できることです． 例えば，GitHub からのリポジトリのクローン actions/fetch や Node.js のセットアップ actions/setup-nod... 続きを読む

一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog

2019/01/17 637 users jQuery依存 jQuery Polyfill スマホ版

一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 なぜjQueryを取り除いたのか？ どうやったのか 何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した... 続きを読む

git submodule をキャッシュで高速化する - 詩と創作・思索のひろば

2019/01/10 14 users 思索 ひろば git submodule キャッシュ 創作

目下新マシンの開発環境をセットアップ中なんだけど、clone しないといけないリポジトリがけっこうたくさんある。このリポジトリ群っていうのが git submodule によってモジュールを共有していて、つまり同じリポジトリを何度も fetch してくることになる。これって無駄じゃないですか？ というわけで submodule update ... 続きを読む

まだXMLHttpRequestを使ってるの？　fetchのすすめ

2018/10/09 342 users XMLHttpRequest XHR DOM 地位 サーバー

JavaScriptでWeb的なプログラムを書いたことがある人は、XMLHttpRequestを使った経験もあるのではないかと思います。（$.ajaxしか使ったことがないよという人はすみませんがサポート対象外です。） XMLHttpRequest，略してXHRは、JavaScript（+DOM）でサーバーとHTTP通信をするための唯一の方法としての地位を長らく保っ... 続きを読む

Release fetch 3.0.0 · github/fetch · GitHub

2018/09/09 10 users GitHub

The whatwg-fetch package is now a module with exports. The following methods/classes are available: fetch Headers Request Response DOMException All exports except for DOMException represent the polyfill implementations, not the native variants if they are available. This library still automatical... 続きを読む

ISUCON7 予選1日目を1位で通過しました。 - ken39arg’s blog

2017/10/23 43 users ken39arg’s blog ISUCON7 予選1日目

2017 - 10 - 24 ISUCON7 予選1日目を1位で通過しました。 大会運営者の皆様ありがとうございました。 本戦もよろしくお願いいたします。 まとめ 決勝に行くことはできたけど、打倒組長は達成できず... 勝因: /icons/* と /fetch をなんとかできたこと 敗因: nginxを2台にしていたこととswap対策できなかったこと 参加経緯 ISUCONの存在は同僚の組長が無... 続きを読む

[フロントエンド] fetchを用いたAjax通信を行う - YoheiM .NET

2017/01/20 26 users XMLHttpRequest YoheiM WHATWG

こんにちは、 @yoheiMune です。 XMLHttpRequestに変わる次のAjax仕様として fetch が策定されていますが、今日はそれを扱ったAjax通信をブログに書きたいと思います。 目次 fetchとは fetchとはwhatwgで策定されている、フロントエンドJavaScriptの次世代の非同期通信の規格で、 XMLHttpRequest に取って代わるものです。例えば以下のよ... 続きを読む

Foreign Fetch による Micro Service Workers | blog.jxck.io

2016/12/12 27 users jxck.io クロスオリジン created_at 対象

created_at: 2016-12-12 updated_at: 2016-12-12 tags: [ fetch , service worker , origin trials ] Intro Service Worker に Foreign Fetch という機能が提案されている。 この機能があるとクロスオリジンへの fetch をフックできる Service Worker を、その対象... 続きを読む

git push --force でなく git push --force-with-lease を使う - valid,invalid

2016/04/04 484 users Force valid,invalid git push

2016 - 04 - 04 git push --force でなく git push --force-with-lease を使う Git GitHub 前に社内チャットで流れてて初めて知った。 他人の変更を上書きするおそれのある git push --force でなく、最後に fetch したタイミング以降に他人が push していたら失敗する git push --force-with-... 続きを読む

【保存版】プログラミングで使うやたら難しい英単語のかんたん解説15選

2016/02/25 432 users プログラミング 難しい英単語 保存版 retrieve 単語

プログラミングでコードを書くときは、99．9%英語を使いますよね。 クラス名やメソッド名をつけるのにも、欠かせません。 ですが、他人が書いたプログラムを見たとき、あなたはそこに書かれている英単語の意味を本当に理解していますか？ 知らない単語が混じっていて、困惑したことはありませんか？ fetch、acquire、retrieve…。 「よく分からないけど、まあいいや」ではすまされない！ コードの破... 続きを読む

テレビCMはアプリのインストールを大幅に増加させるという調査結果 | スラド IT

2015/12/10 17 users スラド headless GigaOM インストール アプリ

headless 曰く、 テレビでアプリのスポット広告を流すことで、アプリのインストール数やアクティブユーザー数を大幅に増加させるという調査結果が発表されている（ 概要リポートPDF 、 Gigaom 、 Android Headlines ）。 調査を行ったFetchではインストールの実行件数とアプリ内からの通信量について、スポット広告の放送前5分間と放送後で比較している。その結果、スポット広告... 続きを読む

HTML5 - お疲れさまXMLHttpRequest、こんにちはfetch - Qiita

2015/11/27 314 users Qiita HTML5

本当は、Firefoxでメッセージ付きのプッシュ通知が送れるようになる!...といった内容の記事を書きたかったのですが、何しろ、clients.openWindow()がまだ実装できていないから通知を押しても何も起こらないことになるし、showNotification()も一旦無効にするね、という素敵な対処が行われている状況で、これでは書きにくいので、もう少し様子を見てからにします... さて、S... 続きを読む

シリコンバレーNextレポート - ソフトバンクも出資する倉庫用ロボットメーカーの米Fetch Robotics、9月から日本で販売開始：ITpro

2015/08/18 12 users ITpro ロボットアーム シリコンバレーNextレポート

倉庫の中を自由に移動し、ロボットアームを伸ばして商品をピックアップする――。そんな自走型ロボット「Fetch」を開発する米国のロボットベンチャー、Fetch Roboticsの製品が2015年9月から日本市場でも販売されることになった。同社は2014年に創業した企業で、2015年6月にはソフトバンクを中心とする3社から2000万ドルの資金を調達している。 日本でFetch Roboticsの製品を... 続きを読む

Promiseに関するパターンや命名規則 - Qiita

2015/04/27 118 users Qiita Promise sync send Put

やや自己流含む。 getXxx/fetchXxx getXxxは同期、fetchXxxはPromiseということにしている。とくに非同期の取得系はfetchということに決め打ってる。 GETリクエストであることを明示したいときにややこしいという問題はあるが、そのケースは少なく、JS内で同期/非同期を明示したいことの方が多い。 例: 非同期の副作用系はput/post/sync/send/uploa... 続きを読む