Web サービス Nekoweb（ネコウェブ）についてまとめています。

2022 年に Nekoweb の名前が出てきて、開発がはじまり、
2024 年 2 月に一般公開されています。したがってできて間もないサービスです。
ドメイン名やサービス内容からもわかるように 🎈 Neocities に影響されて作られています。
そのため登録されているサイトも 🎈 Neocities に近く、
Yahoo! GeoCities 時代の古めな Web デザインなどを公開する流れですが、
アニメ・イラストなど、特定ジャンルがより強い傾向があります。

ページ運営者は次のサイトを Nekoweb で運用しています。

🎈 ふうせん🎈 FU-SEN 📒 WIKI - 2025年6月20日より

公式・関連サイト

•  Nekoweb - 公式サイト
•  Discord - サポート等（英語）
•  Patreon - 寄付

目次

登録

パソコンからは左サイドバー、スマートフォンからの上部ヘッダに表示されている
メニューの Register を選択します。

• site-name.nekoweb.org - サブドメイン。これがユーザー名になります。
• メールアドレス - すぐに受信できるメールアドレス。+ 入りは使用できません。
• パスワード
• I agree to the Terms of Service and Privacy Policy に を入れる

上記を埋めて JOIN NEKOWEB! を押して下さい。
Cloudflare の確認が入った後、入力されたメールアドレスへ
Nekoweb - Email verification の確認メールが届きますので、
こちらの Verify email をクリック・タップして下さい。
これでログインした状態になります。
右上・上のログインフォームが変化しています。

dashboard

dashboard からファイルの編集ができます。
ファイルの一覧表示になります。

上部は次のとおりです。

ファイル名はクリック・タップすると、そのファイルをブラウザ表示します。

ファイル編集

日本語も問題なく使用できますが、アップロード・インポート時は UTF-8 である必要があります。

その他、左サイドバーで編集するファイルを素早く切り替えできます。

Nekode - 要ログイン

2025年6月30日より Visual Studio Code をビルドした VSCode. を採用した
Nekode がベータ公開して使えるようになっています。
ファイル構成・編集ファイル・プレビューなどを表示できて便利です。

特殊な扱いのファイル

Nekoweb 独自のファイルが存在します。

index.html

トップページ。ファイル名を省略した時に参照します。
 elements.css ファイル を編集しないデフォルト状態では
index.html が explore ページのサムネイル表示になります。

not_found.html

ファイルが存在しない時に表示します。
🎈 Neocities と共通のファイル名になっています。

cursor.png

カーソルアイコンの画像。
ログインしている時に同時に使用している他ユーザーに表示されます。
カーソルを見かけた時は、そのカーソルに合わせるとユーザー名が表示され、
クリック・タップすると、そのユーザーのサイトを参照できます。
無料ユーザーは最大 1KB で、12x17 ピクセル、
寄付ユーザーは最大 5KB で、16x21 ピクセルと少し大きくできます。

prettier.json

編集画面のエディターで自動補正する条件を設定を変更できます。
Prettier はコードフォーマッタの名称です。

elements.css

explore ページのボックス、Follow on Nekoweb ボタン、
ESS フォードのボックスを構成する CSS ファイルです。
下項目  elements.css ファイル で詳細に説明しています。

elements.css ファイル

explore ページや RSS ページを参照すると、
デザインが異なるサイトがいくつか見られる事に気がつくでしょう。
これは elements.css ファイルを編集する事で実現できます。
Nekoweb をまともに使用する場合は
独特なデザインにしておきたいところです。

使用できる画像はアップロードした画像に限られます。
外部の画像は表示できません。

elements.css ファイルの最大サイズは
無料ユーザーで最大 1KB、寄付ユーザーで最大 5KB です。
無料ユーザーでまともにデザインするとサイズオーバーする恐れがあるので、
無駄なところを省く工夫も必要になります。minify を使うのも良いでしょう。

枠をはみ出して表示するのは寄付ユーザーの特権になります。

.site-box

Explore ページで表示されるボックスのデザインです。
通常更新されると上に表示されるので、
まずは .site-box を編集してオリジナリティを出してみると良いでしょう。

.follow

サイトに設置した「Follow on Nekoweb」ボタンのデザインを変更したい時に設定します。

フォローボタンを表示したいところに次の HTML タグを含めます。

<iframe src="https://nekoweb.org/frame/follow" frameborder="0" width="170" height="28"></iframe>

ログインしている時はフォロー・アンフォロー動作になり、
ログインしていない時は Nekoweb 登録ページに移動します。

実際の表示は width・height の幅よりサイズが小さく、
左右はセンタリング（中央寄せ）・上寄せの表示になっています。
そのため、文章に合わせて左寄せで置くと、
だいぶ右に表示されて不自然になってしまいます。
これは margin: 0; として左寄せにできます。

.follow {
  margin: 0;
}

その他、Web のデザインの合わせて同系の色にしてみたり、
画像にしてみたりするのも良いでしょう。

.post-box

RSS フィードで表示されるボックスのデザインです。

寄付ユーザーの場合、 RSS フィードに <style> ～ </style> で囲って CSS を設定する事で、
個別の <item> 毎に CSS を設定する事ができます。

account

アカウント関連の設定です。

settings

Web サイト周りやフォロワーの設定です。

Hello (ユーザー名)

次のボタンがあります。

Site settings

※ 試し使用中や悪用対策などで、登録したてで使用している場合、
ファイルを更新しても Explore や　global feed には反映されません。
何度かファイルを更新していると、公開されるようになります。

Tags

タグを設定します。 10 タグまで有効です。タグは英語のみです。

Rss Feed

RSS フィードを出力している場合は RSS フィードのファイル名を設定します。
これにより、Feed ページで一覧表示されるようになります。
ファイル名を空にすると無効にできます。

Team

このサイトを共同編集するアカウントを追加します。

Domains

寄付をした時、ここから独自ドメインの追加と参照するフォルダを設定します。
独自ドメインの代わりに サブドメイン.nekoweb.org も設定可能です。

Custom HTTP Headers

寄付をした時、HTTP ヘッダの動作を変更できます。

NekoVM

仮想シェル環境を使用できます。これを用いてファイルを転送したり、
静的サイトジェネレータでビルドしたりできます。

ログインしている時は左サイドバーまたは上部のメニューに
Terminal が加わっています。ここから入れます。

外部からのアクセスとして CORS の回避をするため、
拡張機能のインストールと操作が必要です。

 CORS Unblock | Chrome ウェブストア
 CORS Unblock | Firefox Browser DD=ONS

「Access-Control-Allow-Origin」を ＊ にし、start して下さい。
ダウンロード関連で失敗する場合は CORE Unblock の設定・開始を再度確認して下さい。

package.json があれば、開始時にパッケージをインストールします。
また start.sh があれば、起動時に実行されます。

使用できるコマンドは下のとおり、かなり限定的です。

Some of the available commands are:
* bash cat cd clear chmod cp env echo hostname jsh
* mkdir mv ps pwd rm rmdir false true getconf head
* touch uptime which  tail ln ls sort kill xxd zsh

Some of the available programs are:
* node npm npx jq  nano (tome alias)
* loadenv wasm xdg-open curl python3

ページ運営者が NekoVM の動作を確認している感じでは、
Node.js は npm もあるので、環境を整えられそうですが、
Python は pip がなく、インストールができなそうな感じがします。
（VM のバージョンが古いので、pip バージョンの問題？）
また、実行するバイナリファイルを直接インストールして動作できるかもしれませんが、
今のところうまくいってない状況です。

API

 API | Nekoweb

API を用いてアップロードなどのファイル操作が可能です。
ログインしている場合、このページで API キー を生成できます。

Explore で更新時に上へ表示されるようにするには、Cookie Token も入れる必要があります。
deploy2nekoweb 内に手順が記載されています。

 deploy2nekoweb  getting your cookie!

ただし Cookie Token はあるタイミングで更新されるので、ずっと値が一定ではありません。
代わりに Web から手動で index,html などの HTML ファイルをアップロードしてみると確実です。

deploy2nekoweb

 deploy2nekoweb
 indiefellas / deploy2nekoweb | GitHub

GitHub Actions を用いて GitHub から Nekoweb へデプロイします。

vscode-nekoweb

 pipwilson / vscode-nekoweb | GitHub

Visual Studio Code の拡張機能としてファイルのダウンロード・アップロードが可能です。

NekoUp

 GiikiS2 / NekoUp | Codeberg

ビルドは Rust が必要です。
Windows で Rust を使用する場合、C++ コンパイラのインストールが必要です。
 Microsoft C++ Build Tools で C++によるデスクトップ開発 を選択しますが、
必要のないものもインストールするので、容量が大きいです。

代わりに GCC コンパイラへ切り替える事もできます。
次のコマンドがエラーになる場合は _ の前に \ を付けてみて下さい。

rustup uninstall toolchain stable-x86_64-pc-windows-msvc
rustup toolchain install stable-x86_64-pc-windows-gnu
rustup default stable-x86_64-pc-windows-gnu

-p や --path で特定するフォルダは nekoup.zip がある場合もフォルダ指定です。
nekoup.zip があれば、それを Nekoweb へデプロイし、
ない場合はそのフォルダ内の構成で nekoup.zip を生成します。

 When used on Windows, it creates a file without generating a directory #8 | Codeberg GiikiS2/NekoUp Issues

ページ運営者が Windows で使用したところ、 nekoup.zip が存在しない場合、
NekoUp が生成する nekoup.zip では dir 内に file.html がある場合に
dir ディレクトリを生成せず、 dir\file.html ファイルが作成されてしまいます。
この問題は NekoUp 作者へ報告しています。
別のツールで予め nekoup.zip を圧縮生成しておく事で正常に動作できます。

nk

 Ratakor / nk | gitHub

CLI で Nekoweb を操作できます。

リポジトリが Public archive 状態になっていますが、
ビルドに必要な zig-libzip のリポジトリがなくなり、zig も仕様が更新されていて、
最新状態でのビルドが困難になったためのようです。
release より 0.1.0 をダウンロードして使用できます。

ページ運営者が Windows で試したところ、
API キーの保存で動作がおかしくなるため、1 文字減らして保存し、
~\AppData\Local\nekoweb\config から １ 文字増やして改行を削除したところ、
正常に使用できるようになりました。
おそらく Windows での動作確認ができていなかったと思われます。

関連する Web アプリ・ウィジェット

Nekoweb 内で利用する前提のアプリもありますが、
Nekoweb 以外の Web サイトでも使用できて、
Nekoweb で特に利用がよく見られるウィジェットも紹介しています。

Atabook

 Atabook
🎈 Atabook | ふうせん🎈 FU-SEN 📒 WIKI

ロゴ表示は 新book となっているので、「新しい」の「新」から名前がきています。

コードを貼り付ける事で、簡易的な掲示板（ゲストブック）を Web 上に表示します。
リンクにして、ウインドウ表示も可能です。
自動投稿・承認制・投稿不可にしてお知らせ用などの設定ができたり、
文字列に応じた設定もできるフィルタ、IP アドレスブロックなども対応します。
デザインも細かく設定可能で、多機能になっています。
Nekoweb では Atabook を用いて利用者との交流ができるようにしている Web が多いです。

実際に利用されている Atabook を見たところ、英語圏の交流が多いですが、
日本語や Unicode 絵文字も問題なく使用できる事を確認できています。

nekobox

 Nekobox | jb’s site

elements.css に入れる Explore ページ・RSS フィードのボックスをプレビューします。

Settings から「Nekoweb Username」に自分のユーザー名を入れ、
下の黒背景で CSS が表示されているところに elements.css の中身を入れて下さい。
これで自分のデザインでボックスを表示する事ができ、
CSS の編集で表示も変化します。完成したら Copy をしてファイル保存します。

remi’s Sitebox Previewer for Nekoweb

 fl0werpowers / nekoweb-sitebox-preview | GitHub

elements.css に入れる Explore ページのボックスをプレビューします。
オフラインでじっくり作成する事ができます。

bannerinfo.js を開くと const username = "ユーザー名";となっているので、
ここに自分のユーザー名を入れます。
次に index.htlm を開き、9 行目の HTML コメント を外します。
そして elements.css を同じところに入れて下さい。
これで index.html を参照すると、自分のデザインで表示できます、

oneko.js

 adryd325 / oneko.js | GitHub

oneko.js を HTML に含める事で Web 表示中カーソルへネコが追いかけてきます。
Nekoweb ではトップページにこれを付けている Web が多いです。

寄付

寄付により、容量増加や FTP・Git が使えるようになり、
1 アカウントで複数のサイトを運営できるようになり、
独自ドメインでの運用もできるようになります。
一番のメリットはホームページや Explore の表示で
枠をはみ出して表示できる点が見た目上一番の特権でしょう。

※ Patreon の手数料として月 $0,20 上乗せされています。

更に 月 $7 の Neko tier もあり、Cute kitty tier との違いは
サイトステータスが 1 年を超えて無制限で得る事ができるようになっています。
将来的に次の予定もあるようです。

初期は 月 $1 も設定されていましたが、現在はなくなっています。
（当時契約していた場合は月 $1 を継続可能）
それでも 月 $5 の Neocities よりも安値に設定されています。

Q&A

 FAQ | Nekoweb は英語ですが、多くのヒントがあります。

Nekoweb のサーバはどこにあるのですか？

主な開発者はドイツのようで、ヨーロッパ圏にメインサーバーがあると思われますが、
アメリカ圏のサーバーも存在しています。
ただし nekoweb.org 内（サブドメインを含む）を Cloudflare 経由にしているため、
一度表示されると、日本の CDN にキャッシュされて表示されるようになります。
したがって、日本からでも比較的快適に表示できる事を期待できます。

Patreon によると、2024 年に多数の寄付によって、現在のサーバー構成となり、
安定・高速化を実現できているようです。

レスポンス速度を見ている感じ、
日本からの使用だと日本のサーバーから返ってきていますが、
若干処理時間を要しているようにも見える事から、
主に Cloudflare 関連のサービス（Workers や R2）が使用されていように見えます。

検索エンジンでヒットしますか？

Google で検索した場合、●●●.nekoweb.org は
公式サイト nekoweb.org に含まれてしまっているように見えます。
これは 🎈 Neocities の ●●●.neocities.org も同じ状態です。
したがって Google や Google を使用する検索エンジン（Yahoo! JAPAN など）では
●●●.nekoweb.org で公開しているのは独自ドメインを使用するより不利になってきます。

DuckDuckGo は ●●●.nekoweb.org と nekoweb.org を別扱いにするため、
期待する検索結果になります。

Neocities から Nekoweb へ移行する方法は？

🎈 Neocities でログインし、Edit Site から **Download entire site ** で、
現在の構成で .zip ファイルを生成します。
この .zip ファイルを Nekoweb で Import ZIP するとフォルダが生成されるので、
settings の「Serve Folder」をそのフォルダ名にして保存して下さい。

無事に引っ越しできたら、
🎈 Neocities 側を引っ越し案内の表示にすると良いでしょう。

作って公開してみたのですが、Explore ページに表示されていません。

アカウント登録直後は未完成だったりする考慮もあり、表示されない仕様です。
何度かファイルを更新しているうちに Explore ページに表示されるようになります。

elements.css の更新は Explore ページの更新対象になりません。
index.html などの HTML ファイルを更新してみて下さい。

API を用いている場合は
Web より手動で index.html などをアップロードしてみて下さい。

なお、🎈 Neocities では現在 Websites の一覧表示に出てくる基準が高く、
公開されていても 24 時間に一度しか更新されない仕様になっていますが、
Nekoweb の Explore ページはまだ少ない事もあり、現状じっくり使っていれば、
登録してすぐに Explore に表示されるようになりますし、
ファイル更新してしっかりリアルタイムで一番上に出てくるようになります。

バックアップと復元はできますか？

Nekoweb でも定期的にバックアップは行われているようですが、
いざという時に少しでも最新状態で復旧できるように、
バックアップをしておくのはおすすめです。

とはいっても方法は簡単で dashboard より Export ZIP をクリック・タップし、
.zip ファイルを保存しておくだけです。

復元が必要になった場合は、
Import ZIP で .zip ファイルを選択するとフォルダを作成しますので、
settings の「Serve Folder」をそのフォルダ名にして保存して下さい。

寄付を行い・FTP・Git が使用できる場合、これらのバックアップも有効です。

フォローはどうやって行いますか？

Explore ページの表示から URL の右に [+] と表示されているのがフォローボタンです。
（ログインしていない時は表示されていません）
フォローしている場合は [-] へ変化しています。
サイトによっては画像に変更している場合があるので、よく見て下さい。

一部のサイトでは Follow on Nekoweb ボタンを貼り付けてあるので、
こちらをクリック・タップしてフォローする事も可能です。

誤ってフォローしてしまったのですが、解除できますか？

Explore で大きくフォローボタンが存在している場合など、
サイトを参照するつもりがフォローボタンを押してしまって、
フォロー状態になってしまう事があります。

Explore のボックスからフォロー操作をしてしまった場合、
通常同じ場所をクリック・タップしてフォローを解除できます。

Explore の一覧で見つけられない場合、右上 settings - Follows で
フォローしているサイトの一覧表示にできるので、ここから操作できます。