【求む】はてなパークスHack

プロフィール・ページのはてなIDをはてなプロフィールへのリンクに書き換えるブックマークレット

ざっくりとブックマークレットを書きました。

アイコンを羊から、見慣れた はてなアイコンに書き換えるブラウザ拡張、ユーザースクリプト等も緩募です

ヒツジとヤギのアイコンを、見慣れたはてなプロフィールの画像に置き換えるユーザースクリプトをChatGPT使いながら作ってみました。
以下のGistに置いてありますのでご自由に。

https://gist.github.com/15dcef804150a3a9d8b24202014b9594

適用前:

適用後:

Chrome拡張もｷﾀ━━(ﾟ∀ﾟ)━━!!

はてなパークスで、ユーザーアイコンを羊から はてなのアイコンに戻すChrome拡張を作りました。https://t.co/3I6pMIlEQh

— Cside (@Cside_) August 21, 2026

ここが梁山泊か

私もアイコン置換ブックマークレットを書きました。
https://anond.hatelabo.jp/20260822121613
ページ末尾のコメント書き込み欄や、ポップアップの書き込み画面には未対応。
しかし丁寧に書いておいた注意書きは他の方々にも参考にしていただけるはず。

これは自分用に書いたユーザースタイルですが共有します。

/* 通知欄を少し伸ばす */
div[class^="_menu_"] div[class^="_panelBody_"]{
  max-height: 600px;
}

/* 新着を目立たせる */
div[class^="_contentBody_"]:has( > div > div > div > [class^="_newBadge_"]){
  background: #efec !important;
  border-radius: 20px 10px 10px 10px;/* 左上はユーザーアイコンの丸みと同じ */
}

/* 自分が Upvote した投稿をもっと目立たせる(なお自分の投稿には自動で Upvote が付く) */
div[class*="_contentArea_"]/*スレッド*/:has( > article > div > div > div > button[aria-label="Upvoted"]),
div[class*="_contentBody_"]/*コメント*/:has( > div > div > div > button[aria-label="Upvoted"]){
  background-color: var(--color-vote-up-bg) !important;
  border-radius: 20px 10px 10px 10px;/* 左上はユーザーアイコンの丸みと同じ */
}

/* Upvote数を少しわかりやすく */
main{
  --max-upvote-opacity: 0.25;/*最大の色の濃さ*/
  --max-upvote-count: 10;/*この数でopacityが最大となる*/
}
button[title="Upvote"] + span[aria-label]{
  /* Upvoteしたボタンの公式の色は 204, 98, 56 背景色は 255, 243, 235 */
  background: rgb(255 128 32 / min(
    var(--max-upvote-opacity),
    calc(attr(aria-label type(<number>)) * (var(--max-upvote-opacity) / var(--max-upvote-count)))
  ));
  border-radius: .25em;
}

今、はてなパークス内でのニーズは、

• 特定のスレッド、パークをタイムラインから非表示化するツール

なのかな。

そろそろ、「タイムラインβ」が飽和状態か
（βテスト時代にはテスター全員が遠慮してて出現させられなかった状況ｗ）

「タイムラインβ」自体が、大量の投稿を一覧する目的で設計されていない（だからβ版）機能だし、たぶん近々に削除される機能だろうと思うけど。

• スレッドの「保存」（＝この機能なら「購読」の方が一般的な表現か？Reddit文化の文脈？わからん）
• 「フォロー中のタイムライン」（コメント投稿は表示されない。たぶんSNSと差別化したいから）

これらの機能で、「タイムラインβ」を利用しているユーザーを満足させられるとは思えないし、ユーザーの「意識改革（人間より話題を見ろ。議論しろ）」も恐らく無理だと思うし

クローズドβ期間中に使用していた、タイムラインのブックマークレット式フィルタを更新しました。
ID（またはハンドル名）、スレッド名での絞り込み、除外ができます。

ID表示欄はハンドル名表示欄を兼ねており、ハンドル名が表示されている場合、IDは別枠に表示されます。
つまり同じIDの投稿でも、IDでフィルタリングすれば、ハンドル名の投稿はフィルタリングされません。

ブックマークレットなので、動作環境に損害を与えるものではありません。
Gistでコードを共有しておきます。

https://gist.github.com/espio999/1436b54852b609f889ebebad76f16195

以下、先日の繰り返しです。

タイムラインの「（β）」とはベータ版を意味せず、β期間中のみ提供される機能のようです。
このコードはそれ未満、サポートもなければ、今後のコード変更に追従するつもりもありません。
PARKSのコード変更で簡単に動かなくなります。
あるいは、私の環境だけしか動かない可能性もあります。

特定の文字列にマッチするパークや投稿を非表示にするための Chrome拡張機能を作りました
https://chromewebstore.google.com/detail/hatena-parks-tweak/laldfkkaaijdedmfmfbjbhhmjpoanlho

昔のHack の定番のRSS配信が はてなパークスに実装されていることは、
βテストの初期に、技術系のテスターで話題に上がっていたコメント履歴を見た記憶がある。
（動作テストのスレッドは既に運営に非表示化されているので確認の手段が無いが…）

少なくとも、「パーク」、「ユーザー」単位ではRSS（ATOM形式） 配信が確認できる

パーク【例】：はてなパークス【非公式】

https://p.hatena.ne.jp/p/1539910495903944704.atom

ユーザ【例】：mame-tanuki

https://p.hatena.ne.jp/user/mame-tanuki.atom

RSSリーダーで購読する人は令和に居ないと思うけど、
このRSS を何かに活用できる方面はあるのだろうか？

ちなみにRSS は、パークも現状では活気に欠けているｗ

• RSS - はてなパークス

はてなパークスのコメントのタイムスタンプなどをクリックして飛ぶパーマリンクは
/p/【パークID】/t/【スレッドID】#_r_【コメントID】
となるのですが、シェアボタンをクリックしてTwitterやはてブにポストするパーマリンクは
/p/【パークID】/t/【スレッドID】?r=【コメントID】#_r_【コメントID】
となっています。

はてブの場合、#からのフラグメント部を切り落としてしまう仕様のため、

https://b.hatena.ne.jp/entry/s/p.hatena.ne.jp/p/1508376655985381376/t/1540157145167695872?r=1540911019524624384

このように、そのコメントに飛ぶことができなくなってしまいます。

---

コメントに飛ぶことができなかった時にこのブックマークレットを使うと、URLを修正してコメントに飛ぶことができます。

はてなパークスのシェアリンク修正 - Hatena::Let

ユーザースクリプト作りました。

ブックマーカー図鑑ツールチップ（はてなパークス版） - Hatena::Let

↓こうなります。

Moutonの投稿を目立たなくする、のつもりが…

教えて！エンジニアの人！

ユーザースクリプトが、上手く動作する時としない時があります。
リロードをすると動作するっぽい。
もしかして、はてなパークスってturbolinksみたいなpjax（古い？）を使ってるのかな？

不具合情報の共有スレッド に、2件ユーザースタイルを投稿しました。

/* 横幅の狭いスマホでスレのカテゴリが画面の右にはみ出る仕様を回避 */
[class*="_postFooter_"]{
  flex-wrap: wrap;
}
/* iPhoneなどで検索欄にフォーカスすると自動で少しズームする挙動を回避 */
input[type="search"]{
  font-size: 16px;
}

「はてなパークスの本文フォントを変更するCSS」という記事を書きました。

見たまま編集

"見たまま編集" というMarkdownユーザー殺し、ただはてなブログユーザーにはありがたいものを紹介します。

必要なもの

• iPhone・iPad・Macのどれか
• 内蔵のメモアプリ
  • もしホーム画面から削除してしまった場合はApp Storeから再インストールしてください

やりかた

1. メモアプリで自由に文章を入力して、書式設定します。
2. 共有ボタンを押します。
3. "マークダウンとして書き出す" を選択し、zipファイルを任意の場所に保存します。
4. 保存したファイルを開くとMarkdown記法になったテキストが表示されるので、それをコピーしてはてなパークス内のコメント欄にペーストします。
5. プレビューで正常に表示されるかを確認して、おかしな部分は手直しします。おかしな部分はメモアプリで使用しているMarkdownパーサーとはてなパークスで使用しているMarkdownパーサーで細かな部分の解釈の違いがあるのが原因なので、入力時点ではどうすることもできないです。そのためきれいに投稿したいのであれば手直しが必要になります。なお、画像を貼り付けたい場合や、メモアプリが対応していない一部記法を使用したい場合は手直しが必須です。

余談ですが、生成AIは基本的に回答文がMarkdown形式で出力されるので、もし生成AIで文章をつくりたい場合、でてきた文章をそのままコピペして手直しするだけでもいい感じに表示されると思います。

ブックマークレット作りました。

はてなパークスでメェメェ画像を表示 - Hatena::Let

https://p.hatena.ne.jp/global?cursor=【コメントID】でそのコメントからのタイムライン。

既出かもしれないけど、イースターエッグ発見。
コナミコマンドでロゴが……

パークスの検索は OR にも カッコ にも対応してるね。増田より便利だ。
(A OR B) C とかも検索できた。

「(PARKS OR パークス) ポイント」の検索結果 - はてなパークス

スレッド一覧がどこかにあるといいのかな
https://p.hatena.ne.jp/p/1539910495903944704/t/1539937307644137472#_r_1547843189866500096

とりあえず、作りました。

たまにスクロール位置が微妙になるような……？

CSSに微調整が入ったようなので、アイコンをはてなプロフィールの画像に置き換えるユーザースクリプトを更新。
以下のGistに置いてありますのでご自由に。

スレッドに対するはてなブックマーク数を表示するユーザースクリプト。
現状では「個別のスレッド表示」または「パークでスレッド一覧時」にブクマ数が表示されます。
なお、スレッド一覧だとカテゴリ表示の部分がなぜか崩れるので、そのうち直す予定(は未定)。

個別スレッド表示時:

スクロールした後にコンパクト表示になった際も追従:

スレッド一覧での表示例:

インストールはこちらから。

Upvote の多い投稿を目立たせる UserScript を書いてみました。
大喜利スレとか、面白い投稿が視覚的に分かって良い感じです。
感想お待ちしてます。
https://gist.github.com/Cside/7fc71ac9b30c8a96c0f66765fd6b4340

タイムライン用のNGフィルタ。スクリプト内であらかじめ指定したキーワードを含むパーク/スレッドを非表示にします。
キーワード指定には * のワイルドカードも使用できます。

インストールはこちらから。