今日は、Cloudflare Workers を使用してプロキシIP（無料のもの）を無料でブロックする方法を学びます。 すでにご存知のように、CloudflareはManaged Lists を提供しています。これらはEnterpriseのお客様のみ利用可能です。 彼らのManaged Listsは、ここで行っていることよりも効果的ですが、それでも無料であることを考えると、私たちの方法は十分まともです。 おまけとして、返される「ブロック」ページをカスタマイズして、独自のセキュリティを披露することができます 😁 なぜプロキシをブロックするのか？他の投稿で「なぜTORをブロックするのか？」と質問されました。TORと同様に、これらのプロキ...
ウェブサイト最適化
ウェブサイト最適化のためのガイド、ヒント、ベストプラクティス — パフォーマンス、速度、ユーザー体験の向上。
今日はCloudflare Workers を使用して、TORネットワークのIP（リレーとブリッジ）を無料でブロックする方法を学びます。 本題に入る前に、Cloudflareが最近Managed Lists を導入し、ワンクリックでTORをブロックできるようになったことをお知らせします。唯一の欠点は、これらがEnterpriseのお客様のみに提供されていることです。 余裕があれば素晴らしいです。この投稿は無視してください。しかし、Enterpriseプランを購入できない場合は、読み続けてください。 TORネットワークのブロック最初に、cronジョブとしてのみ使用されるworkerを作成しました。TOR IPを取得し、解析し...
この記事は初心者から最も経験豊富なウェブ開発者まで、誰にでも適しています。10年以上の経験を持つシニアウェブ開発者がフォントを無視し、適切に扱っていないのを見てきましたので、ぜひお読みください。 以下の数行を読めば、すべてのブラウザで正しく動作する正しい@font-faceとCSSを使用できるようになります。 ウェブサイトはすべてのデバイスで期待通りの見た目と機能を発揮します。 Font Faceとは？これは既にご存知だと思います。そうでなければこの記事を読んでいないでしょう。 しかし情報として、@font-faceはリモートユーザーがシステムにインストールしていなくても、特定のフォントをウェブサイトに埋め込むことを可能にします。 ...
今日はウェブのレスポンシブ画像について話します。非常に人気があり、かなり問題のあるトピックです。 このトピックを検索すると、あらゆる種類の説明を含む無数の記事が見つかりますが、私はそれらを繰り返すのではなく、別の方法で教えます。 画像を正しく読み込み、SEOランキングを向上させ、ウェブサイトのユーザーエクスペリエンスを改善しましょう。 レスポンシブ画像とは？レスポンシブ画像は自動的に画面のサイズに合わせて調整されます（されるべきです）。しかし…それは正しいやり方でしょうか？まあ、はいでもあり、いいえでもあります。これをGoogleで検索したり、Bootstrapのようなモダンなフレームワークを見ると、「レスポンシブ画像」の定義が次の...