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

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

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

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 のヘッ... 続きを読む

画像による 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を採用した... 続きを読む

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

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

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

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…。 「よく分からないけど、まあいいや」ではすまされない！ コードの破... 続きを読む

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

2015/11/27 314 users Qiita HTML5

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

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... 続きを読む

Fetch API 解説、または Web において "Fetch する" とは何か？ - Block Rockin’ Codes

2014/11/11 243 users Codes Block Rockin ドラフト 仕様 web

2014-11-11 Fetch API 解説、または Web において "Fetch する" とは何か？ fetch WHATGW Fetch Spec WHATWG のメンテナンスするドラフトに Fetch Spec が追加されました。 もうすでに日本語訳もあります、すばらしい。Fetch Standard 日本語訳 この仕様には二つのことが定義されています。 "Fetching": Fetc... 続きを読む

git - 英語コミットコメントに使えるオシャレフレーズ集 - Qiita [キータ]

2013/10/10 965 users キータ Tweak retrieve Git Qiita

英語コミットコメントに使えそうなオシャレフレーズを聞いたので、これを使ってドヤ顔コミットをしたくてやれるチャンスを虎視眈々と狙う毎日です v, x, g, z とかこのへんが入ってる単語だとなんかカッコ良さ増す。 tweak とかデザイナーにはだいぶ便利。 undesireble 好ましくない avoid, circumvent 回避する retrieve 受け取る(fetch) revise =... 続きを読む

GitHub のプルリクエストを fetch しとくと便利 - HWPS別館

2013/01/30 261 users GHE 多人数 リモート GitHub プルリクエスト

GitHub や GHE を使って多人数で開発していると，プルリクエストを横断して試す必要が頻繁に発生すると思います．プルリクエストを次々に試したり，#30 と #31 をマージした結果を試したい！なんてケースもあるのではないでしょうか．GitHub では git ls-remote すれば分かるように，プルリクエストの番号と対応したブランチがリモートに存在しているので，これを取得してみます． [... 続きを読む