ねこづきあゆむのブログ

タイトル通りです。AmongUsを遊ぶことになり、AutoMuteUsを導入したので、備忘録として。 構築する環境 AutoMuteUs（GitHubからFarkCloneしたやつをそのままdocker-composeで） MacbookProのdockerで建てて、Windows側からローカルIP経由で接続する Macで建てる理由は、Macのほうがやりやすいからです。 とりまbot作成DiscordのDeveloperPanelからbotを作成。管理者権限を与えて、自鯖に接続。もちろんTokenはコピっておこうね！ .env を作成cloneしてきたファイルの中にsample.envがあるので、それを元に.envを作成。 .env1234567AUTOMUTEUS_TAG=6.13.0GALACTUS_TAG=2.4.1DISCORD_BOT_TOKEN=**********GALACTUS_HOST=http://localhost:8123GALACTUS_EXTERNAL_PORT=8123 ソースコメントを元に、トークンやら、ポートなんかを設定。 上から順に、 AUTOMUTEUSのGithubrepoのRelease最新版を指定 GALACTUSのGithubrepoのRelease最新版を指定 さっきコピったbotToken IP ポート を設定。詳しくはソース内にコメントがあるからそれを読めばわかる。 docker-composeを実行123$ docker-compose pull$ docker-compose build$ docker-compose up できたー WindowsのAutoMuteusCaptureと接続するコレは簡単。手動接続画面に行き、 URL: localhostの部分をmacのローカルIPに書き換えて接続 Code: Botから渡されたコードを入れる 以上！ あとがき思ってたよりだいぶ簡単でした。みんなも試してみてね document.querySelectorAll('.twemoji') .forEach(el => { if (!el.dataset.src) { return; } const img = document.createElement('img'); img.style = 'display:none !important;'; img.src = el.dataset.src; img.addEventListener('error', () => { img.remove(); el.style.color = 'inherit'; el.style.backgroundImage = 'none'; el.style.background = 'none'; }); img.addEventListener('load', () => { img.remove(); }); document.body.appendChild(img); });

タイトル通りです。編集中にファイルが逝って、3回目の書き直しです。最初は前文面白いこと書いてたんですけど、めんどくさいので本題に移ります。 構築するdocker-compose で以下の環境を構築するイメージは今回は公式イメージを利用。 php:7.4.16-apache mysql:5.7 phpmyadmin/phpmyadmin docker-compose.ymlを書く書いた 1234567.├ school_workspace/├ nnn_workspace/├ nekozuki_workspace/├ docker-compose.yml├ php.ini└ httpd.conf docker-compose.yml123456789101112131415161718192021222324252627version: '3.5'services: php: image: php:7.4.16-apache volumes: - ./php.ini:/usr/local/etc/php/php.ini - ./httpd.conf:/usr/local/apache2/conf/httpd.conf - .:/var/www/html ports: - 8080:80 mysql: image: mysql:5.7 volumes: - ./mysql:/var/lib/mysql environment: - ぱすわーどとか phpmyadmin: image: phpmyadmin/phpmyadmin environment: - ぱすわーどとか links: - mysql ports: - 4040:80 volumes: - ./phpmyadmin/sessions:/sessions はい。 動かす1$ docker-compose up 動いた！けど。 123456789.├ school_workspace/├ nnn_workspace/├ nekozuki_workspace/├ mysql/├ phpmyadmin/├ docker-compose.yml├ php.ini└ httpd.conf 色々邪魔だなぁ。 サブディレクトリから起動するディレクトリこうしてみる。合わせてdocker-compose.ymlも修正。 12345678.├ school_workspace/├ nnn_workspace/├ nekozuki_workspace/└ docker/ ├ docker-compose.yml ├ php.ini └ httpd.conf docker-compose.yml123456789101112131415version: '3.5'services: php: image: php:7.4.16-apache volumes: - ./php.ini:/usr/local/etc/php/php.ini - ./httpd.conf:/usr/local/apache2/conf/httpd.conf - ../:/var/www/html ports: - 8080:80 mysql: 略 phpmyadmin: 略 起動。 1$ docker-compose -f ./docker/docker-compose.yml up わーい。rootも綺麗。 12345678910.├ school_workspace/├ nnn_workspace/├ nekozuki_workspace/└ docker/ ├ mysql/ ├ phpmyadmin/ ├ docker-compose.yml ├ php.ini └ httpd.conf でも起動時のコマンドが長いな… .shから起動する1234567891011.├ school_workspace/├ nnn_workspace/├ nekozuki_workspace/├ docker/│ ├ mysql/│ ├ phpmyadmin/│ ├ docker-compose.yml│ ├ php.ini│ └ httpd.conf└ start_php.sh 123#!/bin/shdocker-compose -f ./docker/docker-compose.yml up 1$ ./start_php.sh できたー！ あとがきできるだけdockerに慣れ親しんで使えるようになりたいので、今後も色々触っていきたいです 参考文献 docker-compose を用いて Apache・PHP・MySQL の開発環境を構築してみた 他のフォルダのdocker-compose.ymlを実行する方法 document.querySelectorAll('.twemoji') .forEach(el => { if (!el.dataset.src) { return; } const img = document.createElement('img'); img.style = 'display:none !important;'; img.src = el.dataset.src; img.addEventListener('error', () => { img.remove(); el.style.color = 'inherit'; el.style.backgroundImage = 'none'; el.style.background = 'none'; }); img.addEventListener('load', () => { img.remove(); }); document.body.appendChild(img); });

近々、みんなで「近くの人と喋れるAmongUs」をやるので、参加者向けに導入方法を解説します。 lv332256879 PC版の導入方法まず、GitHubからBetter-CrewLinkをダウンロードします。 一番上にある「Download from GitHub」をクリックすればOKです。 DLできたら起動し、インストールします。インストール出来たら起動すると以下の画面が現れます。 スクリーンショット 2021-06-10 135753 これが起動した状態でAmongUsを起動し、ルームに入ると、右側にDiscordのオーバーレイみたいなものが表示されたら導入OKです。ちなみにBetter-CrewLinkの設定からオーバーレイを表示させるさせないといった設定も可能です。 Android版の導入方法まず、GooglePlayよりBetter-CrewLinkをダウンロード・インストールします。 インストール出来たらAmongUs起動しルームに入ります。 そしてBetter-CrewLinkを起動し、Setting画面を開きます。開いたら以下の文言を入力してください。 Ingame Name: ゲーム内の自分の名前 Lobby Code: 部屋コード 入力したら、下にある「Connect」ボタンを押してください。 スクリーンショット 2021-06-10 14 20 38 するとAmongUsの右側にDiscordのオーバーレイみたいなものが表示されたら導入OKです。ちなみにBetter-CrewLinkの設定からオーバーレイを表示させるさせないといった設定も可能です。 iOS版/Switch版の導入方法通話に参加したい端末で Web版のBetter-CrewLinkを開きます。 開いたら以下の文言を入力してください。 Ingame Name: ゲーム内の自分の名前 Lobby Code: 部屋コード 入力したら、下にある「Connect」ボタンを押してください。 スクリーンショット 2021-06-10 14 20 38 すると通話に参加できます。PCやAndroidと違ってオーバーレイには対応していません。 document.querySelectorAll('.twemoji') .forEach(el => { if (!el.dataset.src) { return; } const img = document.createElement('img'); img.style = 'display:none !important;'; img.src = el.dataset.src; img.addEventListener('error', () => { img.remove(); el.style.color = 'inherit'; el.style.backgroundImage = 'none'; el.style.background = 'none'; }); img.addEventListener('load', () => { img.remove(); }); document.body.appendChild(img); });