In Minutiae, God Dwells.

1. Twitter公式アプリを削除
2. Safari機能拡張の Control Panel for Twitter を導入し有効化
3. Safariで twitter.com を開くショートカットを作成
4. ショートカットをホーム画面に保存する際に旧アイコンを指定

Diffusion Beeがバージョンアップしたので絵を出力してみた » GitHub - divamgupta/diffusionbee-stable-diffusion-ui: Diffusion Bee is the easiest way to run Stable Diffusion locally on your M1 Mac https://t.co/pzH40azRBt pic.twitter.com/8Yq2MsZ4ts

— （パ） (@im9d) October 19, 2022

たった数分でこんな画像が出てきてリアルで叫び声が出た pic.twitter.com/tgtsYLucBU

— （パ） (@im9d) May 14, 2023

stable-diffusion-webui美ちゃん（anything-v4.5）で撮影の夜練。雨模様だけど週末なので楽しいみたい pic.twitter.com/1nv5CcUVB2

— （パ） (@im9d) May 19, 2023

• できるだけ新しく高性能で使えるリソースが豊富なPC
• Macだと"ターミナル"と呼ばれるアプリ上でのCUI操作（特にweb UI版を使う場合は簡単なレベルだけど必須）
• 英語（プロンプトは基本的に英語を使用するし、エラー等は英語で検索したほうが早く解決する）
• ネット検索力（何かあったらすぐ検索とにかく検索）
　

■環境構築

ワタシの現在のメインマシンはM1 MacBook Airなので、そちらをメモ書き。

取っ掛かりとしてはStable Diffusionをアプリ化したDiffusionBeeを使うのがいいだろう。こちらの記事などに書かれている通り、ダウンロードして然るべきフォルダへコピーしてダブルクリックで起動すれば準備が整うので、始める気になれば誰でもすぐ試すことができる。

ここから先へ進むために、DiffusionBeeの「Model」メニューの「Add New Model」と「Options」メニュー内の「Negative Prompt」の2つがあることを確認する。

「Model」＝モデルは重要な概念で、Stable Diffusionにおける学習済みデータの集合体と呼ぶべきだろうか。既に大量のモデルがあるので、好みのものを検索して見つけ、ダウンロードして読み込ませる。モデルによって規約が異なるので、今後のことも考えて面倒だが必ず読むクセをつけておく。

それから「Negative Prompt」＝ネガティブプロンプトも重要で、普通のプロンプトとは逆の「こういうのは止めろ」という命令になる。こちらも有効にして（Enableボタンをクリックして）、通常のプロンプトとネガティブプロンプトが併記できるようにする。

検索して見つけた好みのモデルの紹介ページには必ず、画像出力の作例と、その際に用いたプロンプトが書いてあるはずなので、まずはそれをコピー＆ペーストして実行する。マシンパワーにもよるが、特に設定を変えていなければ数分程度で結果が出力される。変だったり気になるところがあれば、こちらの記事などを参考にネガティブプロンプトを入力して、出力を繰り返してみよう。たったこれだけで第一段階は完了する。



DiffusionBeeは手軽に始められる割には機能が豊富でこのままでも良いんだが、現時点ではどうやらEasyNegativeが使えないようなので、（開発されている方の名前を取って通称AUTOMATIC1111版と呼ばれているらしい）Stable Diffusion web UIをセットアップする。こちらの記事を全面的に参考にして、ターミナルを用いてインストールを実行する。うまくいかない場合はエラー内容を検索すればたいてい解決するが、ワタシの場合、xzが不足している旨のエラーが出たのでHomebrew関係をいったん全てアップデートしたのちpython 3系列をアンインストールして、xzを入れたのちpython 3を再インストールしたらうまくいった記憶がある。このあたり個人の環境に左右されるので、頑張ってください。



さて先の記事にあるようにインストールが完了してwebブラウザで http://127.0.0.1:7860 に無事アクセスできれば、web UI版は使えてしまう。ただこの先を考えると、ワタシは「UIの日本語化」というか「英語と日本語の併記」と、先に挙げた「EasyNegativeの導入」は先にやっておくべきだと思う。こちらは各自で記事を検索し参照してください。それとワタシが画像生成している途中で気になった紫色のスポットが描画される現象は、使用するモデルに対応したVAEファイル（？）を用いることで解消できたので、こちらの記事などを参考にして設定を変更後にUIをリロードしてVAEを適用できるようにしておこう。なおStable Diffusionの大きな弱点である「顔や手足の描画が怪しい」問題は、adetailerという拡張機能を導入すればかなり軽減できる。最新版では設定により顔と手を自動認識してそれぞれ修正を加えてくれるが（もちろん限界はある）、一部とはいえ再描画処理が走るのでそのぶん時間が伸びる。このあたりはプロンプトで回避できることも多いので、ケースバイケースだろう。

あとはDiffusionBeeの場合と同様に、何か思いついたらプロンプトを考えて入力して出力して、場合によっては機能拡張を追加してさらに入出力の繰り返し。他の技術も大量に使えるので、適宜それらを試してみるのもいいだろう。ただ全ての基本となるプロンプトは手当たり次第ではさすがに効率が悪いので、先人の知恵を借りる。特にこちらの方の一連の記事にはずいぶんと助けられている。また今ならChatGPT等にプロンプトを考えさせたりすることもできるので、各自工夫してみてください。



さて、2023/05/14から1週間も経たないが、 Stable Diffusionをほぼ毎日触ってて感じるのは、「これは絵を描くというより写真を撮ってる感触に近い」ということである。プロンプトという呪文を唱えてイラスト次元に入り込んで、そこにいる誰かに細かく指示しながら異世界カメラを向けて、望む絵面が写るのを数分間念じると言えばいいだろうか。異世界カメラで念写するので必ずしも思い通りの結果は得られないし、ときどき、というかしょっちゅう得体の知れないものが映り込む。ただ、それも込みで「大量に撮りまくったカットからこれだという1枚をピックアップする」あの手応えは、カメラ趣味をたしなむ方ならば分かってもらえるかと思う。



というわけで、しばらくは自分のMacBook Airに住み始めたstable-diffusion-webui美ちゃんやイケおじのstable-diffusion-webui夫さんたちにモデルをお願いして、いそいそと"撮影"に勤しむことにします。

• メール
  これがいちばん確実かもしれません。何かあれば
  webmaster[at]imgd.net
  までメールをください。一応、毎日受信確認はしているつもり。
• Bluesky（2024/09/24追記）
  ポストX（旧Twitter）として急成長中。Xのブロックアカウントに関する仕様変更に伴い、今後はこちらがメインになると思います。ワタシのアカウントは以下です。
  imgd.bsky.social
• discord
  SNSというよりボイスチャット用途が主ですが、何だかんだでけっこう使ってます。
  imgd#9807
• タイッツー
  Blueskyがメインになりつつあるのでこちらはご無沙汰ですけど念のため。
  imgd
• Misskey（2023/02/19追記）
  こちらもMastodonと似た分散型SNSですが、互換性はないようです。とりあえずアカウントだけ取得しました。こちらも最近は放置気味。
  @imgd@misskey.io
• Nostr / Damus（2023/02/05追記）
  仮想通貨をサポートした分散型SNSとのことですけど、使い勝手その他は発展途上という印象。分散型SNSとしてもマストドンが先行しているため未知数ではありますが、とりあえず。（最近はアクセスしてませんが、今後は使うようになるかも）アカウント作成時に Public key と Private key が作成されますが、 Public key がユーザーID、 Private key がパスワードに相当しますので、 Private key を決して外部に公開しないよう気をつけないといけないのは要注意です。んでワタシのID （Public key）は以下：
  npub1j3gp8z75ywjsnpze2j487494gh6gtc4g8zu5c9u9jcn67dnlj9nq6akfcu
• マストドン（2024/11/27追記：mstdn.jp以外のアカウントを削除しました）
  以下のサーバにアカウントを作成してあります。なお下2つはほとんど使わないと思いますが念のため。ただ最近はほとんどアクセスしてません…
  @imgd@mstdn.jp
  @imgd@pawoo.net
  @imgd@fedibird.com
  @imgd@vocalodon.net （予備）
  @imgd@mstdn.kemono-friends.info （予備）
• Tumblr
  一時期は日課のごとく入り浸りだったのが、気づいたら全く忘れてたという。更新は止まってますが念のため。
• Plurk
  台湾など中華文化圏（？）で定番のSNS。実はけっこう昔から
  imgd
  でアカウントを作成してありますが、すっかりご無沙汰しております。
• くるっぷ
  新興の創作系SNS。偏りあるようですけどとりあえず。
  imgd
  でアカウントを取得していますが、アクセスするのは稀です。
• （2022/12/10追記）Post.
  いくつか立ち上がっているポストTwitterのうちのひとつ。始めたばかりでよく分かりませんけど、文字数制限などがないのでブログの代わりに使ったりInstagramのように写真を貼ったりするのが今のところよさげ。こちらにいます。
（2024/09/24追記：こちらはサービス自体が終了した様子。諸行無常）
https://post.news/_imgd_

• Mac mini (Late 2012)、macOS Mojave（10.14.6）
• Chrome（現時点ではバージョン89.0.4389.90）

• Better TweetDeck（3.10.3）
• MultiRow TweetDeck（3.1.2）
• Tampermonkey（4.11）

Alright here I go:

I need folks to test v4 of @BetterTDeck. If you're interested and willing to sideload the extension, head over this GitHub issue and tell me if anything is broken 🙇‍♂️ https://t.co/fUAeqIrcfS

There is also a (mostly) full changelog that wouldn't fit in a tweet.

— Damien ✨ (@Eramdam) March 15, 2021

※2021/04/06追記：日本時間2021/04/04頃に正式版がリリースされたようです。ただバージョン3から設定は引き継がれないようなので、設定内容を事前にメモした後にアップデートすることをおすすめします。

※2021/04/11追記：バージョン4.0.2がリリースされたようです。バージョン3からの設定が引き継がれるようになったらしく（未確認）、また、バージョン3時代にあったいくつかの機能が復活したので、使用には4.0.2以降をおすすめします。

• 最新のツールでゼロから書き直したので軽く速くなった
• 設定をインポート/エクスポートできる
• アクセントカラーの変更ができる
• 新しいテーマ（OS設定によって自動切替もできる）
• 単一の画像をオリジナルのアスペクト比で表示できる（表示設定による）
• Twitter Card表示に対応（！！！）
• 「Like」ボタンを押すと、どのアカウントで実行するか選べる（個人的な感想：TweetDeckはもともと複数アカウントでの運用を想定したサービスなのでけっこう重要）
• 画像付きの引用ツイートを純正webクライアントのように表示できる
• 画像のフルスクリーン表示（個人的な感想：かなりうれしい）
• 絵文字関係、一部テーマの作り直し、カスタムCSSエディタの更新
• いくつかの機能のデフォルト設定化
• いくつかの機能の削除（画像/動画/音声のカスタムサムネイル表示など）、一時停止

ワタシの設定はこんな感じ。英語ですが特に難しいことはないと思います：

（カラムの1行めだけ文字を大きく表示するために記述してます。ご参考まで）

実際に使い始めての感想ですが、確実に速くなってますね。Chromeがこのところメモリ消費量削減に取り組んでるというのも効いてるはずなんですが、設定次第ではTwitterの純正webクライアントより軽く感じるかもしれません。また、バージョン3時代の機能のいくつかが無くなっていますが、特には気にならないレベルです。個人的な現時点の問題は、スクロールバーの幅を変更しても反映されないっぽい、各ツイートの右上端にあったリツイート・ライク済み表示が無くなっているくらいですが、回避策を工夫する＆気にしないことで解決しています。

なおTampermonkeyで実現させていたTwitter Card表示ですが、ほぼ問題ないです。ただ1ツイートあたりの表示の高さが増すので、たくさんの人をフォローしていてTLが速い人は読みづらいかもしれません。なので、あえて非表示にするという方法もあります。このへんの融通が利くのもBetter TweetDeckならではですね。

それとMultiRow TweetDeckとの共存は今のところ問題なしです。リストや検索結果のカラムを段組みして常に置いておけるので、Twitter監視業務には本当に向いてると思います。

複数アカウントでの運用や絵文字まわりなどについては、今後使い込んでみて、気づいたことがあれば追記しますね。

インターネットからは以上です。

• Mac版Chrome（BetterTweetDeckが対応しているFirefoxでもOperaでも基本は変わらないけど、各種コマンドを使って独立したアプリケーションにできるので、ワタシはChromeを推奨）
• BetterTweetDeck
• もちろんTwitterアカウント
• CSS3に関する知識（ググれば何とかなるけど勉強したいなら専門書などがあるとベター）

    .column {
        height : 50% ;
    }

    .column {
        height : 50% ;
        display:-webkit-box;   /* old Android */
        display:-webkit-flex;  /* Safari etc. */
        display:-ms-flexbox;   /* IE10        */
        display:flex;
        -webkit-flex-flow    : column wrap;      /* Safari etc. */
        -ms-flex-flow        : column wrap;      /* IE          */
        flex-flow            : column wrap;      /* = flex-direction:row;flex-wrap:wrap; */
        float:left;
    }

    .column {
        display:-webkit-box;   /* old Android */
        display:-webkit-flex;  /* Safari etc. */
        display:-ms-flexbox;   /* IE10        */
        display:flex;
        -webkit-flex-flow    : column wrap;      /* Safari etc. */
        -ms-flex-flow        : column wrap;      /* IE          */
        flex-flow            : column wrap;      /* = flex-direction:row;flex-wrap:wrap; */
        float:left;
    }

    .column:nth-child(-n+2) {
        height: 100%;
        width: 28%;
    }

    .column:nth-child(2) {
        font-size: small;
    }

    .column:nth-child(n+3) {
        height: 55%;
        width: 23%;
        font-size: small;
    }

    .column:nth-child(n+5) {
        height: 45%;
        width: 23%;
        font-size: small;
    }

    .column:last-of-type {
        height: 100%;
        width: 19.5%;
        clear:both;
        position : absolute;
        top: 0px;
        right: 0px;
        font-size: small;
    }

1. TweetDeckを使いやすくするためにBetterTweetDeckとMulti Row TweetDeckを導入
2. 艦これを遊びやすくするためにStylebotと艦これウィジェットを導入
3. AutomatorでChromeにパラメータを渡して特定のWebサービスをデスクトップアプリとして起動させる
4. 好みでOpen WithとBetter Typography | Smooth Fontsを導入

#area-game {
    height: 720px;
    overflow: hidden;
}
#game_frame {
    height: 720px;
    width: 1200px;
}
#main-ntg {
    margin: 0;
    padding: 0;
    text-align: start;
}
.dmm-ntgnavi, #foot, .area-naviapp, #spacing_top, #sectionWrap, #ntg-recommend, #w > img {
    display: none;
}
body {
    margin: 0;
    min-width: 100%;
}

open -n -a 'Google Chrome' --args '--app=https://tweetdeck.twitter.com/'

open -n -a 'Google Chrome' --args '--app=http://www.dmm.com/netgame/social/-/gadgets/=/app_id=854854/'

• auth_token
• twid

document.cookie="auth_token=abcdef1234567890;domain=twitter.com;expires=Fri, 31 Dec 9999 23:59:59 GMT"; document.cookie="twid=\"u=12345678\";domain=twitter.com;expires=Fri, 31 Dec 9999 23:59:59 GMT";