仕事のリサーチ
企画のヒントも、調べた資料も。プロジェクトごとに、すぐ取り出せる場所へ。
学びのストック
読みたい記事や、何度も開く解説を。学びたい気持ちと、一緒に残しておく。
好きなもの
心に残ったデザイン、いつか行きたい場所。自分だけの「いいな」を集めよう。
あなたのライブラリ
眺めても、探しても。 ちゃんと見つかる。
画像で思い出す。言葉で探す。あなたに合う見つけ方を。
すべて6 件
State of CSS 2025
stateofcss.com
Practical Typography
practicaltypography.com
Web Vitals
web.dev
Refactoring UI
refactoringui.com
Baymard Institute
baymard.com
MDN Web Docs
developer.mozilla.org
サンプルのブックマークを表示しています
サンプルで検索・表示切替を試せます
公開サイト Pro
集めた「好き」を、 あなたのサイトに。
ブックマークしてきたデザイン、読みもの、おすすめ。選んだコレクションを、あなたらしい一枚のサイトに。
あなたらしく整える
カバー、プロフィール、配色、SNSリンクまで。アプリでもWebでも編集できます。
見せたいものを選ぶ
公開するコレクションと並び順を選んで、プレビューで確かめてから公開。
好きでつながる
訪れた人は、気になるリンクを保存したり、あなたをフォローしたり。
公開は Pro。閲覧・フォロー・保存は無料。
公開サイトのイメージ
手間は小さく。 できることは、しっかり。
保存から、見返すところまで。いつもの流れに、自然となじみます。
見つけたら、その場で。
Chrome・Firefox の拡張から、見ているページをそのまま保存。URL を貼り付けても、タイトル・説明・画像が自動で揃います。
- 1
URL を貼る
https://stateofcss.com/2025 - 2
メタデータを取得
メタデータを取得しています
取得しました
- 3
カードになる
stateofcss.com
State of CSS 2025
今年の CSS で実際に使われた機能と、これから来る仕様の利用状況をまとめた年次調査。
調査CSS
保存した、その先へ
集めた先まで、 考えています。
あの一文を見つける。自分だけの場所をつくる。チームの資料を育てる。リンクを集めたあとも、できることが広がります。
覚えている一文から、 あのページへ。
保存したページの本文まで検索し、一致した箇所を抜粋。あとで読み返すためのページの控えも、Pro で 500 件、Team で 2,000 件まで残せます。
大切なものには、 自分だけの場所を。
プライベートコレクションは、自分のパスキーで解錠。ワークスペースのほかのメンバーや連携した AI にも見せずに、個人的なリンクをまとめられます。
リンクと一緒に、 チームの理解も揃う。
メンバーを招待して、リンクの管理担当を決める。変更履歴も辿れます。開発者オプションの環境ラベルで、開発・検証・本番の URL も整理できます。
また開きたくなる、 ライブラリであるために。
リンク切れを自動・手動で確認し、見直したいページに気づけます。カバーをスクリーンショットにすれば、保存したページもひと目で思い出せます。
図は機能のイメージです。利用できる機能はプランによって異なります。
AIで活用
いつものAIに、 自分の引き出しを。
保存したリンクをAIとの会話から探したり、まとめたり。集めた情報を、必要なときに使えます。
会話からリンクを検索・保存し、コレクションやタグを整理できます。
ほかのMCP対応クライアント
- Claude
- Claude Code
- Cursor
- VS Code
設定からMCP対応のAIに接続。読み取り・編集の権限は、自分で選べます。
タイポグラフィの記事を「参考」にまとめておいて
ライブラリを検索しました
2件のリンクを「参考」にまとめました。
Practical Typography
practicaltypography.com
参考Variable Fonts
variablefonts.io
参考
ひとりでも、みんなでも
いいリンクは、 ひとり占めしなくていい。
参考資料やお気に入りを、コレクションごと公開。リンクを渡すだけで、相手はログインせずに見られます。
公開共有はPro・Teamで利用できます。
これまでの保存も、 置いていかない。
ブラウザやRaindropから書き出したHTMLを、そのままインポート。フォルダ構成ごと、新しいライブラリに引き継げます。
取り込みに対応している保存元
- Chrome
- Firefox
- Safari
- Raindrop
iOS・Androidアプリは各ストアから入手できます。
料金プラン
ちょうどいいプランで、 自分のペースで。
まずは無料で。もっと集めたいときも、チームで使いたいときも、続け方を選べます。
Free
$0
ずっと無料
自分だけのライブラリを、気軽にはじめる。
- ブックマークを 500 件まで保存
- 階層コレクションとタグ
- 2 つの表示モードと横断検索
- インポート / エクスポート
- ブラウザ拡張
- AI アシスタント連携(MCP)
Pro
$5
月額
タイトルを忘れても、ページが消えても。
- 自分のコレクションをサイトとして公開
- 保存したページの本文から検索
- ページの控えを 500 件まで保存
- ブックマーク数の上限なし
- リンク切れ確認とスクリーンショットカバー
- 公開コレクションと表示モード指定
保存できた本文は、元ページが消えた後も読み返せます。画像・動画・完全なレイアウトは保存対象外です。
Pro を見るTeam
$7
1 ユーザー / 月 · 最低月額 $14
参考資料を、チームの共通の引き出しに。
- Pro のすべて
- 共有ワークスペースとリンクの管理担当
- メンバー招待・権限管理・変更履歴
- ページの控えはワークスペースで 2,000 件
- 最低 2 席から、請求はまとめて
価格は米ドル建てです。決済は Polar が代行します。
FAQ
はじめる前の、 気になること。
使えます。500 件までの保存に、階層コレクション・タグ・2 つの表示・タイトルや説明、URL、メモの横断検索・インポート / エクスポート・AI 連携(MCP)が含まれます。ページ本文の検索とページの控えは Pro・Team で利用できます。
Chrome / Firefox / Safari / Raindrop が書き出した HTML をそのまま読み込めます。フォルダ構成はコレクションとして再現されます。
不要です。公開コレクションのリンクを開くだけで閲覧でき、表示モードも相手が切り替えられます。
いつでも Netscape HTML で書き出せます。取り込みと同じ形式なので、他のサービスへもそのまま移せます。
ブラウザで動くので、スマートフォンからも同じコレクションを開けます。ブラウザ拡張はデスクトップ版のブラウザ向けです。
増減できます。メンバーを招待すると席が増え、差額は次回の請求で調整されます。Team は 2 席から利用できます。
ChatGPT向けプラグインはOpenAIの審査を通過しています。MCPではClaude(Web / デスクトップ)・Claude Code・Cursor・VS Codeで動作を確認しています。MCPのつなぎ方は、サインイン後の設定 →「AI 連携」に手順があります。
次の「見つけた」から、 はじめよう。
ひとつ保存するところから、あなたのライブラリが育ちます。

