異端開発室

Ajaxの概念と非同期通信の役割 Ajax（Asynchronous JavaScript and XML）は単一の言語やフレームワークではなく、既存のWeb技術を統合して「ページ再読込みなしのデータ更新」を実現する通信アーキテクチャを指します。HTML、CSS、DOM操作、そしてクライアントとサーバー間のデータ交換プロトコルを組み合わせることで、ユーザー操作に対するUIの応答速度を大幅に向上させ ...

ページネーション機能のコード ページネーションのロジックとスタイル from django.utils.safestring import mark_safe from django.http.request import QueryDict class PageNavigator: """ 必要なパラメータ page: 現在のページ番号 (必須) total_items: 全データ数 (オプション) items_per_page: 1ページあたりの表示アイテム数 ( ...

Djangoの基本的なアプリケーション Djangoは、Webアプリケーションの開発を効率化するための強力なPythonフレームワークです。以下では、Djangoプロジェクトの基礎とその設定方法について説明します。 1.1 Djangoの概要とプロジェクト作成 DjangoはPythonベースのオープンソースMVCフレームワークで、迅速な開発とクリーンな設計を促進します。以下のコマン ...

Webアプリケーション開発において、正規表現を活用した柔軟なURLマッピング技術は必須スキルです。本記事では、learn-regexプロジェクトの知識を基盤に、動的なパスパラメータ抽出やパターンマッチングを実現するルーティング設計手法を解説します。 正規表現ルーティングの設計原理 Webフレームワークのルーティングシステムは、単純なパスマッチングから高度なパターン ...

Vueプロジェクトの作成 jingxi_shop_projectフォルダ内にfrontendフォルダを作成し、フロントエンドプロジェクトを格納します。 /jingxi_shop_project /backend /jingxi_shop_project ...... /frontend /jingxi_shop_web ...... まずnode.jsとVue CLIをインストールし、プロジェクトディレクトリ内でプロジェクトを作成します ...

ページの静的化 静的化が必要な理由 トップページはサイトで最も頻繁にアクセスされるページであり、ユーザーがログインしているかどうかに関わらずアクセスできます。各アクセス時にデータベースからデータをクエリする必要があり、ほとんどのアクセスで表示される内容は同じです（バックエンド管理者がトップページのデータ情報を変更しない限り）。 そのため、トップペ ...

静的ファイルの設定 Djangoでは、CSS、JavaScript、画像、サードパーティ製のフロントエンドライブラリなど、あらかじめ用意されたリソースを「静的ファイル」と呼びます。デフォルトでは、プロジェクトルート直下にstaticフォルダを作成し、そこにこれらのリソースを配置することが推奨されます。さらに管理を容易にするため、css、js、imgなどのサブフォルダで区分けする ...

DjangoのURLディスパッチャは、pathとre_pathという2つの主要な方法を提供しています。これらを使用して、リクエストを適切なビュー関数にルーティングします。 from django.urls import path, re_path from myapp.views import custom_view, regex_view, regex_view_month urlpatterns = [ path('admin/', admin.site.urls), path('product/<pid:product_id&g ...

シンプルなWebサーバーの実装 以下は、socketモジュールを用いてHTTPリクエストを処理する最小限のWebサーバーの例です。 import socket sock = socket.socket() sock.bind(('127.0.0.1', 8080)) sock.listen(5) conn, addr = sock.accept() raw_data = conn.recv(1024).decode('utf-8') path = raw_data.split('\r\n')[0].split(' ')[1] conn.send(b'HTTP/1.1 200 OK\ ...

Vue.js環境のセットアップ まずはフロントエンド環境を構築します。 # Node.jsのインストール https://nodejs.org/en/ # cnpmのインストール npm install -g cnpm --registry=https://registry.npm.taobao.org # 依存パッケージのインストール cnpm install # 開発サーバーの起動 cnpm run dev Django環境のセットアップ 次にバックエンド環境を構築します。 # 仮想環 ...