Next.jsはどうやってスクロール位置を復元するのか

2022/07/18 107 users スクロール位置 Next.js experimental

Next.jsにはexperimental(実験的機能)でscrollRestorationというフラグが存在します。 // next.config.js const nextConfig = { // ... experimental: { scrollRestoration: true, }, } module.exports = nextConfig デフォルトでもブラウザ側でスクロール位置を復元してくれることもありますが、Safariでは復元されなか... 続きを読む

Python と Playwright でブラウザを自動操作させるコードを自動生成したよ - Qiita

2021/02/14 341 users Qiita playwright スクレイピング 大幅パワー

Playwright が昨年１年間で大幅パワーアップしていたので、使い方を確認したときの記録のまとめです。 ブラウザを自動操作できるということは、簡単なスクレイピングやブラウザ側のテスト自動化が簡単にできるようになります。 特に、Python での解説がまだまだ少なかったので、自分の学習を含めてまとめました。 今回は... 続きを読む

ブラウザのキャッシュ - Carpe Diem

2017/06/23 210 users Carpe Diem キャッシュ ブラウザ リソース エス

2017 - 06 - 23 ブラウザのキャッシュ Webフロント 概要 Webフロントのパフォーマンス診断 - Carpe Diem で指摘されたブラウザキャッシュの対応をするため調べてみました。 強いキャッシュと弱いキャッシュ 強いキャッシュはブラウザ側でリソースを有効期間まで保持し、再利用します。GETリク エス ト自体投げません。 弱いキャッシュはブラウザ側が「このファイル持ってるけど更新... 続きを読む

アップロード不要、画像をまとめてリサイズできる『Bulk Resize Photos』 | 100SHIKI

2015/06/01 40 users 100SHIKI リサイズ 申し分 アップロード 速度

ちょっと試してみたら思いの外良かったのでご紹介。 Bulk Resize Photosを使えば、複数の画像をまとめてリサイズすることができる。 すべての処理はブラウザ側で行なうのでアップロードが不要、速度も申し分ない点が便利だ。 またリサイズの指定も「全体的に70%に」「最大幅を800pxに」「画質は60%で」といった細かい指定ができる。 なかなか便利だと思うのだがどうだろうか。知っていてもいいか... 続きを読む

サーバサイドエンジニアでも押えておきたい！コアJavaScriptの基本知識 - Qiita

2014/09/16 203 users Qiita Kobito hkusu サーバサイドエンジニア

サーバサイドエンジニアでも押えておきたい！コアJavaScriptの基本知識JavaScript(3488)hkusuが2014/09/16にKobitoから投稿編集リクエストを作成する はじめに WEBアプリケーション開発において ブラウザ側 で何かをしたい場合、ブラウザで唯一動作する言語といっていい JavaScript を触らざるを得ません。ただ JavaScript は理解してしまえば難し... 続きを読む

"note"がAngularJSでどうやってSEO, Open Graphの対応をしているか | Koichiro Wada | note

2014/04/11 367 users AngularJS Note Open Graph SEO

noteはAngularJSを使って、ブラウザで描写しているこの"note"というサービスはAngularJSを使って、JavaScript側（つまりブラウザ側）でノートの中身を公開しているみたいなのです。それはブラウザでソースを見てみるとわかります。例えばhttps://note.mu/sadaaki/n/nd921f3f7c635のノートのソースをChromeで見てみると・・・まずhtmlタグ... 続きを読む

Web版のFeedlyを使いやすくするカスタマイズと使い方 [Firefox/Chrome/Tips] - iPod LOVE

2013/06/05 61 users Feedly Tips Firefox フォント Chrome

Web版のFeedlyは、そのままだとちょっと使いにくい・・・そう感じているユーザーは思いの外多いのではないでしょうか。Google Readerやリーダーアプリなど、数年間同じツールを日常的に使用してきたのですから、違和感を感じるのは当然のこと。できるだけスムーズに移行するには、元の環境に少しでも近づけることが重要です。 Feedlyの設定を見直したり、ブラウザ側でフォントの大きさを変えたりする... 続きを読む

Firefox、メモリを食っているアドオンを調べるアドオン | 開発・SE | マイナビニュース

2013/03/18 28 users アドオン Firefox メモリ Faster 開発・SE

Firefox web browser - Faster, more secure & customizable MozillaはFirefoxのメモリ使用量削減に関する取り組みを継続的に実施しており、大きな成果を上げている。コンテンツはリッチになる傾向にあり、ブラウザ側のこうした改善がなければ、メモリの使用量は増え、快適なWebブラウジングは難しい状況になっていただろう。 Firefoxのメモリ... 続きを読む

リファラとCSRF対策の話 - 金利0無利息キャッシング – キャッシングできます - subtech

2012/10/18 241 users リファラ subtech CSRF対策 data URI 金利

リファラを使ったCSRF対策では多くの場合、想定していない、外部サイトのリファラが付いていたらエラーにする、ということが行われます。 一方で、ブラウザ側の設定に関わらず、リファラはいくつかの方法で消せます。 data uriからの送信 https から http への送信 meta referrerタグで送信しない指定をする(対応ブラウザのみ) 参考: http://wiki.whatwg.org... 続きを読む

プライバシー保護機能Do Not Trackを各ブラウザで設定・有効化する方法: とみー

2012/05/22 10 users 各ブラウザ 設定 方法 ＦＴＣ トラッキング

2012年5月22日火曜日 プライバシー保護機能Do Not Trackを各ブラウザで設定・有効化する方法 Tweet Do Not Trackは、米連邦取引委員会（FTC）が２０１０年に提案したプライバシー保護の取り組みで、インターネットユーザーが第三者からのオンライン行動の追跡（トラッキング）を拒否できるようにするための手段です。 Do Not Trackはブラウザ側で設定できますが、サービス... 続きを読む

SVGをobject要素で活用する | 水無月ばけらのえび日記

2012/02/12 23 users SVG 水無月ばけら 特長 ガチ プラグイン

公開: 2012年2月12日17時20分頃SVGというものはずっと昔からありました。かつてはブラウザ側の対応がいまいちで、プラグインを入れたりしないと表示できなかったりもしており、あまり使われていませんでした。しかしIE9がSVGに対応したことで、かなり使えるようになってきた印象があります。最近では仕事でもガチでSVGを使うことが増えてきています。SVGの特長のひとつは、ベクターグラフィックなので... 続きを読む

アドレスバーからjavascript:を実行できなくするブラウザ側の対策について | MemeTodo

2011/06/17 42 users ソーシャルエンジニアリング Facebook アドレスバー

2011年6月18日土曜日 アドレスバーからjavascript:を実行できなくするブラウザ側の対策について Facebookなどで、裏技する方法などと言ってjavascript:をアドレスバーにコピペして実行させて、情報を盗んだりするソーシャルエンジニアリングが流行っていて(ニコニコでも似たようなのありましたね)、それを防止するためにブラウザ側が取っている対策を書き出してみたもの。 IE9の場合... 続きを読む

ウノウラボ Unoh Labs: jQueryのパフォーマンス最適化に関するTips

2007/11/14 296 users jQuery ウノウラボ ウノウ Tips Unoh Labs

こんにちは、山下です。 今回は、jQueryのパフォーマンス最適化について説明したいと思います。 軽量と言われているjQueryですが、いろいろな機能を実現しようとして複数のプラグインを導入すると、だんだんと動作が重くなってきます。サーバ側をいくらチューニングしたところで、ブラウザ側での処理に時間がかかっていたら、せっかく訪問してくれたユーザに重いサイトとして認識されてしまいます。以下に、ウノウで... 続きを読む

ひげぽん OSとか作っちゃうかMona- - [はてな] はてなグリースモンキー

2005/06/21 12 users Mona ウェブページ Firefox http 見た目

本日、はてなグリースモンキーページを公開しました。http://www.hatena.ne.jp/info/greasemonkey グリースモンキーとはFirefoxの拡張機能の一つで、ウェブページの見た目や機能をブラウザ側でカスタマイズすることができる機能です。 たとえば、グリースモンキー拡張機能をインストール後、はてなの提供するキーワードポップアップスクリプト(HatenaDiaryKeyw... 続きを読む