dtbb

Ludum Dare Gamesブラウザ

ライブ：https：//zenmumbler.net/dtbb

これは、Ludum Dare Game Jamsのために提出された多くのエントリをすばやく検索するために作成したWebサイトコンセプトです。古い公式LDサイトも新しい公式LDサイトも、ゲームを検索するのに特に優れていません。

サイト機能：

• 提出中のすべてのテキストで、フルテキストインデックスで任意の数の用語を検索します。
• Mac、Win、Linux、HTML5などのダウンロードタイプでフィルター。
• カテゴリごとにフィルター（すべて、compo、jam）
• すべてのフィルタリングが瞬時にあるため、検索用語を自由に遊ぶことができます
• （新しいタブで）プレイしたいゲームに直接リンクします（LDエントリページへのリンク）
• 恐ろしいビジュアルデザイン（新しいデザインを歓迎しますか？）

今すぐ試してみてください！

建物

以下では、 pnpmを使用するパッケージマネージャーに置き換えます。PNPMを使用します。

1. 依存関係のインストール： pnpm install
2. 開発とローカルテストのために実行するには： pnpm run devこれは、自動ロードを備えたローカルサーバーも起動します
3. 監視された生産コードを構築するには： pnpm run build

データのインポート

注意事項：サポートされているすべてのイベントの完全な処理データはsite/data/ldXY_entries.jsonファイルに既に存在しています。 import/spider_data/entry_pagesには、スムネイルを除く）すべてのクモのファイル（サムネイルを除く）も存在しますが、ジップされています。これらを解凍して、インポート抽出プロセスで使用します。何らかの理由で面白いと思う場合にのみ、インポートを混乱させてください。

importフォルダーでnode importを実行して、利用可能なコマンドのリストを取得します。現在、それらはlisting 、 entries 、 thumbs 、 extractです。これらの各コマンドは、パラメーターとして1つまたは2つの数値を取得します。これらは、処理するLDイベント番号（「問題」）の開始および終了インデックスです。

listing 15 LD 15のエントリリストを取得します。
entries 20 25 LDS 20から25の包括的ページをダウンロードします。
等

entriesとthumbs listingとextractによってダウンロードされたデータが必要です。 entriesによってダウンロードされたエントリページが必要です。したがって、すべてのデータをダウンロードして処理するには、次のようなことを行います。

 node import listing 15 38
node import entries 15 38
node import extract 15 38
node import thumbs 15 38 (optional)

これらの各操作にはかなりの時間がかかることに注意してください。スクレイピングは、単純さの理由で、LDサイトをあまりhammerしすぎないため、順番に順番に発生し、すべての35Kエントリの完全な抽出物には約20〜30分かかります。

＃15の前のLDSには、構造化された提出システムがあり、サポートされていません。輸入業者は、ほとんどの場合、新しいLDJAM.comサイト（＃38以降）でイベントをインポートすることをサポートしています。無効になっている主なものはプラットフォーム検出です。これにより、新しいサイトからのデータの空き/偽陽性が多すぎました。

詳細

このサイトはクライアントのみのWebアプリであり、サーバーコンポーネントはありません。 S3 Static Webサイトとしてホストされています。 S3ホストサイトは、キャッシュ、アセットの圧縮、縮記憶、その他の楽しいものを処理するCloudFlareを搭載しています。これには、WebホスティングやEC2インスタンスにお金を払う必要がなく、地元ですべてを創造的に実行することを余儀なくされたため、私にとって非常に低コスト（月額セントを考えてください）の利点があります。

したがって、このプロジェクトは主に、Aging LD Webサイトでの私の欲求不満に対処するために始まりましたが、私があまりやっていないいくつかのWeb（dev）機能で探索して練習できるプロジェクトに変更されました。したがって、この小さなアプリのために必要なものよりも少し複雑である場合、それが理由です。ホイットに、私は次のことを作成/しました：

• リストと単一のエントリページを取得し、それらのページ（JSDOMを使用）からJSONカタログファイルにデータを抽出する完全なノードベースのサイトスクレーパー。
• （2016年）私は、ほとんどのWebビルドシステムを調査して実験し、簡単であり、清潔でクラ​​ブフリーの出力を生成するため、コードのGulp +ロールアップの組み合わせに落ち着きました。 （合計縮小アプリコードはわずか33kbです）2020年には、これはロールアップベースのビルドプロセスに置き換えられました。
• パフォーマンスやメモリのペナルティなしで何千ものエントリをスクロールできるようにするために、セル繰り返しグリッドビューが表示されます。
• 任意の長さのngramを検索できるオンザフライフライテキスト検索コンポーネント。このサイトは、インデックスサイズのためにこれを2〜12文字に制限します。インデックスは、（DE）シリアル化から/単純なJSONオブジェクトへのシリアル化を可能にします。
• インデクサーは、地元で、またはUIスレッドを解放するデータの非同期処理のためにウェブワーカーとして使用できます。シンプルなAPIラッパーにより、ワーカーの約束ベースのリクエスト/応答の使用が可能になります。
• IndexEdDBの周りの素敵な約束ベースのタイプされたワークフローラッパー。これは、キャッシュされたカタログとテキストインデックスデータを保存するために使用され、エントリのオフラインブラウジングを可能にします。 （新しい）これは今では別のプロジェクトであり、NPMパッケージとして利用可能です。
• （2016年）大きなテンプレートエンジンを使用する代わりに、私は、たとえばVueと同じ小道具を促進する方法のパラダイムを促進するシンプルな監視可能で監視可能なバインディングタイプを作成しました。サイト状態は、Vueが使用するのと同じ概念を採用しています。2020年には、これをSvelteベースのサイトに置き換えました。

免責事項

ライブサイトのデータは、古いLudum Dare Webサイトから削り取られました。 DTBBには、S3でホストされているすべてのサムネイルとカタログデータの完全なコピーがあります。

エントリのプラットフォーム分類は、ダウンロードリンクとタイトルに基づいています。私はかなり賢くしようとしましたが、誤った肯定的なものがあるかもしれません。

このプロジェクトも私も、Ludum Dareのスタッフと提携していないか、承認されていません。私は、LDサイトから抽出されたデータを所有または所有していないと主張していません。実際、自分で何かクールなものを作りたい場合は、サイト/データ監督のldxy-entries.jsonファイルを使用して、ご紹介します。

今、行って、ゲームを作り、プレイし、レートしてください。