オープンソースの画像生成AIをセットアップから使い方まで解説する『Stable Diffusion AI画像生成ガイドブック』(ソシム刊)発売中(→本のサポートページ

APIで投稿したはてなブログの記事にcodocをつける正しい手順

ひとつ前のエントリ「FDM方式の3Dプリンタで出力するキーキャップの軸の設計」はいつものように、はてなブログライターを使って投稿した。そして初めてcodocと連携して、記事に投げ銭できるようにしようと思ったらこれがなかなか難しかった。

以下の手順以外だと「購入済の方はログインしてください」とだけ出て、有料部分の価格や「記事を購入」ボタンが表示されなくなることがある。

  1. 記事をいつものようにAPIを介して投稿。自分の場合ははてなブログライターを使う。このとき「====codoc_paywall: ここから下に有料部分を書いてください====」の行は含めない(有料部分を短い間でも公開したくない場合は、この時点では有料部分を含めない)
  2. 投稿した記事をはてなブログで表示し、「編集」ボタンをクリックして編集画面へ移動
  3. 投稿の入力フォームのカーソルを、以降を有料にしたい場所の最初の行(や記事の末尾)へ移動する
  4. 編集画面のサイドバーにある「¥」から「記事に有料部分を追加」をクリック。「====codoc_paywall: ……」が入力される
  5. 価格を入力し、「====codoc_paywall: ……」の行をコピーしてから「更新する」ボタンをクリック
  6. 記事を表示し、「この続きはcodocで購入」や記事のタイトル、価格などが出ていることを確認(codocにログインしている場合はいったんログアウトするかシークレットウィンドウを表示して確認)
  7. はてなブログライターのテキストファイルに「====codoc_paywall: ここから下に有料部分を書いてください====」と必要に応じて有料部分を追記し、はてなブログライターで更新

これではてなブログライターが管理するテキストファイルと実際の記事に齟齬がない状態で、記事の末尾に「この続きはcodocで購入」、有料部分の文字数、タイトルや価格、「記事を購入」ボタンが表示される。

記事の最初の登録時に「====codoc_paywall: ……」を含めていた場合、「記事に有料部分を追加」をクリックしてもその行が追加されるだけで価格を入力できない。その場合は以下のように操作する。

  1. 「記事に有料部分を追加」の下にある「codocの設定を開く」ボタンをクリック
  2. codocの記事編集画面が開く。「□編集を続行」のチェックボタンをオンにする
  3. 「単体販売」が「しない」になっているので「する」をクリック、価格を入力
  4. 「更新」ボタンをクリック

これでこんな感じに「この続きはcodocで購入」が表示される↓

この続きはcodocで購入