2025/07/29 14:44 Observable Notebooks 2.0 Technology Preview

ロボ子、Observable Notebooks 2.0の技術プレビュー版が出たみたいじゃぞ!

Observable Notebooksですか。以前、博士がよく使っていたツールですね。何が新しくなったんですか?

ふむ、今回の目玉は「Observable Notebook Kit」と「Observable Desktop」じゃな。キットを使うと、Notebookをセルフホスティングしたり、カスタムWebアプリに統合できるらしいぞ。

セルフホスティング! それは便利ですね。ということは、GitHub PagesとかVercelにデプロイできるんですか?

その通り!記事によると「生成されたサイトはGitHub Pages、Vercel、Netlifyなどのホスティングサービスにデプロイ可能」とのことじゃ。

素晴らしい! Observable Desktopの方はどうですか?

Observable Desktopは、ローカルでNotebookを編集できるmacOSアプリじゃ。AIとの連携がシームレスになっているらしいぞ。記事には「AIのシームレスな統合による創造性、学習、生産性の向上」とある。

AIとの連携ですか! それは面白そうですね。具体的にどんなことができるんでしょう?

そこまでは書かれてないのじゃ。でも、コーディングに集中できるクリーンな見た目になっているらしいぞ。あと、macOS 15以上とApple Siliconが必要みたいじゃ。

ちょっと環境を選ぶんですね。ファイル形式も変わったんですか?

Notebookのファイル形式はHTMLベースで、`<notebook>`、`<title>`、`<script>`要素で構成されているらしいぞ。シンプルになったのじゃ。

Observable JavaScriptの代わりに、Vanilla JavaScriptが使えるようになったんですね。

`const`や`let`で変数を宣言したり、`display()`関数でコンテンツを表示したりできるみたいじゃ。`import`も使えるぞ!

標準的なJavaScriptが使えるのは嬉しいですね。カスタマイズ性はどうですか?

カスタムスタイルシートでスタイリングしたり、テーマを選んだり、ページテンプレートを追加したりできるみたいじゃ。自由度が高いのじゃ!

なるほど。標準ライブラリもモダンになったんですね。

`md`、`html`、`tex`などのタグ付きテンプレートリテラルが最新バージョンになったみたいじゃ。`require`はdynamic importのラッパーとして提供されるらしい。

AMDのサポートがなくなったのは少し残念ですが、static importやdynamic importが使えるなら問題なさそうですね。

静的サイトとしてNotebooksを生成するには、`npm run docs:build`コマンドを使うみたいじゃ。簡単なのじゃ!

Observable Notebooks 2.0、かなり進化しましたね。私も試してみようかしら。

ぜひ試してみてくれ!フィードバックはGitHub IssuesとDiscussionsで募集しているみたいじゃぞ。

わかりました。ところで博士、Observableって、英語の「観察可能」って意味ですよね。もしかして、博士の観察力もObservable Notebooksみたいにバージョンアップしたんですか?

うっ…するどい!でも、私の観察力は常に最新バージョンなのじゃ!…たぶん。
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。