銀杏の木

各ブラウザへの対応状況は、こんな感じか？

css が書きやすくなるね。

ブラウザ名	css nesting 対応バージョン	レンダリングエンジン	備　考
chrome	112	Blink	Blinkの本家
edge	112	Blink	Blink使用
firefox	117	Gecko	Geckoの本家
safari	16.5	Webkit	本家が Apple なので、今も Webkit らしい。
Opera	?	Blink?	レンダリングエンジンの情報が見当たらないが、Blinkになっているような・・・。 独自エンジンの Presto は、だいぶん前にやめたみたいです。
Vivaldi	?	Blink?	レンダリングエンジンの情報が見当たらないが、Blinkになっているような・・・。

参考ページ：

・「Webブラウザ、レンダリングエンジン、JavaScriptエンジンを整理して図視化してみた」

・「CSSのネストがついにブラウザで使用できるようになった！ 基礎知識、便利な使い方を詳しく解説」

・「Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応」

元の世界で、ぶさいくなせいでひどい目に遭っていたのが、転生したらイケメンになって幸せになる・・・っていう部分。

最近だと、「無職転生」、「進化の実」、「異世界でチート能力を手にした俺は、現実世界をも無双する」などがこのパターン。

幸せになるのはいいことだけど、その理由が「イケメンになったから」というのがよろしくない。結局、「ブサメンな自分はダメ」「イケメンになれたから幸せに」ってことだから。ブサメンでも、本人の努力でこんなに状況を変えれたっていう話なら、断然いいと思うのだが。

GIMPで、白文字の周りに黒い縁取り？？？が広がった字をつくる手順は下の通り。

（１）白い文字を入力し、画像にする。

（２）別のレイヤに文字の画像をコピーする。

（３）「ドロップシャドウ」で半透明の領域を周りにつくる。X,Yを０にして、Blur radius を１０にし。 Opacity を２にする。

（４）「ファジー選択」で、広がった領域の外側を選択する。

（５）選択部分を削除する。外側の薄い部分が削除される。

（６）選択の反転をして、今度は、内側を選択させ、選択部分を削除する。

（７）選択部分を黒で塗りつぶす。

（８）白文字のレイヤを上に、黒のレイヤを下になるようにして、位置を合わせる。

（９）上下のレイヤを結合して１枚にして、png で保存する。

以上

（１）Visual Studio 2022 でソリューションを新規作成する。

（２）プロジェクトに、以下のファイル、ヘッダを追加する。

ncbind.cpp, tp_stub.cpp, ncbind.hpp, ncb_foreach.h, ncb_invoke.hpp, tp_stub.h

（３）自動的に追加されたソースファイル（ DllMain() が含まれているもの）をプロジェクトから削除する。

（４）Visual Studio 2022 でソリューションのプロパティを開き、以下の点を修正する。

• 構成プロパティ＞C／C++＞コード生成＞ランタイム　ライブラリを「マルチスレッド／MT」もしくは、「マルチスレッド　デバッグ／MTｄ」にする。
• 構成プロパティ＞C／C++＞言語＞準拠モードを「規定」にする。

（５）吉里吉里からアクセスしたいメソッドを含むクラスをソースファイル中に作成する。その際、クラスのメソッドは、コンストラクタ、デストラクタも含め、全て public: スコープ内に明示してクラスを定義する。

（６）吉里吉里からアクセスしたいメソッドとクラス名を、以下の様に記述する。（下の例では、 foo クラスの bar メソッド）。

以上で、吉里吉里側から、以下の様にして呼び出すことができるようになる。

github の betterdiscord リポジトリに説明があるが細かい部分が漏れているので、備忘録として。

git, node.js, pnpm が必要となる。

（c:/betterdiscord/ にインストールする場合。）

（１）better discord のソースの入手

（２）依存関係で必要なファイルを入手

（３）better discord のビルド

（４）better discord を discord クライアントに組み込む

これで、手動での better discord のインストールが完了となる。