そろそろ作り直したい

こんにちは世界
私がここの管理者です

やっぱこれリアルタイム更新させたいなぁ

>>174 Misskeyみたいに

css
/**
 * TOKIMEKI プロフィールちょっと見やすくするやつ
 */

/* モーダル */
.decks .modal-page-content {
  max-width: 500px;
}

/* プロフィール 説明 */
.profile-description__text {
  margin: 1em 0;
  padding: 0.5em 0.75em;
  border: 1px solid var(--border-color-2);
  border-radius: 10px;
  background-color: var(--menu-bg-color);
}

/* プロフィール フォロー・フォロワー */
.profile-relationship {
  row-gap: 0.5em !important;
  margin-bottom: 0.5em;
}
.profile-relationship__by {
  padding: 0.2em 0.5em;
  border: 1px solid var(--border-color-2);
  border-radius: 99rem;
}

/* プロフィール タブ */
.profile-tab {
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 0;
  padding: 8px 4px;
  border-top: 1px solid var(--border-color-2);
}
.profile-tab__item:before {
  display: none;
}
.profile-tab__item {
  padding: 10px 16px;
  border-radius: 10px;
}
.profile-tab__item--active {
  background-color: var(--primary-color);
  color: #fff;
}

css
/**
 * TOKIMEKI レイアウト修正
 */

/* カラムヘッダー下の謎余白を消す */
.timeline:has(> .timeline__item) {
  padding-top: 0;
}

/* 画像のサイズを最大で高さ50%までにするやつ */
.timeline-image {
  aspect-ratio: unset !important;
}
.timeline-images img {
  max-height: 50vh;
  object-fit: contain;
  background-color: var(--bg-color-2);
}

css
/* TOKIMEKIのカラム幅をウィンドウの幅に合わせて自動調節するUserStyle */
.app {
  --t-columns: 1;

  --t-sidebar-width: 64px;
  --t-columnarea-width: calc(
    (100vw - var(--t-sidebar-width)) - var(--decks-gap) * (var(--t-columns) - 1)
  );
  --t-auto-width: calc(var(--t-columnarea-width) / var(--t-columns));

  --deck-xxs-width: var(--t-auto-width);
  --deck-xs-width: var(--t-auto-width);
  --deck-s-width: var(--t-auto-width);
  --deck-m-width: var(--t-auto-width);
  --deck-l-width: var(--t-auto-width);
  --deck-xl-width: var(--t-auto-width);
  --deck-xxl-width: var(--t-auto-width);

  @media (min-width: 600px) {
    --t-columns: 2
  }
  @media (min-width: 900px) {
    --t-columns: 3
  }
  @media (min-width: 1200px) {
    --t-columns: 4
  }
  @media (min-width: 1500px) {
    --t-columns: 5
  }
  @media (min-width: 1800px) {
    --t-columns: 6
  }

  &[style*="--decks-gap:"] {
    --decks-gap: 0px !important;
  }
}

ts
import type { entities as MisskeyEntities } from 'misskey-js'

type WebhookTypes = {
  user: 'follow' | 'followed' | 'unfollow'
  note: 'note' | 'reply' | 'renote' | 'mention'
}

export type MisskeyWebhook<T = WebhookTypes['user' | 'note']> = {
  hookId: string
  userId: string
  eventId: string
  createdAt: string
  type: T
  body: T extends WebhookTypes['user']
    ? {
        user: MisskeyEntities.User
      }
    : T extends WebhookTypes['note']
    ? {
        note: MisskeyEntities.Note
      }
    : null
}

export const WebhookTypeCheck = <T extends WebhookTypes['user' | 'note']>(
  type: T,
  json: MisskeyWebhook
): json is MisskeyWebhook<T> => json.type === type

>>150 高機能すぎる

あけおめ

時間がUTC+9になってないわこれ

訪問者数10,000突破おめでとうございます！

そういえば合計600&訪問者数9,000超えました！
ありがとうございます！どういたしまして！

>>137 おめでとうございます！！！

8800踏んじゃった

ようこそ、彩度モリモリ杜野凛世の掲示板へ。
私は管理人の彩度モリモリ杜野凛世と申します。

幸運なうんこ、幸運こ

6,000人目の訪問者です

https://midra.me/api/counter

シソタシケヌ八亻う亻卜

tsx
const Header = memo(({ isAdmin }: Pick<BoardProps, 'isAdmin'>) => {
  return (
    <header>
      <h2>Midraの掲示板{isAdmin && ' (管理者)'}</h2>

      <nav>
        <a href="/">トップページ</a>
        <a href="/blog">ブログ</a>
        <a href="/admin">管理ページ</a>
      </nav>

      <nav>
        <a href="/rss/board.xml" target="_blank">
          RSS
        </a>
      </nav>
    </header>
  )
})

ヨシ！

Midraのブログ

レスポンス悪くなったけどまあいっか

js
// ==UserScript==
// @name         選択範囲 検索 ショートカット
// @namespace    https://midra.me
// @version      1.0.0
// @description  選択範囲をキーボードショートカットで検索できるスクリプト
// @author       Midra
// @license      MIT
// @match        *://*/*
// @run-at       document-start
// @grant        GM_openInTab
// ==/UserScript==

;(() => {
  'use strict'

  window.addEventListener('keydown', (e) => {
    if (
      e.ctrlKey && e.key === 'g' ||
      e.metaKey && e.key === 'g'
    ) {
      const selectedText = window.getSelection().toString().trim()
      if (selectedText) {
        e.preventDefault()
        e.stopPropagation()

        if (/^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=~]*)?$/.test(selectedText)) {
          GM_openInTab(selectedText, e.shiftKey)
        } else {
          const url = `https://www.google.com/search?q=${encodeURIComponent(selectedText)}`
          GM_openInTab(url, e.shiftKey)
        }
      }
    }
  })
})()

こっちで投稿するの忘れてた

私は吸血鬼だ

返信増えすぎたときの対策を考える会

>>84 横幅が少なくとも一定以上になるように、しきい値を超えたらスクロールできるようにするとか？

>>93 縦方向もどうにかしたいんよな

掲示板のほうが読み込み早い気がせんでもない

SSRになった

大きく吸って💁せーの🙋 ス😃ギ😄か😐ふ😙ん😇‼️ 🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲🌈🌈🌈🌈🌈🌈🌈🌈🌈🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲🌈🌈🌈🌈🌈🌈🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲🌲ヴェエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエッッッッッッッッッッッックショオオオイｗｗｗｗｗｗｗｗ

おなら出た

これミリ秒表示させるか

>>51
うんうん

>>52 こ

テスト2

配布用データ
https://midra.me/data/gyagu.json
https://midra.me/data/board.json

>>40 https://midra.me/data/board_with_reply.json

>>0 返信
の >>0 を消して表示させるかそのまま残すか

どうも、管理者です。

>>37 こんにちは！

Midraのアカウント一覧
・Twitter: https://twitter.com/Midra429
・Submarin: https://submarin.online/@Midra
・Momogumi: https://team.matechan.com/@Midra
・mk.taiy.me: https://mk.taiy.me/@Midra
・Fedibird: https://fedibird.com/@Midra

返信ちょい見やすくなったかも？

これプッシュ通知とかに対応させたいかも
できるか分からんけど

>>31 がんばって！

https://midra.me/board/data.json

>>23 https://midra.me/data/board.json

>>23 これリンクになって欲しいな

>>24 わっかる〜〜！

>>24 まあ別にいらんか

>>25 なくていいよー

>>26 いやほしいわ

>>26 おけー

返信はこれでいっか

>>10 いいよー

>>11 ありがとー

名無し全員BANするか

>>5 しない

ようこそ！