PortalJSポータルを作成するにはどうするのか？

npm create portaljs@latest my-portalを実行してから、npm run devでhttp://localhost:3000に起動する。Homeページ、Catalog（/search）、およびデータセットShowcase（/@ / ）がサンプルデータで表示される。その後、datasets.jsonに自分のCSV/JSONを追加することができ、自動的にレンダリングされる。

ポータルを構築するためにAIスキルを使う必要があるのか？

いいえ。スキルは迅速なスキャフォルディング用の便利な機能だが、npx tiged datopian/portaljs/examples/portaljs-catalog my-portalでベアテンプレートを直接スキャフォルドして手動で構築することもできる。すべてのスキルはプレーンなNext.jsコードを出力し、ユーザーが所有することができる。

PortalJSはどのようなデータバックエンドをサポートしているのか？

PortalJSはデフォルトでオープンレイクハウス（git + Cloudflare R2 + Parquet + DuckDB）をサポートし、生きたテーブル用にはDuckLakeをサポートする。また、CKAN、OpenMetadata、GitHub、Frictionless Data Packages、および単一のDataProviderコントラクトを通じた任意のカスタムバックエンドもサポートする。CKAN、Socrata、OpenDataSoft、ArcGIS、またはDCAT-USから全カタログを移行することができる。

オープンソースAIHacker News2026年7月15日2026年7月15日 22:005分で読める

PortalJS、AI駆動のデータポータル構築フレームワークをリリース

LINEで送る

要点

PortalJSは、Claude Codeスキルとアーキテクチャアドバイスを組み合わせてポータル作成を自動化するオープンソースのAIネイティブフレームワークである。過度に設計されたデータウェアハウスと脆弱なアドホックスクリプトの間で選択を強いるのではなく、モダンなオープンレイクハウス（git + Cloudflare R2オブジェクトストレージ + ParquetファイルをDuckDBで照会）を推奨・スキャフォルドし、プレーンで編集可能なNext.jsコードを生成する。
ベンダーロックインはない。
フレームワークは15以上のスキルを搭載しており、初期アーキテクチャ計画からデータセット追加、チャート、地図、Cloudflareへの公開まで、すべてを処理する。

3つのポイント

何が起きたか
Datopianは、AI駆動のClaude Codeスキルを活用してチームがデータポータルを構築するのを支援するオープンソースフレームワーク「PortalJS」をリリースした。ユーザーが構築したい内容を説明すると、AIアシスタントが3つのサーフェス（Home、Catalog、Showcase）を備えた動作するポータルをスキャフォルドし、編集可能なNext.jsコード上に生成される。ベンダーロックインはない。
なぜ重要か
現在、データチームは不要な重たいデータウェアハウスで過度に構築するか、スケーラビリティに欠けるアドホックスクリプトで過少構築するかの二者択一に直面している。PortalJSはアーキテクチャアドバイス（git + オブジェクトストレージ + Parquet + DuckDBを推奨する最新のオープンレイクハウス）と自動スキャフォルディングを組み合わせ、チームがデータインフラとポータルをデプロイできるようにする。膨張と脆弱性の間で選択する必要がない。フレームワークはMITオープンソースであり、ユーザーが平文コードを所有する。
注目点
PortalJSは15以上のClaude Codeスキルを搭載している。/portaljs-architect（アドバイス）、/portaljs-new-portal（スキャフォルド）、/portaljs-add-dataset（データ読み込み）、/portaljs-add-map（地理空間データレンダリング）、/portaljs-migrate（CKAN/Socrata/ArcGISからの取得）、/portaljs-deploy（Cloudflareのポータルに発行）を含む。ユーザーは単一のコマンド（npm create portaljs@latest my-portal）でポータルをスキャフォルドするか、AIを一切使わずにベアテンプレートを直接使用できる。

この記事についてAIに質問する →

こういう要約が、毎朝あなたのメールに届きます。

こうしたAIニュースを毎朝無料で受け取る LINEで友だち追加して受け取る

背景と解説

PortalJSはデータインフラストラクチャにおける長年の課題に対応している。データポータルを構築するほとんどのチームは、高額で過度に設計されたデータウェアハウスと脆弱で保守不可能なスクリプト集の間の誤った選択肢に直面している。フレームワークはこれを回避し、モダンな「オープンレイクハウス」アーキテクチャ（バージョン管理にはgit、オブジェクトストレージにはCloudflare R2、列指向データにはParquetファイル、サーバーレス照会にはDuckDB）を推奨・自動化することで、従来のウェアハウスよりもシンプルで安価でありながら、スケーラブルで保守可能である。

重要なイノベーションは、エージェント型アドバイザー（/portaljs-architect）と自動スキャフォルディングスキルを組み合わせることである。UIコードだけを生成するのではなく、フレームワークはまずチームがインフラストラクチャのニーズ（データ量、更新頻度、ガバナンス要件、標準準拠）について考えるのを支援し、コード作成前に適切なスタックを推奨する。このアドバイザリーレイヤーは重要なギャップに対応している。多くのチームはデータアーキテクチャについて明確に考えずにポータルを構築し、その後の選択に不一致が生じる。

プレーンなNext.jsコードをロックインなしで出力することで、PortalJSはカスタマイズや脱出が困難になる独自ポータルプラットフォームの罠を回避している。MITオープンソースライセンスと分離されたDataProviderコントラクト（静的ファイルからCKANからカスタムバックエンドへの交換をUIコードに触れずに可能）は、この哲学を強化している。アーキテクチャからデータセット取り込み、地理空間データ、スキーマ推論、標準準拠のためのDCAT公開、ArcGISやSocrataからの移行まで、すべてを処理する15以上のClaude Codeスキルは、プロジェクトが堅牢ではなく拡張可能に設計されていることを示している。

よくある質問

PortalJSポータルを作成するにはどうするのか？: npm create portaljs@latest my-portalを実行してから、npm run devでhttp://localhost:3000に起動する。Homeページ、Catalog（/search）、およびデータセットShowcase（/@<namespace>/<slug>）がサンプルデータで表示される。その後、datasets.jsonに自分のCSV/JSONを追加することができ、自動的にレンダリングされる。
ポータルを構築するためにAIスキルを使う必要があるのか？: いいえ。スキルは迅速なスキャフォルディング用の便利な機能だが、npx tiged datopian/portaljs/examples/portaljs-catalog my-portalでベアテンプレートを直接スキャフォルドして手動で構築することもできる。すべてのスキルはプレーンなNext.jsコードを出力し、ユーザーが所有することができる。
PortalJSはどのようなデータバックエンドをサポートしているのか？: PortalJSはデフォルトでオープンレイクハウス（git + Cloudflare R2 + Parquet + DuckDB）をサポートし、生きたテーブル用にはDuckLakeをサポートする。また、CKAN、OpenMetadata、GitHub、Frictionless Data Packages、および単一のDataProviderコントラクトを通じた任意のカスタムバックエンドもサポートする。CKAN、Socrata、OpenDataSoft、ArcGIS、またはDCAT-USから全カタログを移行することができる。

Hacker News元記事を読む

LINEで送る