Education2024

Filtering Ignore web site

最小構成で動かせる、動的規制回避サイト。導入手順を極端に短くした実装。

JavaScriptScrapingCSSFilteringREST APINetwork Protocols
Filtering Ignore web site

Overview

非常にシンプルな構造の、動的規制回避用サイト。コピペするのは2つだけ。gitがわからんくても簡単!

実装の背景、主要機能、運用上の注意点をREADMEの読み味で整理しています。

Background

  • プロジェクト: プロキシサイト-4step
  • 目的: 短文サマリーではなく、再利用しやすい実装ドキュメントとして残す
  • 方針: デモ向け説明よりも、実装意図と運用条件を優先

Key Features

主要機能

  • glitchやrenderで簡単にデプロイ(glitchおすすめ)
  • server.jsと、index.htmlをコピーしてペースト
  • URLを入力して、規制回避
  • REST APIを使って、サイトを取得
  • URLを分割して確実に規制を回避し、サイトを取得

Tech Stack

  • JavaScript
  • Scraping
  • CSS
  • Filtering
  • Rest API
  • Network Protocols
  • Web Security
  • HTML
  • DOM
  • js
  • Simple
  • Dynamic Site

Implementation Notes

  • 実装は速度優先で小さく回し、必要に応じて段階的に機能追加
  • ユーザー体験を壊しやすい箇所(同期、権限、外部API制約)を先に固定
  • 学習用途と実運用用途の境界を明示し、用途に応じて使い分ける設計

Links

Screenshots

Filtering Ignore web site Filtering Ignore web site Filtering Ignore web site