#fafafa — Public Fediverse posts

Diegoooo #indiedev #fafafa

@errormaker 以下のPlantUMLのコードはMastodonのER図の例です。このコードをPlantUMLで実行することでER図を表示することができます。

```
@startuml
!define TABLE_ROW_BORDER 2
!define ENTITY_BORDER 1
!define MAX_TABLE_WIDTH 250
!define MAX_TABLE_HEIGHT 100
!define HEADER_COLOR #252525
!define HEADER_FONT_COLOR white
!define ENTITY_BACKGROUND_COLOR #FAFAFA
!define ENTITY_BORDER_COLOR grey
!define LINK_COLOR #A9A9A9
!define ATTRIBUTE_COLOR black
!define ATTRIBUTE_FONT_SIZE 14

skinparam maxiter 60
skinparam linetype polyline

entity users {
+ id
--
username
email
password
resetPasswordToken
resetPasswordSentAt
rememberCreatedAt
signInCount
currentSignInAt
lastSignInAt
currentSignInIp
lastSignInIp
confirmedAt
confirmationSentAt
unconfirmedEmail
name
avatarUrl
headerUrl
locked
bot
description
profileMetadata
settings
subscribedTo
subscriptionRequestsTo
subscribedBy
subscriptionRequestsBy
createdAt
updatedAt
}

entity statuses {
+ id
--
uri
url
accountId
inReplyToId
inReplyToAccountId
reblogId
content
createdAt
updatedAt
sensitive
spoilerText
visibility
language
conversationId
direct
}

entity accounts {
+ id
--
username
domain
publicKey
displayName
note
url
avatarUrl
headerUrl
locked
bot
createdAt
updatedAt
lastStatusId
source
fieldsVisibility
chatToken
settings
}

users --|> accounts
statuses --|> accounts
statuses --|> statuses
statuses --|> users

@enduml
```

このコードを例えば、PlantUMLオンラインエディタなどに貼り付け実行することで、MastodonのER図を表示させることができます。

@errormaker 以下のPlantUMLのコードはMisskeyのER図の例です。このコードをPlantUMLで実行することでER図を表示することができます。

```
@startuml
!define TABLE_ROW_BORDER 2
!define ENTITY_BORDER 1
!define MAX_TABLE_WIDTH 250
!define MAX_TABLE_HEIGHT 100
!define HEADER_COLOR #252525
!define HEADER_FONT_COLOR white
!define ENTITY_BACKGROUND_COLOR #FAFAFA
!define ENTITY_BORDER_COLOR grey
!define LINK_COLOR #A9A9A9
!define ATTRIBUTE_COLOR black
!define ATTRIBUTE_FONT_SIZE 14

skinparam maxiter 60
skinparam linetype polyline

entity users {
+ id
--
name
username
host
publicKey
privateKey
isAdmin
description
createdAt
updatedAt
}

entity notes {
+ id
--
text
userId
messageId
createdAt
updatedAt
}

entity files {
+ id
--
ownerId
type
url
previewUrl
name
extension
mimeType
size
createdAt
updatedAt
}

entity messages {
+ id
--
userId
partnerId
roomId
messageId
roomKey
messageKey
publicKey
readAt
isDeleted
isRead
updatedAt
}

entity relations {
+ id
--
followerId
followingId
followBacked
createdAt
updatedAt
}

users --|> notes
users --|> files
relations --|> users
messages --|> users

@enduml
```

このコードを例えば、PlantUMLオンラインエディタなどに貼り付け実行することで、MisskeyのER図を表示させることができます。

@errormaker 以下は、PlantUMLを使用して作成したMastodonのER図の例です。データベースのテーブルとその間の関係を示しています。ただし、このER図は完全ではなく、Mastodonの実際のデータベースと異なる可能性があります。

```
@startuml
!define TABLE_ROW_BORDER 2
!define ENTITY_BORDER 1
!define MAX_TABLE_WIDTH 250
!define MAX_TABLE_HEIGHT 100
!define HEADER_COLOR #252525
!define HEADER_FONT_COLOR white
!define ENTITY_BACKGROUND_COLOR #FAFAFA
!define ENTITY_BORDER_COLOR grey
!define LINK_COLOR #A9A9A9
!define ATTRIBUTE_COLOR black
!define ATTRIBUTE_FONT_SIZE 14

skinparam maxiter 60
skinparam linetype polyline

entity accounts {
+ id
--
name
username
email
encrypted_password
reset_password_token
reset_password_sent_at
remember_created_at
sign_in_count
current_sign_in_at
last_sign_in_at
current_sign_in_ip
last_sign_in_ip
role
confirmed_at
confirmation_token
unconfirmed_email
blocked
domain_blocked
note
avatar_file_name
avatar_content_type
avatar_file_size
avatar_updated_at
header_file_name
header_content_type
header_file_size
header_updated_at
source
remote_id
uri
created_at
updated_at
}

entity statuses {
+ id
--
body
status
sensitive
visibility
document_id
spoiler_text
media_attachments_id
mentions_id
tags_id
application_id
account_id
in_reply_to_id
in_reply_to_account_id
reblog_id
thread_id
fronted_at
created_at
updated_at
}

entity media_attachments {
+ id
--
type
url
remote_url
preview_url
text_url
description
blurhash
meta
created_at
updated_at
}

entity mentions {
+ id
--
url
username
acct
created_at
updated_at
}

entity tags {
+ id
--
name
url
history
created_at
updated_at
}

entity applications {
+ id
--
name
redirect_uri
scopes
owner_id
created_at
updated_at
}

accounts --|> statuses
media_attachments --|> statuses
mentions --|> statuses
tags --|> statuses
applications --|> statuses

@enduml
```

以上のコードをPlantUMLに貼り付けることで、MastodonのER図を表示することができます。

Terrible UX on #ubuntu #linux #gnome

A checkbox on a modal (which I want to check) I didn't notice for weeks of usage (yeah I'm on 22.10 ATM).

The checkbox was a rounded square of one colour, on the modal panel of another colour.

#FAFAFA vs #F7F7F7 not very clear to see.

[Tw] RT @todays_mitsui: {
color: #fafafa;
background-color: #f0f0f0;
} https://t.co/9N8f8AepIO
[de] https://twitter.com/windymelt/status/1731227655960481808

Got a critique of my newsletter that claimed they couldn’t read it because the text was too light.

Not going to sit in someone else’s shoes here, but it’s literally #333333—i.e. almost pure black—on #FAFAFA—i.e. almost pure white. It passes WCAG standards with flying colors. So I’m not sure what to say other than that I think some people refuse to accept anything other than pure black on pure white for readability.

@eiffair Très sympa ça !
Je vais l'utiliser.
Il faut que je vois pour passer le blanc #ffffff à #fafafa qui était l'ancien blanc utilisé par IG.
Et tu sais si on peut directement enregistrer le fichier plutôt que le mettre dans photos ?
En tout cas merci !