/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 11 2025 | 07:12:45 */
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let w, h;
let stars = [], bubbles = [];
function resize() {
w = canvas.width = window.innerWidth;
h = canvas.height = window.innerHeight;
}
window.addEventListener("resize", resize);
resize();
class Star {
constructor() {
this.reset();
}
reset() {
this.x = Math.random() * w;
this.y = Math.random() * h;
this.radius = Math.random() * 1.5 + 0.2;
this.alpha = Math.random() * 0.5 + 0.3;
this.speed = Math.random() * 0.2 + 0.05;
}
update() {
this.y -= this.speed;
if (this.y < -5) this.y = h + 5;
}
draw() {
ctx.beginPath();
ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
ctx.fillStyle = `rgba(255,255,255,${this.alpha})`;
ctx.fill();
}
}
class Bubble {
constructor() {
this.reset();
}
reset() {
this.x = Math.random() * w;
this.y = h + Math.random() * 200;
this.radius = Math.random() * 30 + 10;
this.alpha = Math.random() * 0.2 + 0.1;
this.speed = Math.random() * 0.5 + 0.2;
this.dx = (Math.random() - 0.5) * 0.5;
}
update() {
this.y -= this.speed;
this.x += this.dx;
if (this.y < -50 || this.x < -50 || this.x > w + 50) this.reset();
}
draw() {
const gradient = ctx.createRadialGradient(this.x, this.y, 0, this.x, this.y, this.radius);
gradient.addColorStop(0, `rgba(255,255,255,${this.alpha + 0.1})`);
gradient.addColorStop(1, `rgba(255,255,255,0)`);
ctx.beginPath();
ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
ctx.fillStyle = gradient;
ctx.fill();
}
}
for (let i = 0; i < 150; i++) stars.push(new Star());
for (let i = 0; i < 20; i++) bubbles.push(new Bubble());
function animate() {
ctx.clearRect(0, 0, w, h);
stars.forEach(star => { star.update(); star.draw(); });
bubbles.forEach(bubble => { bubble.update(); bubble.draw(); });
requestAnimationFrame(animate);
}
animate();
HTMLやPHPが埋め込まれたウェブページが正しく表示されない場合、いくつかの原因が考えられます。以下は、よくある問題とその対処法です。 ファイルの拡張子が適切でない PHPファイルは通常、”.phpR […]
HTMLがブラウザで表示されない場合、さまざまな原因が考えられます。以下は、よくある問題とそれに対する対処法です。 ファイルの拡張子や保存形式の問題 HTMLファイルの拡張子が “.html” ま […]
HTMLがブラウザで表示されず、真っ白になる場合は、いくつかの原因が考えられます。以下は、一般的な問題とその対処法です。 構文エラー HTMLコードに構文エラーがある場合、ブラウザがページを正しく読み込めないことがありま […]
FFFTP(FileZilla FTP Clientの一つ)で画像をアップロードできない場合、以下のような原因が考えられます。それぞれの原因に対する対処法を確認してみてください。 画像のパスやファイル名に問題がある アッ […]
FTP接続ができない場合、以下は一般的な原因とそれに対する対処法のリストです。どの原因が該当するかは状況により異なるため、試してみてください。 ユーザー名やパスワードの誤り FTPサーバーに接続する際、正しいユーザー名と […]
ワードプレスのバックアップを復元できない場合、以下は一般的な原因とそれに対する対処法のいくつかです。具体的な原因は状況によって異なるため、以下の情報を参考にしてください。 バックアップファイルの正常性 バックアップファイ […]
ウェブサイトをSSL化し、HTTPからHTTPSへのリダイレクトを.htaccessファイルを使用して行うことは一般的なセキュリティ対策です。以下は、.htaccessファイルでSSL化とリダイレクトを行うための基本的な […]
WordPressのJavaScriptファイルが読み込まれない場合、以下は一般的な原因と対処法のいくつかです。特定の状況によって異なる原因が考えられるため、以下の情報を参考にしてください。 JavaScriptファイル […]
JavaScriptが読み込まれない場合、その原因はさまざまです。以下は一般的な原因とそれに対する対処法の一覧です。具体的な状況によっては、いくつかの原因が同時に存在することがあります。 ファイルのパスが正しくない Ja […]
WordPressのプラグインをアップデートした後に問題が発生することがあります。以下は、プラグインアップデート後にプラグインが動かない場合の対処法の一般的なリストです。 キャッシュをクリアする プラグインのアップデート […]