三層構造とNotionで創る美しい知識体験
「オスティナート」が示す情報発信の新しいかたち
「オスティナート」が示す情報発信の新しいかたち
By Artfarmer2026年1月21日
Listen to the audio commentary
専門的な医学系ウェブサイトと聞いて、あなたはどんなサイトを思い浮かべるだろうか。おそらく多くの人が、白い背景に黒い文字がびっしりと並ぶ、どこか近寄りがたい堅苦しいサイトをイメージするのではないだろうか。
ところが、「オスティナート」と名付けられたこのシステムは、その常識を根底から覆す。トップページに文章は一切なく、息をのむほど美しい画像だけが並んでいる。山の稜線、細胞のミクロ写真——抽象的で印象的なビジュアルが、訪問者を静かなギャラリーへと誘う。
このシステムの真価は、一見型破りに見えるアプローチの裏に隠された哲学と、それを実現する革新的な三層構造、そしてすべてを支える効率的な情報管理術が、一つの思想で見事に繋がっている点にある。
「オスティナート(Ostinart)」は、音楽用語の「オスティナート(Ostinato)」と「アート(Art)」を組み合わせた造語だ。興味深いのは、二つを組み合わせても発音が音楽用語と同じままになっている点である。
音楽におけるオスティナートとは、同じ音型を執拗に繰り返す演奏技法を指す。このシステムでは、その「執拗な繰り返し」という概念を、本質を繰り返し問い、深め、進化させる姿勢として哲学の根幹に据えている。
たとえば「なぜ細胞はインスリンに抵抗するのか」といった根源的な問いに対して、一度わかったつもりにならず、常識を疑いながら繰り返し思考を深めていく。これは単なる反復ではなく、螺旋階段を登るように少しずつ高い視点を得ていく、生産的な「執拗さ」だ。
そしてその執拗な探求の先にあるのが「アート」である。ここでいうアートは、美術館に飾られる作品だけを指すのではない。アグリカルチャー(農業)や学問(リベラルアーツ)という言葉にも含まれるように、技芸、テクニック、熟練といった、実践によって磨き上げられた技能という広く深い意味を持つ。
つまり「オスティナート」という名前は、執拗な反復によって科学や実践を芸術の域まで進化させるという、このシステムの作り手による宣言そのものなのだ。
この哲学は、単なる精神論では終わらない。ウェブサイトの設計図そのものに見事に落とし込まれている。その核心が「三層構造」という考え方だ。
従来の専門サイトが抱えがちだった「情報の重さ」と「アクセスのしにくさ」という二つの問題を、機能の分離によって解決する——これが三層構造の目的である。
Googleサイトで作られたトップページは、テキストを完全に排除し、抽象的で印象的な画像だけをタイル状に配置する。「医学=難しい、堅苦しい」という先入観をまず壊し、利用者を理屈ではなく直感的な美しさで世界観に引き込む。
情報で圧倒するのではなく、まず静かなギャラリーに招き入れるアプローチだ。
美しい画像をクリックした先は、Carrdというツールで作られた案内ページだ。ここは「コンシェルジュ」の役割を果たし、糖尿病、性科学、栄養学といったカテゴリーごとに訪問者を目的の記事へとスムーズに案内する。
デパートのフロアガイドのように、一階の美しいディスプレイ(第一層)に惹かれて入店した客を、「紳士服はこちら」「化粧品はあちらです」と目的の売り場へと導くわけだ。
そしてこの中間案内役を挟むことは、技術的な問題を解決する上でも重要な鍵となっている。
Carrdの案内ページから進んだ先が、再びGoogleサイトで構築された記事詳細ページだ。ここが専門知識の保管庫となる。
記事にたどり着くまでに3回のクリックが必要——これは一見、手間が多いように感じられる。しかし、この手間は意図的に設計に組み込まれている。
トップページの画像への最初のクリックは「なんだろう」という好奇心による、低コストなクリックだ。しかしCarrdの案内ページから特定の記事へ進む2回目のクリックは、「私はこのテーマについてもっと深く知りたい」という、より明確な意思表示になる。
手間をかけることで、通りすがりの人ではなく、本当にその情報を求めているエンゲージメントの高い読者へと絞り込んでいるわけだ。
そしてこの構造がもたらすもう一つの、おそらく最大のメリットが、404エラー(リンク切れ)を構造的に防ぐ仕組みである。
記事本体のURL(第三層)は、「insulin-resistance」のようにカテゴリー情報を含まない非常にシンプルな固定のアドレスにしておく。そして、その記事が糖尿病に属するのか生化学に属するのかといった分類は、すべて第二層のCarrd上で管理する。
後から記事のカテゴリーを変更したくなったら、Carrd上のリンクを貼り替えるだけで済む。記事本体のURLは一切変わらないため、過去にSNSでシェアされたリンクが切れることがない。
さらに一つの記事を「糖尿病」と「生化学」の両方のカテゴリーページに同時に掲載することも、Carrd上でリンクを2つ置くだけで簡単に実現できる。
情報そのもの(記事という不変なもの)と、その情報の文脈や分類(変化するもの)を、システムレベルで明確に分離している。これは非常に柔軟でスケールしやすい構造だ。
Googleサイトには、サブページを作るとURLが非常に長くなってしまうという弱点がある。たとえば「sites.google.com/view/ostin-light-art-diabetes/insulin-resistance-evolution」のような長大なURLでは、とても覚えられないし、SNSで共有する気にもなれない。
しかしこのシステムでは、私たちが普段目にしたり共有したりするのは、第二層であるCarrdのURLだ。「ostin-light-art-diabetes.carrd.co」のように短くて覚えやすい。利用者はこの短いURLから目的のカテゴリーページにアクセスし、そこから第三層の記事詳細ページへと進む。
美しさの第一層、案内の第二層、専門知識の第三層と、役割を完全に分離することで、それぞれの層を最適化しているのだ。
美しい家もクローゼットの中がぐちゃぐちゃだと長続きしない。このシステムの真価は、その裏側、つまり情報管理の仕組みにある。
鍵となるのが「Save to Notion」というブラウザの拡張機能だ。
Googleサイトで記事を書き上げて公開した後、この拡張機能のボタンをワンクリックする。たったこれだけで、約3秒後には今公開した記事の全文が、画像も含めて丸ごとNotionのデータベースに保存される。手作業でコピー&ペーストしていたら5分から10分はかかる作業が、劇的に短縮されるのだ。
しかし、これは単なるバックアップ作業の自動化ではない。
重要なのは、保存した記事データにNotion上で様々な「プロパティ」(属性情報)を付け加えて、多次元的に管理できる点だ。
たとえば:
カテゴリー:マルチセレクト機能で「糖尿病」「生化学」のように複数のタグを付ける
ステータス:その記事が執筆中なのか、公開完了なのか、Carrd追加待ちなのかを管理
Carrd掲載状況:どのCarrdページに掲載したかをチェックボックスで追跡
Notionのフィルター機能を使えば、「ステータスが公開完了で、かつ、まだどのCarrdページにも追加されていない記事だけを一覧表示させる」といったことも可能だ。これはコンテンツ制作者にとっての強力なタスクリストになる。
さらにNotionのボードビュー機能を使えば、各カテゴリーに現在何本の記事があるかを一目で把握できる。「生化学のコラムは20本もあって充実しているけど、臨床栄養はまだ2本しかなくて手薄だな」といった、コンテンツの偏りやポートフォリオの穴を視覚的に把握できるのだ。
これにより「次に何を書くべきか」という執筆計画が非常に戦略的に立てやすくなる。
つまり、記事を書くという行為が単なるウェブサイトの更新という一回きりのタスクで終わらない。自分の知識が自動的に整理蓄積されて、分析可能な知的資産へと変わっていく。書けば書くほどこのNotionのマスターデータベースが豊かになり、システム全体が賢くなっていくのだ。
Googleサイトという公開場所に万が一のことがあっても、コンテンツのすべてはNotionに完全な形で残っているため、リスクも分散される。
この執筆から公開、そして管理に至る一連のエコシステムを構築したことで、全体の作業時間は従来の約5分の1にまで短縮されたという。これは単なる効率化を超えて、創作者が本来最も時間を費やすべき「思考」や「執筆」そのものに集中するための、非常に洗練された仕組みと言えるだろう。
反復による進化という哲学が、美しさと専門性を両立させる三層構造を生み、そしてその複雑な構造をNotionを使った効率的な管理術が支えている。これらすべてが見事に一つの思想で繋がっているのが「オスティナート」というシステムだ。
特に印象的なのは、技術的な制約——たとえばGoogleサイトの長いURLという弱点を、Carrdというデザインツールを挟むことでむしろ強みに変えてしまっている点だ。短いURLと柔軟なカテゴリー管理を同時に実現している。
そして、不変なもの(記事本体のURL)と変化するもの(カテゴリー分類)を明確に分離するという設計思想は、ウェブサイト構築に限らず、私たちの仕事や学習における様々な場面で応用できる普遍的な知恵ではないだろうか。
最後に、あなたへ一つの問いを投げかけたい。
今回見てきたのはウェブ上の記事を管理するシステムだった。では、この「美しさで惹きつける玄関」「機能的な案内役」「深い知識の保管庫」という三層構造の考え方を、あなた自身の学習や、あなたが取り組んでいる複雑なプロジェクトの管理に応用するとしたら、どのように設計できるだろうか。
あなたが最も価値を置き、誰かに伝えたいと願う知識のために、どんなギャラリーと、どんなコンシェルジュと、そしてどんな書庫を用意するだろうか。少し考えてみるのも面白いかもしれない。