2025-05-16

Obsidian に収集するメモの厳選

Obsidian の収集機能は強力なので、気がつくと対して興味の無いものや重複した内容を収集（キャプチャー）してしまうことがある。メモを集めすぎると後で考えを整理するときのノイズとなってしまう。大切なのは今必要としている情報を「厳選」することで、その自分なりの方法をまとめておく。

1. 収集候補と実際に収集するメモを分ける

ニュース、SNS、検索、LLMとの対話などをしていると無限に気になる情報が見つかる。このときはすぐに収集せずに一時置き場に保存する。一時置き場というのは見ているコンテンツにとって1番簡単な方法で保存するということ。youtube を見ているなら「保存」、はてブやtwitterを見ているなら「ブックマーク」、ブラウザなら標準のブックマーク機能や「Pocket」など。後から見返せるようになっていればどこでもよい。

自分は Obsidian のデイリーノートの1番下に「つぶやき」という見出しを作っており、Quick Add プラグイン経由で時刻付きでメモを残せるようにしている。人と話していて面白い話を聞いたり、何か思いついたときにここに残すようにしている。収集したメモが分散することになるがこれらは収集候補に過ぎず、このままでは再利用される確率も低いので、この時点では集めやすさにフォーカスする。

2. 数を絞って収集する

寝る前に今日集めた収集候補の中から1番よさそうなものを1つだけ選ぶ。そしてObsidian に「名前付きのページを作って」取り込み、「デイリーノートにリンクを貼る」。こうすることで外部からリンクしたり、将来のプロジェクトで再利用しやすくなる。デイリーノートにリンクを貼っておくことでこのページがいつ作られたかも分かりやすくなる。(Obsidian は特定のページへのバックリンクを簡単に調べることができるので、1番古いデイリーノートへのリンクがそのページの作成日となる。)

収集候補はいくつ集めてもいいけど、Obsidian にページを作って収集するのは1つに絞る。書籍の「SECOND BRAIN 時間に追われない知的生産術」では筆者は1日平均2つと書いていたが、私は1日の作業量を最小限にするのと厳選度を上げるために1つにしている。後述するがその日取り込まなくても再度取り込むチャンスはあるので慌てない。

ＳＥＣＯＮＤ　ＢＲＡＩＮ（セカンドブレイン）　時間に追われない「知的生産術」

Amazon

3. 何を収集するか？

自分が今一番、やっていること、興味があること、気になっていることを収集する。今日だからこそ選ぶもの、明日はきっと違うものを収集する、そういうつもりで直感に沿って大胆に選ぶ。

「コジ10 ep.2 最高の書籍紹介」で紹介されていた書籍の選び方のように、自分にとって最高のもの、他の人が見つけていないものを選んで収集することに価値がある。

4. 収集するべきよいコンテンツが見つからなかったとき

過去の収集候補を見返す。収集候補だったけどその日は収集されなかったコンテンツを探して収集する。

探す収集元は日によってローテーションする。昨日ははてブから収集したなら、今日は Youtube の「後で見る」を探す。

まとめ

収集の過程を経て、自分が今何に興味を持っていて、何にコミットしているのかがはっきりしていく、させていくのがこの方法の面白いところ。

後は気が向いたときに、集めたメモを使って新しい文章を書いたり、LLM に分析させたりすればよい。

2025-04-28

MarkdownコピーとMarkdown引用のブックマークレットを追加

Webページの内容をMarkdown形式でコピーしたり引用したりするブックマークレットを追加しました。これにより、ブログ記事やドキュメント作成時にWebページからの情報を簡単に取り込めるようになります。

Markdownコピーブックマークレット

Webページの内容をMarkdown形式でコピーするブックマークレットです。テキストを選択した場合は選択したテキストをリンクテキストとして、選択していない場合はページタイトルをリンクテキストとして使用します。

設定方法

Markdownコピーブックマークレットのページを参考にインストール。
Webページ上でテキストを選択し、登録したブックマークレットを実行すると、クリップボードにMarkdown形式でコピーされる

Markdown引用ブックマークレット

Webページの内容をMarkdown形式で引用するブックマークレットです。テキストを選択した場合は選択したテキストを引用として、ページタイトルとURLをリンクとして使用します。

設定方法

Markdown引用ブックマークレットのページを参考にインストール。
Webページ上でテキストを選択し、登録したブックマークレットを実行すると、クリップボードにMarkdown形式で引用される

使い方の例

例えば、このブログ記事のタイトルを引用する場合：

タイトル「MarkdownコピーとMarkdown引用のブックマークレットを追加しました」を選択
「Markdown引用」ブックマークレットをクリック
クリップボードに以下のようなMarkdownがコピーされる：

[MarkdownコピーとMarkdown引用のブックマークレットを追加しました](https://ongaeshi.hatenablog.com/entry/2025/04/add-markdown-bookmarklet)

> MarkdownコピーとMarkdown引用のブックマークレットを追加しました

これで、ブログ記事やドキュメント作成時にWebページからの情報を簡単に取り込めるようになりました。ぜひお試しください。

2025-04-27

p5.rb CLIをリリースしました

p5rb_cli という RubyGems をつくりました。今まで p5.rb を使って Ruby でクリエイティブコーディングをしたい場合、ローカルに p5.rb スクリプトをダウンロードし、手動で読み込み用の HTML を作成する必要がありましたが、p5rb_cli を使うとコマンドを使って簡単にクリエイティブコーディングを始めることができます。

RubyKaigi で VJ ツールとして使っていただいた方がいらっしゃったと聞いてとても嬉しく思いました。私自身も RubyMusicMixin2025VJ.rb を手元で動かしたりして楽しませてもらいました。やっとパワーが出たので p5.rb CLI の紹介記事も書けました。 holygrail.hatenablog.com

インストール

gem install p5rb_cli

Ruby さえあれば誰でも簡単にインストールできるように、最小限の gem 依存で作成しています。webrick と thor しか使っていないので、大体どの OS でもインストールできると思います。

使い方

新しいスケッチの作成

p5rb new path/to/hello.rb
# => Created hello.rb

作成された hello.rb は GitHub Copilot や Cursor がコードを生成しやすいように命名規則や代表的なメソッド名などがスクリプトのヘッダに添付されます。(不要なら削除しても問題ありません)

スケッチの実行

p5rb run path/to/hello.rb
# => http://localhost:8000

このコマンドは指定したスケッチをローカルサーバーで実行し、ブラウザで表示します。

ウェブアプリ

hello.rb

p5rb run で指定したスクリプトの実行結果が画面に表示されます。

スクリプトを任意のエディタで編集してから Run ボタンを押すと画面が新しい実行結果で更新されます。

Save ボタンを押すとスクリーンショットがローカルに保存されます。

サンプルコード1(画像の表示)

ローカル環境での実行なので loadImage などのローカルアセットにアクセスする API が使えるようになります。

load_image.rb

def setup
  createCanvas(600, 600)
  @cat = loadImage('asset/cat.png')
  @landscape = loadImage('asset/landscape.jpg')
end

def draw
  background(255)
  image(@landscape, 0, 0)
  img_width = width / 5
  img_height = height / 5
  (0...1).each do |i|
    (0...5).each do |j|
      push
      translate(i * img_width + img_width / 2, j * img_height + img_height / 2)
      rotate((i - j) * (PI / 5))
      image(@cat, -img_width / 2, -img_height / 2, img_width, img_height)
      pop
    end
  end
end

サンプルコード2(3D)

GitHub Copilot に手伝ってもらった書いた3Dデモです。（p5.js のこの辺りの API の知識は自分にはほとんどない状態で記述しています。）

3d_primitive.rb ]

def setup
  createCanvas(710, 400, WEBGL)
  @voxel_colors = Array.new(11) { Array.new(11) { [random(255), random(255), random(255)] } }
end

def draw
  background(100)
  orbitControl

  noStroke()
  fill(50)
  push()
  translate(-275, 175)
  rotateY(1.25)
  rotateX(-0.9)
  box(100)
  pop()

  noFill()
  stroke(255)
  push()
  translate(500, height * 0.35, -200)
  sphere(300)
  pop()

  push()
  translate(0, -200, 0)
  rotateY(frameCount * 0.01)
  rotateX(frameCount * 0.01)
  beginShape()
  (0..9).each do |i|
    phi = map(i, 0, 9, 0, TWO_PI)
    (0..9).each do |j|
      theta = map(j, 0, 9, 0, PI)
      x = 10 * sin(theta) * cos(phi)
      y = 10 * sin(theta) * sin(phi)
      z = 10 * cos(theta)
      vertex(x, y, z)
    end
  end
  endShape(CLOSE)
  pop()

  push()
  rotateY(frameCount * 0.01)
  draw_voxel_mountain
  pop()
end

def draw_voxel_mountain
  size = 20
  (0..10).each do |i|
    (0..10).each do |j|
      h = noise(i * 0.1, j * 0.1) * 400
      push()
      translate(i * size - 100, -h / 2 + 100, j * size - 100)
      fill(*@voxel_colors[i][j])
      box(size, h, size)
      pop()
    end
  end
end

まとめ

p5.rb がお気に入りのエディタやAI支援を受けながら開発することができるようになりました。Ruby でもクリエイティブコーディングを楽しんでいただけたら幸いです。ご質問やフィードバックがございましたら、お気軽にお寄せください。

2024-12-24

英語のハノンを読みながらChatGPTに質問する

少しずつ続けている英語のハノンがついに上級まで来ました。

英語のハノン　上級　──スピーキングのためのやりなおし英文法スーパードリル

作者:横山雅彦,中村佐知子
筑摩書房

Amazon

最近試している方法で、課題を進めているときに分からないことや気になることが出てきた場合に、それを問いの形にして ChatGPT に質問する、ということをやっています。勉強中に分からないことがあるときはたとえハルシネーションのリスクがあっても何らかの回答を読みたいと感じているものですし、さらに例題や解答として出ている文が正しいことはある程度保証されているため、ただ知らないことを ChatGPT に聞くよりも安心して質問することができます。

Unit 10.6

例を挙げてみます。以下の文を It is ... that ... の強調構文に直せというものです。

Not until I graduated from college was I aware of the importance of study.

解答はこのようになります。

It wasn't until I graduated from college that I was aware of the importance of study.

書き方は分かったのですが、この２つの文をどうやって使い分ければいいのかが気になりました。ということで問いを立てて教えてもらいます。

質問

２つの文を訳して違いを教えて。

Not until I graduated from college was I aware of the importance of study.
It wasn't until I graduated from college that I was aware of the importance of study.

回答(ここは ChatGPT が生成した文)

訳：

Not until I graduated from college was I aware of the importance of study.
「大学を卒業して初めて、勉強の重要性に気づいた。」

It wasn't until I graduated from college that I was aware of the importance of study.
「大学を卒業して初めて、勉強の重要性に気づいた。」

違い：

文の意味はほぼ同じで、「大学を卒業するまで勉強の重要性に気づかなかった」という内容を表しています。ただし、文法構造とニュアンスに若干の違いがあります。

Not until...構文

形式的で強調された印象を与える文。

倒置構文（主語と動詞の語順が入れ替わる）を用いるため、やや硬い印象。

詩的または文学的な表現として使われることが多い。

It wasn't until...構文

日常会話や書き言葉で自然に使われる表現。

「It wasn't until... that」という構造が原因と結果を明確に強調する役割を果たす。

使用場面：

1番目の文はフォーマルなスピーチやエッセイで効果的。

2番目の文は日常会話やカジュアルな文章で自然に使いやすい。

どちらを使うかは、文の雰囲気や場面に応じて選ぶとよいでしょう。

まとめ

倒置があるとフォーマルな印象になる、というのが今回は特に参考になりました。

ChatGPT などの LLM が質問者にとって良い回答を出せるかどうかは、問いの立て方に大きく影響されます。実際のところ、ChatGPT は確率で続きを書く機械（from 深津式プロンプト読本）です。参考書で問題を解いたり本を読んでいる際に自分が知りたくなったことをベースに問いを立てることは、問いの精度を高めるのに役立ちます。

正確な記述が本の中に含まれていること、つまり信頼できる足場がある状態から LLM と対話することが重要なのだと感じています。

2024-12-11

ホームページを VitePress でリニューアルした

web vitepress

ongaeshi.me

自分のウェブサイトを VitePress でリニューアルした。自分がやりたいことは VitePress のデフォルトテーマの機能だけで完全に賄うことができた。一通りそろっていている。起動が早いのもよい。

レポジトリはGitHubで管理されており、push すると自動で deploy されるようになっている。この辺りはほぼ VitePress 公式の設定でうまくいった。

github.com

一番の目的は Markdown で書けるようにしてウェブサイトの更新頻度を上げるためで、これで Obsidian を使って原稿の執筆が可能になった。普段使っている Vault に https://ongaeshi.me/history.html の原稿をコピーして運用している。追記したいときは Obsidian で編集・確認後、そのままクリップボード経由で GitHub にコミット。これでモバイルからでもホームページの編集ができるようになった。