portal shit!

OpenAI の API を利用してブログの本文の要約を自動生成する機能をつけてみた。ブログの編集画面に要約欄を追加し、チェックボックスにチェックが入っていれば OpenAI の API にリクエストを投げて記事本文の要約を生成して保存するようにした。

これも ChatGPT に設計を依頼してレビュー＆手直ししながらやった。めっちゃ便利。要約生成君のコードはこんな感じ。

require 'openai'

class EntrySummarizer
  MODEL = 'gpt-4o-mini'

  def initialize(content)
    @content = content
    @client = OpenAI::Client.new(access_token: ENV['OPENAI_API_KEY'])
  end

  def summarize
    response = @client.chat(
      parameters: {
        model: MODEL,
        messages: [
          { role: "system", content: "以下のブログ記事を著者になりきって、日本語で簡潔に要約してください。文章の長さは200文字以内で、受動態表現と「ですます」調を避けて下さい。" },
          { role: "user", content: @content }
        ],
        temperature: 0.3,
        max_tokens: 150
      }
    )
    response.dig("choices", 0, "message", "content").strip
  rescue => e
    puts "要約生成エラー: #{e.message}"
    nil
  end
end

OGP の og:image を動的に生成する機能をブログに実装していた（ 1 年半も前）。

Add dynamic ogp image generator · morygonzalez/portalshit.net@17ba731

ポータルシット. Contribute to morygonzalez/portalshit.net development by creating an account on GitHub.

github.com

記事本文中に画像がある記事であれば og:image は本文中に含まれる最初の画像を og:image として設定するようにしている。画像がない文章だけの記事の場合はこれまでサイトのロゴを og:image として表示していた。それだと金太郎飴っぽくなってしまうので、はてなブログとか Qiita とかがやってるみたいに、タイトルとサイトロゴを使って動的に og:image を生成して表示することにした。

• mini_magick をインストール
• 日本語表示用に NotoSansJP-ExtraBold.ttf をダウンロード
• タイトルを載せるための背景画像を作成（画像ソフトで作成）
• 動的に画像を生成するコードを記述

こだわりポイントとしては、日本語のタイトルの折り返し位置をいい感じにするために形態素解析して、ちょうどいい折り返し位置を決定するような処理を実装した。この辺のコードは結構頑張ってる。

def nm
  @nm ||= Natto::MeCab.new(
    userdic: File.expand_path('lib/tokenizer/userdic.dic'),
    node_format: "%M\t%H\n",
    unk_format: "%M\t%H\n"
  )
end

def prepare_text(text:)
  splitted_text = nm.enum_parse(text).map(&:feature)
  row_length = 0
  result = []
  do_loop = true
  while do_loop do
    splitted_text.each.with_index(1) do |item, i|
      result[row_length] ||= ''
      if (result[row_length].length + item.length) > INDENTION_COUNT
        row_length += 1
        result[row_length] = ''
      end
      result[row_length] += item
      do_loop = false if splitted_text.length == i
    end
    do_loop = false if ROW_LIMIT - 1 > row_length
  end
  result.each {|item| item.gsub!(/EOS\n\z/, '') }
  if result[-1].length == 1
    result[-2] += result[-1]
    result.pop
  end
  result.map(&:strip).join("\n").gsub(/"/, '\"').chomp
end

結果はこんな感じになる。

写真でふりかえるやつはフォトギャラリーとして実装した。

1. PhotoSwipe を使えるように組み込む
2. PhotoSwipe が期待するフォーマットで本文の HTML を書き出しつつ写真を S3 にアップロードする Rake タスクを作成
3. PhotoSwipe の Dynamic Caption プラグインを組み込む
4. ↑の Rake タスクから exiftool を呼び出し、 Exif データを HTML 内に Caption として埋め込む
5. ↑の Rake タスクに緯度経度から住所を取得する機能を追加（ Nominatim の API を利用）

ChatGPT に聞きながらやったらサクッとできてしまった。 AI 、ちょっとやる気がある人がその気になればサクッとプログラムを作れてすごい。 Rails で 10 分で Twitter もどきを作れる〜みたいなのがどんな種類のプログラムでもできる感じ。すごい世の中になった。

フォトギャラリーの機能が面白くて、むかし Flickr の存在を知ったときに猿のように画像をアップロードしてた頃を思い出した。あの頃はウェブ上に写真の Exif 情報が表示されるだけで面白かった。カメラの機種名とかレンズとか、焦点距離とか絞り値とか。自分のブログでそういうのをサクッと表示できてうれしい。 2025 年はもっと写真を撮ってブログにアップしていきたい。こういう発言、ウェブ縄文時代（ 2000 年代）っぽい。

Flickr に関してはダメなサービスになってしまったし、悪口のような記事も過去に書いたけれど、 Flickr があるおかげで写真を撮ってアップロードするのが楽しかった側面はあったなぁと思う。 Flickr を使わなくなってから全く一眼カメラを使わなくなってしまった。

フォトギャラリーを作ったので、今後はまめにカメラを引っ張り出して写真を撮りたい。

これから毎月写真でふりかえってみることにする。

写真でふりかえる2025年2月

...

portalshit.net

SNS に写真を上げるだけではなく、自分で見え方まで考えて写真を整理してみたくなった。 Flickr に写真を上げてアルバムを作っていたようなことを自分のブログでやる感じ。

ギャラリーのライブラリは Medium Zoom だと足りなかったので PhotoSwipe に移行してみた。

昨年末に mixi2 出てちょっと話題になった。自分もアカウント作って使ってみた。最初はよく考えられてるなぁと感心したけど、なんか使いづらい。

自分として最も使いづらいと感じるのは絵文字の種類の少なさで、数が少なくて気持ちを表現しづらいと思っている。あらためて見てみると mixi2 の絵文字はのほほん系の絵文字しかなく、喜怒哀楽を表現しきれない。 🤔 のような、わずかでもネガティブなニュアンスのある絵文字は使えなくなっている。

リプライ欄のプレースホルダーも「やさしいことばで返信しよう」となっていて、返信内容を穏やかな方向に限定しようという意図が読み取れる。

mixi2 のメッセージとして、のほほんとしたコミュニケーションだけやって欲しいということなのだろう。

Threads が出たときに記事を書こうとしていろいろ調べていたが、改めて引っ張り出してきて見てみると、 Threads / Instagram 勢もこういうコミュニケーションをして欲しいという意図を持っている。 Threads がリリースされたばかりの頃、 Instagram の責任者の Adam Mosseri は Instagram や Threads は政治や重苦しいニュースではなく、頭を空っぽにして楽しめるお気楽コンテンツだけ見られるお花畑のような場所にしたいと言っていた。

Post by @mosseri

View on Threads

Twitter が居心地がよかったのは人が多かった（自分が情報を知りたいと思う相手が多く Twitter を使っていた）というネットワーク効果的な側面もあるが、「こういうコミュニケーションをしろ」という制約が弱かったからだと思う。 Twitter がコミュニケーションの方向性を指示しようという試みは、せいぜい入力欄のプレースホルダーを "What are you doing?" から "What's happening?" に変えたこと（「あなたはいま何してる？」から「あなたのまわりで何が起こってる？」に変更）くらいだ。

ハイパー起業ラジオに MIXI の元社長の朝倉祐介さんが出ていて、いかに SNS として発展させるかばかりを考えていた当時のミクシィを多角化して立て直したかを話していた。

[番外編 #12] mixiのV字回復はここから！朝倉祐介に訊く逆転のヒント - ハイパー起業ラジオ

:::::::::::::::::: 今週の内容 ::::::::::::::::::今回のテーマは「mixiの経営再建」です。皆さんは、かつて日本最大級のSNSであったmixiが、いかにして危機を乗り越えたかご存じですか？mixiの業績回復を牽引し、…

listen.style

mixi2 の動きは朝倉さんがやったことへの反動のようにも思える。めっちゃ細かいところまでこだわった俺たちが考える最強の SNS を作ろうとしているのだろう。

mixi2は、Xと違う「知らないおじさんが乱入しないSNS」に　笠原氏に聞く、収益化の道

Xは「自分の家に、知らないおじさんがいる」――そう語るのは、新SNS「mixi2」を統括するMIXIの笠原会長。mixi2はなぜ生まれたのか、どういうSNSに育てたいのか、マネタイズの道筋はあるのか、笠原氏に直接疑問をぶつけてみた。

www.itmedia.co.jp

果たしてコミュニケーションの方向性を限定するやり方はうまくいくのだろうか。

匿名掲示板のような無法地帯がよいとは思わないが、自分は自由にコミュニケーションできる場所の方が好きだ。