Ubuntu 22.04 システムで Nginx 1.22 をコンパイルしてインストールするチュートリアル

Seatgo — Fri, 10 Apr 2026 10:46:55 +0000

以下は Ubuntu 20.04 システム上で Nginx 1.22 をコンパイルしてインストールする簡単なチュートリアルです。

システムのソフトウェアパッケージを更新します。

sudo apt update
sudo apt upgrade

コンパイルに必要な依存関係をインストールします。

sudo apt install build-essential libpcre3-dev zlib1g-dev libssl-dev libxml2-dev libxslt1-dev libgd-dev libgeoip-dev libperl-dev

Nginx のソースコードをダウンロードします。

wget http://nginx.org/download/nginx-1.22.0.tar.gz
tar -zxvf nginx-1.22.0.tar.gz
cd nginx-1.22.0

コンパイルオプションを設定します。

./configure --prefix=/usr/local/nginx --with-http_ssl_module --with-http_stub_status_module --with-pcre --with-http_gzip_static_module

Nginx をコンパイルしてインストールします。

sudo make && make install

インストールを検証します。

/usr/local/nginx/sbin/nginx -v

インストールに成功すると、Nginx のバージョン情報が表示されます。

Nginx を起動します。

sudo /usr/local/nginx/sbin/nginx
ブラウザにサーバーの IP アドレスまたはドメイン名を入力することで Nginx にアクセスできます。デフォルトでは、Nginx のデフォルトウェブサイトのディレクトリは /usr/local/nginx/html です。

上記は Nginx をコンパイルしてインストールする基本的な例です。特定のニーズに応じて、さらなる設定と調整が必要になる場合があります。

nginx path prefix: "/usr/local/nginx"
nginx binary file: "/usr/local/nginx/sbin/nginx"
nginx modules path: "/usr/local/nginx/modules"
nginx configuration prefix: "/usr/local/nginx/conf"
nginx configuration file: "/usr/local/nginx/conf/nginx.conf"
nginx pid file: "/usr/local/nginx/logs/nginx.pid"
nginx error log file: "/usr/local/nginx/logs/error.log"
nginx http access log file: "/usr/local/nginx/logs/access.log"
nginx http client request body temporary files: "client_body_temp"

How does Jquery monitor the click events of dynamically created elements?

Seatgo — Fri, 10 Apr 2026 09:44:23 +0000

During the process of using Jquery, we may dynamically create elements such as li/button, but we cannot listen to the created elements using the following methods:

var domains = [{"id":1,"name":"测试1"},{"id":2,"name":"测试2"},{"id":3,"name":"测试3"}];
$.each(domains,function(key,domain){
$("#link_child").append('<li id="'+domain.id+'">'+domain.name+'</li>');
});
$("#link_child li").click(function(){
var linkChild = $(this).attr("id");
$("#link_child li").removeClass("active");
$(this).addClass("active");
});

We can use a new method to monitor clicks:

$(document).on('click','#link_child li',function(){
var id = $(this).attr("id");
$("#link_child li").removeClass("active");
$(this).addClass("active");
});

DEV Community: Seatgo

Ubuntu 22.04 システムで Nginx 1.22 をコンパイルしてインストールするチュートリアル

How does Jquery monitor the click events of dynamically created elements?