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

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

公式・関連サイト

•  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 である必要があります。

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

特殊な扱いのファイル

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 ページで表示されるボックスのデザインです。

.follow

サイトにフォローボタンを置いた時、デザインを変更したい時に設定します。
デフォルトはフォローボタンを表示したいところに次の HTML タグを含めます。

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

.post-box

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

寄付ユーザーの場合、 RSS フィードに <style> ～ </style> で囲って CSS を設定する事で、
個別の <item> 毎に CSS を設定する事ができます。
この elements.css を編集して Explore（サイト一覧）や RSS Feed で
独自のデザインや効果で一覧表示させる事ができるようになっています。

account

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

settings

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

Hello (ユーザー名)

次のボタンがあります。

Site settings

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

Tags

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

Rss Feed

RSS フィードのファイル名を設定します。
Nekoweb はファイルの生成に応じて RSS フィードを自動生成してくれます。
ファイル名を空にすると無効にできます。

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 キー を生成できます。

deploy2nekoweb

 deploy2nekoweb
 indiefellas / deploy2nekoweb | GitHub

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

vscode-nekoweb

 pipwilson / vscode-nekoweb | GitHub

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

NekoUp

 GiikiS2 / NekoUp | Codeberg

ビルドは Rust が必要です。
ファイル構成を圧縮した .zip ファイルまたは特定のフォルダを指定して
アップロードできます。

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 がある場合、優先されてしまうようで、
ファイルの更新が反映されない状態になってしまっているようなので、
処理後に nekoup.zip を削除するようにすると良いようです。

nk

 Ratakor / nk | gitHub

CLI で Nekoweb を操作できます。

リポジトリが Public archive 状態になっていますが、
zig が 0.14 になってソースの変更が発生した影響のようです。
release より 0.1.0 をダウンロードして使用できます。

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

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

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

Atabook

 Atabook

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

コードを貼り付ける事で、簡易的な掲示板（ゲストブック）を Web 上に表示します。
Nekoweb では Atabook を用いて利用者との交流ができるようにしている Web が多いです。

NEKO

 NEKO

コードを貼り付ける事でカーソルの動きに合わせてネコが追いかけてきます。
Nekoweb ではトップページにこれを付けている Web が多いです。

nekobox

 Nekobox | jb’s site

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

remi’s Sitebox Previewer for Nekoweb

 fl0werpowers / nekoweb-sitebox-preview | GitHub

elements.css に入れる explore ページのボックスをプレビューします。

寄付

寄付により、容量増加や FTP・Git が使えるようになり、
独自ドメインでの運用もできるようになります。

初期は 月 $1 も設定されていましたが、現在はなくなっています。
それでも 月 $5 の Neocities よりも安値に設定されています。

Q&A

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

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

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

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

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」をそのフォルダ名にして保存して下さい。

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

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

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

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

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

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

Explore で独自のボックスが使われている場合など、
サイトを参照するつもりがフォローボタンを押してしまって、
フォロー状態になってしまう事があります。

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