PHP7＆Xdebug2をVS Code SSH RemoteでVS Codeが自動的に生成するlaunch.jsonの設定内容を理解しながらデバッグしました。Listen for Xdebug、Launch currently open script、Launch Built-in web server ３種類のデバッグ方法全て確認しています。

PHP7＆Xdebug2＆VS Code SSH Remoteで標準launch.jsonを理解しながらデバッグ

Pythonのコードフォーマッター(black)、リンター(flake8)をVS Code拡張機能で導入しました。pip install不要です。手順と注意点をまとめました。

Pythonのコードフォーマッター(black)、リンター(flake8)をVSCode拡張機能で導入

# はじめに

Windows 10 の Python の venv 仮想環境にて、VS Code（Visual Studio Code）のデバッガを起動して、設定されたブレークポイント（赤●部分）で止まらないことに気付きました。 
venv 仮想環境以外の時は、止まりました。 
venv の場合、ノーフレームワークで、"Hello World" でさえも止まらず、作った直後の venv でも止まらず、もがき苦しんだ挙句、超簡単な方法で解決しました。

 

<blockquote class="alert">
Windows 10 PRO 22H2
Visual Studio Code 1.81.1
Python 3.11.5 venv
の環境で確認しました。その他の環境の場合、状況が異なる可能性があります。
</blockquote>

<blockquote class="alert">
Visual Studio Code 1.81.1（上記 Windows 環境にあって、ssh リモートデバッグ）
Linux（Raspberry Pi Desktop OS）
Python 3.7.3 venv
の環境で確認したところ、特に問題ありませんでした。（何もしなくても venv 環境でブレークポイントが効きました。）
</blockquote>

 

# 解決方法

いきなり解決方法から書きます。 
`launch.json` に

```json:.vscode\launch.json
{
 "configurations": [
 {
 "justMyCode": false
 }
 ]
}
```

を設定するだけです。

 

一応、全文載せますが、`"justMyCode": false` 以外は、自動生成された設定のままです。

```json:.vscode\launch.json
{
 // IntelliSense を使用して利用可能な属性を学べます。
 // 既存の属性の説明をホバーして表示します。
 // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
 "version": "0.2.0",
 "configurations": [
 {
 "name": "Python: 現在のファイル",
 "type": "python",
 "request": "launch",
 "program": "${file}",
 "console": "integratedTerminal",
 "justMyCode": false
 }
 ]
}
```

 

<blockquote class="info">
ワークスペース＝仮想環境 だったらダメなのか？とか、環境変数が必要なのか？パスが通っていないからなのか？とかいろいろ模索した結果、どれも関係なく、この設定１発で解決しました。
この設定は、調査開始直後から分かっていましたが、<code>false</code> にすると、「自分が作ったコード以外もデバッグ範囲に入る」という意味になり、それが嫌だから他の方法を模索しました。なぜ、<code>false</code> にするとブレークポイントで止まるようになるかは、よくわかりませんでした。
参考：<a href="https://stackoverflow.com/questions/56794940/debugger-not-stopping-at-breakpoints-in-vs-code-for-python" target="_blank">（Stack Overflow）Debugger Not Stopping at Breakpoints in VS Code for Python</a>
</blockquote>

 

以降のセクションは、VS Code インストール～ Python インストール～ブレークポイントで止まるのを確認するまでの流れです。 
同じような状況の場合、解決すると思われます。 

 

# インストール

VS Code と Python 3 をインストールします。 
今回使用したのは、 
`VSCodeUserSetup-x64-1.81.1.exe` 
`python-3.11.5-amd64.exe` 
です。 
インストールの仕方の詳細は、省略しますが、Python 3 インストール時、 
`Use admin privileges when installing py.exe` 
`Add python.exe to PATH` 
チェック、 
`Disable path length limit` クリック済みです。 

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image1.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image1.png" alt="VS Code と Python 3 をインストール" width="1170" height="586" loading="lazy"></a>

 

VS Code に `Japanese Language Pack` 拡張機能をインストールして、日本語化済みとします。

 

# venv 環境作成

今回、 
`C:\work` というフォルダを作成して、 
`C:\work\venvname` という venv 環境を作成するものとします。

 

cmd.exe で以下のように作成します。

```cmd
> python -V
Python 3.11.5
> cd C:\work
> python -m venv venvname
```

 

C:\work\venvname というフォルダができて、そこには、以下のようなファイル群が生成されています。

```cmd
Lib/site-packages/*
pyvenv.cfg
Scripts/activate
Scripts/activate.bat
Scripts/Activate.ps1
Scripts/deactivate.bat
Scripts/pip.exe
Scripts/pip3.11.exe
Scripts/pip3.exe
Scripts/python.exe
Scripts/pythonw.exe
```

 

# VS Code 準備

`C:\work\venvname` を VS Code で開きます。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image2.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image2.png" alt="VS Code で開く" width="531" height="537" loading="lazy"></a>

 

`hello.py` を作成します。

```python
print("Hello World")
```

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image3.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image3.png" alt="hello.py を作成" width="883" height="549" loading="lazy"></a>

 

VS Code さんは、気が利いていて、この後インストールしようとしていた Python 拡張機能をインストールするかどうか聞いてきますので、**インストール** をクリックして、インストールします。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image4.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image4.png" alt="Python 拡張機能をインストール" width="879" height="222" loading="lazy"></a>

<blockquote class="info">
Pylace（自動補完などの機能）もインストールされていました。
</blockquote>

 

インタープリター（デバッグで実行する Python の実行体）が venv のものになっていない場合、選択します。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image5.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image5.png" alt="インタープリター選択" width="884" height="547" loading="lazy"></a>

<blockquote class="info">
検証時は、最初から選択されていました。選択されていない場合、選択が必要です。
★ がついた <code>./Scripts/python.exe</code> がそれです。
</blockquote>

 

# VS Code エラー対処

このままデバッグしようとしたり、ターミナルを開けると、以下のエラーになります。

```powershell
PS C:\work\venvname> & c:/work/venvname/Scripts/Activate.ps1
& : このシステムではスクリプトの実行が無効になっているため、ファイル C
:\work\venvname\Scripts\Activate.ps1 を読み込むことができません。詳細
については、「about_Execution_Policies」(https://go.microsoft.com/fwli
nk/?LinkID=135170) を参照してください。
発生場所 行:1 文字:3
+ & c:/work/venvname/Scripts/Activate.ps1
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 + CategoryInfo : セキュリティ エラー: (: ) []、PSSecurity
Exception
 + FullyQualifiedErrorId : UnauthorizedAccess
```

 

`settings.json` に以下を設定します。

```json
{
 "terminal.integrated.env.windows": {
 "PSExecutionPolicyPreference": "RemoteSigned"
 }
}
```

 

**`CTRL + SHIFT + @`** でターミナルを開くと、正常に開きます。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image6.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image6.png" alt="ターミナルを開く" width="1086" height="592" loading="lazy"></a>

<blockquote class="info">
今回の場合は、ワークスペース、つまり、今回開いた <code>C:\work\venvname</code> だけで有効な設定としましたが、ユーザー単位で有効にしても問題ありません。
設定の範囲の考え方は、別記事「<a href="https://itc-engineering-blog.netlify.app/blogs/black-flake8" target="_blank">VS Code で Python のコードフォーマッター(black)、リンター(flake8)をセットアップ</a>」に詳しく書きましたので、ご確認ください。
</blockquote>

 

# デバッグ１（ＮＧ）

1 行目の左側をクリックして、ブレークポイントを作成します。 
**実行とデバッグ** をクリックします。 

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image7.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image7.png" alt="実行とデバッグ" width="996" height="328" loading="lazy"></a>

 

素の Python なので、 **Python ファイル** を選択します。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image10.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image10.png" alt="Python ファイル選択" width="998" height="271" loading="lazy"></a>

 

デバッグ実行されます。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image8.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image8.png" alt="デバッグ実行（止まらない）" width="998" height="713" loading="lazy"></a>

止まらないんかいっ！ ってなります。

 

# デバッグ２（ＯＫ）

**launch.json ファイルを作成します** をクリックします。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image9.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image9.png" alt="launch.json ファイルを作成" width="994" height="317" loading="lazy"></a>

 

**Python ファイル** を選択します。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image10.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image10.png" alt="Python ファイル選択" width="998" height="271" loading="lazy"></a>

 

`.vscode\launch.json` が自動生成されます。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image11.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image11.png" alt="launch.json が自動生成" width="994" height="420" loading="lazy"></a>

 

`"justMyCode": true` 
を 
`"justMyCode": false` 
に書き換えて上書き保存します。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image12.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image12.png" alt="justMyCode false" width="995" height="421" loading="lazy"></a>

 

もう一度デバッグ実行します。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image13.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image13.png" alt="もう一度デバッグ実行" width="996" height="710" loading="lazy"></a>

止まった！ヨシっ！

 

# ノー venv の場合

venv 未使用の ノー venv の場合、何事もなく止まりました。

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image14.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image14.png" alt="ノー venv の場合" width="972" height="647" loading="lazy"></a>

 

# Linux の場合

別記事「<a href="https://itc-engineering-blog.netlify.app/blogs/vscode_ssh_python" target="_blank">VS Code で Raspberry Pi Desktop へ SSH 接続しようとしたらエラーになった</a>」の Linux 環境 に venv 環境を作成して、ブレークポイントを張ってみたところ、上述の設定は必要なく、ブレークポイントで止まりました。

<blockquote class="warn">
【確認環境】
Visual Studio Code 1.81.1（Windows - Linux ssh リモートデバッグ）
Linux（Raspberry Pi Desktop OS）
Python 3.7.3 venv
の環境で確認
</blockquote>

<a href="https://itc-engineering-blog.imgix.net/python-venv-break/image15.png" target="_blank" rel="nofollow noopener"><img src="https://itc-engineering-blog.imgix.net/python-venv-break/image15.png" alt="Linux の場合" width="1104" height="767" loading="lazy"></a>

Windows 10 の Python の venv 仮想環境にて、VS Codeのデバッガでブレークポイントを張ってデバッグしようとしたら、ブレークポイントで止まりませんでした。解決方法を記事にしました。

VSCode：Win10 Pythonのvenv仮想環境の場合、ブレークポイントで止まらない件

Microsoft Dataverseの画像列有りの独自テーブルにAPI（Dynamics 365 / Dataverse Web API）でレコードの追加・更新・削除・画像アップロード・画像ダウンロードを実施しました。

【MSAL】Dataverse Web APIで追加・更新・削除・画像アップロード・画像ダウンロード

Azure AD ユーザーのサインインを行い、PKCE による承認コード フローを使用し、アクセストークンを使って、Dataverse（Dynamics 365 / Dataverse Web API）から直接データを取得することに成功しました。手順を紹介しています。

【MSAL】Dataverse Web APIから認可コードフロー＋PKCEで自分のデータだけを取得

swaコマンドを使って、Azure Static Web Appsをローカル環境でデバッグしてみました。その手順をまとめました。

【swa】Azure Static Web Appsをローカル環境でデバッグ

MSAL を使って Azure Active Directory (Azure AD) のユーザーでサインイン（ログイン）できるシングルページアプリケーションを Azure Static Apps にデプロイしました。公式チュートリアルに沿って進めて行きます。

MSAL Reactを使用してサインインするSPAをAzure Static Web Appsにデプロイ

React TypeScript ESLint Prettier VSCode(Visual Studio Code) の組み合わせで、プロジェクトを作成し、リンター、コードフォーマッター環境を構築しました。

React TypeScript ESLint Prettier VSCode のプロジェクト作成

Alpine Linuxをインストールから始めて、VS Code Remote SSH実現、Pythonのリンター（flake8）、コードフォーマッター（Black）動作確認までの記事です。

Alpine LinuxをインストールしてVS Code Remote SSHしてみた

Next.jsで作られたブログのプログラムをJSからTypeScriptに書きなおした時、エラーが多発して、一つずつ潰しました。そのときの備忘録です。

JS→ts-migrateでTypeScript化→ESLint導入 エラー対処メモ

VS Code(Visual Studio Code) のphpフォーマッター拡張機能「PHP CS Fixer」について、VS Code自体のインストールから拡張機能の動作確認までの手順です。

VSCodeインストールからPHP CS Fixerをインストールして整形

VS Code(Visual Studio Code)をインストールした直後の状態から、 ・コードフォーマッター（Black）導入 ・リンター（flake8）導入 ・インデント色分け（indent-rainbow）導入 までの手順を書きたいと思います。 なお、Blackは、Python3.6以上が必要です。

VS CodeでPythonのコードフォーマッター(black)、リンター(flake8)をセットアップ

WindowsのVS Code(Visual Studio Code)→Raspberry Pi Desktop OS とSSHリモートデバッグをしようとしたら、エラーになりました。SSHリモートデバッグだけの場合、情報は数多ありますが、この組み合わせの情報が少なかったので、エラー内容と解決方法を書きたいと思います。ついでに、PythonプログラムをSSHリモートデバッグができるまで手順を解説します。

VS CodeでRaspberry Pi DesktopへSSH接続しようとしたらエラーになった

前回記事「AD(Active Directory)の中身を覗いてみた - ldapsearch,php,PowerShell」の続きで、今回は、「Active Directory ユーザーとコンピュータ」で設定した値がどの `属性: 値` に該当するのかを調査した結果をまとめました。

AD(Active Directory)の設定項目と属性名を紐付けてみた

URLリンクからアプリを起動できるカスタムURLスキーム（custom url scheme, custom protocol）というのがあります。カスタムプロトコルに対応するアプリが無い場合、アラートを表示するプログラムを作成しました。

カスタムURLスキームのアプリに対応しているか検知する方法

Power Apps のキャンバスアプリ開発について、最初から知っていたら、手戻り無かったり、スムーズに開発できたような事柄を１５個まとめた前回の続きで、前回と合わせると３０個のTips集のようなものになりました。

Power Appsキャンバスアプリ 【続】最初から知っていたら嬉しかった１５のこと

# はじめに
git commit コマンドですが、複数行のコメントを指定できます。 
やり方がいろいろありますので、試してみました。

 

各バージョンは、以下の通りです。
```sh
# gitlab-rake gitlab:env:info
GitLab information
Version: 13.11.2
GitLab Shell
Version: 13.17.0
# git --version
git version 2.25.1
```

シェルは、bashで 
`GNU bash, version 5.0.17(1)-release (x86_64-pc-linux-gnu)`
です。 

 

<blockquote class="warn">
本題に入る前に・・・
commitのコメントの２行目は空白にするのが推奨されます。（今回も全て空白にして試しました。）
理由は、コミットメッセージの最初の空白行までのテキストはコミットタイトルとして扱われ、空白行が無いと、ずっとタイトルだと思われるからのようです。
<a href="https://git-scm.com/docs/git-commit#_discussion" target="_blank">（情報元）</a>
</blockquote>

 

# オプション無しでcommit
オプション無しでcommitするだけになります。

```sh
# git commit
```

<blockquote class="info">
OSの設定によるのですが、標準のエディタで編集します。
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/gitlab_commit/editor.png)

 

```sh
# git log -1
commit [commit ID]
Author: [Author名] <[Authorメールアドレス]>
Date: [タイムスタンプ]

 １行目

 ３行目
 ４行目
 ５行目
```

複数行コメント付きでコミットされています。

<blockquote class="info">
オプションの -1 は直近のcommit情報を見るという意味です。
</blockquote>

 

GitLabで見ても複数行コメント付きでコミットされています。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/gitlab_commit/GitLab1.png)

 

# git commit -m その１
-mを行数分指定します。

```sh
# git commit -m "１行目" -m "" -m "３行目" -m "４行目" -m "５行目"
```

 

```sh
# git log -1
commit [commit ID]
Author: [Author名] <[Authorメールアドレス]>
Date: [タイムスタンプ]

 １行目

 ３行目

 ４行目

 ５行目
```

空白行ができました。 

 

GitLabで見ても空白行があるようです。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/gitlab_commit/GitLab2.png)

 

# git commit -m その２

複数行コピーして、teratermに貼り付けます。 
※git commit -m "<エンター>→１行目<エンター>・・・のように１行ずつ打ち込んでいっても同じです。

```sh
# git commit -m "
１行目

３行目
４行目
５行目
"
```

 

```sh
# git log -1
commit [commit ID]
Author: [Author名] <[Authorメールアドレス]>
Date: [タイムスタンプ]

 １行目

 ３行目
 ４行目
 ５行目
```

複数行コメント付きでコミットされています。

 

GitLabで見ても複数行コメント付きでコミットされています。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/gitlab_commit/GitLab1.png)

 

# git commit -m その３

$'...\n...\n...'を使います。

<blockquote class="warn">
bashのみでしか確認していません。
</blockquote>

```sh
# git commit -m $'１行目\n\n３行目\n４行目\n５行目'
```

 

```sh
# git log -1
commit [commit ID]
Author: [Author名] <[Authorメールアドレス]>
Date: [タイムスタンプ]

 １行目

 ３行目
 ４行目
 ５行目
```

複数行コメント付きでコミットされています。

 

GitLabで見ても複数行コメント付きでコミットされています。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/gitlab_commit/GitLab1.png)

 

# git commit -F その１
-Fオプションでヒアドキュメントの出力(マイナス記号の部分)を受け取ります。

```sh
# git commit -F- << EOM
１行目

３行目
４行目
５行目
EOM
```

 

--file= を使った以下でも全く同じ意味です。

```sh
# git commit --file=- << EOM
１行目

３行目
４行目
５行目
EOM
```

 

```sh
# git log -1
commit [commit ID]
Author: [Author名] <[Authorメールアドレス]>
Date: [タイムスタンプ]

 １行目

 ３行目
 ４行目
 ５行目
```

複数行コメント付きでコミットされています。

 

GitLabで見ても複数行コメント付きでコミットされています。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/gitlab_commit/GitLab1.png)

 

# git commit -F その２
-Fオプションでファイルを指定します。

以下の内容のcommit.txtを作成
```sh
１行目

３行目
４行目
５行目
```
↓
```sh
# git commit -F commit.txt
```

 

--file= を使った以下でも全く同じ意味です。

```sh
# git commit --file=commit.txt
```

 

```sh
# git log -1
commit [commit ID]
Author: [Author名] <[Authorメールアドレス]>
Date: [タイムスタンプ]

 １行目

 ３行目
 ４行目
 ５行目
```

複数行コメント付きでコミットされています。

 

GitLabで見ても複数行コメント付きでコミットされています。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/gitlab_commit/GitLab1.png)

git commit コマンドですが、複数行のコメントを指定できます。 やり方がいろいろありますので、試してみました。 各バージョンは、以下の通りです。 # gitlab-rake gitlab:env:info GitLab information Version:        13.11.2 GitLab Shell Version:        13.17.0 # git --version git version 2.25.1 シェルは、bashで GNU bash, version 5.0.17(1)-release (x86_64-pc-linux-gnu) です。 本題に入る前に・・・ commitのコメントの２行目は空白にするのが推奨されます。（今回も全て空白にして試しました。）

GitLab git commit 複数行コメントのやり方いろいろ

Material UI(MUI)v5 x-date-pickersを日本語化して、土日の色調整、週単位選択を実装しました。その手順と実装内容の記事です。

Material UI(MUI)v5 x-date-pickers日本語化・土日の色調整・週単位選択

Microsoft Power Apps で登場する 関数の意味、構文、使い方をまとめました。コントロール名の命名規則、型についてもまとめました。

Power Apps 向けの Power Fx 関数 まとめ

# はじめに
CentOS-8.3 にインストールした Rocket.Chat-3.13.3 を少し使ってみました。少し使ってみただけで、マニュアルとかではありません。 
Webブラウザの画面は、全てMicrosoft Edgeブラウザを使用しています。 

 

# 初回管理者登録
 
## 管理者情報
 
管理者の名前、ユーザー名、メールアドレス、パスワードを入力します。 
この画面で一番に登録した人が管理者です。 
名前：表示名 
ユーザー名：アカウントID 
の関係です。

<blockquote class="warn">
ユーザー名は半角文字(英数字・ドット・マイナス)だけ使用可能です。
</blockquote>

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image1.png) 

 

## 組織情報

自社で使う分には、入力内容は何でも良いと思います。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image2.png) 

 

## サーバー情報

「電子メールを介した2ファクタ認証の新規ユーザーの自動選択」ですが、英語では、「Auto opt in new users for Two Factor via Email」でして、プロフィール関連のアクション（メールの変更、パスワードの変更、アバターの変更）でメールを使用して、2FA（二要素認証）が求められるようです。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image3.png) 

 

## サーバーを登録する

今回、（メール送信以外）インターネットとは無関係で運用したいので、「次を自分で実施し、スタンドアローン利用する」にします。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image4.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image5.png) 

 

## ワークスペースを開く

「ワークスペースを開く」をクリックします。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image6.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image7.png) 

 

# ユーザー登録

## ユーザー登録方法１

管理者以外でアクセスすると、このような画面になりますので、「新しいアカウントを登録」にて、アカウント登録できます。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image8.png) 

 

ここで入力するのは、名前です。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image9.png) 

 

ユーザー名を入力します。 

<blockquote class="warn">
ユーザー名は半角文字(英数字・ドット・マイナス)だけ使用可能です。
</blockquote>

※ユーザー名「太郎」とエラーにしています。 
↓
![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image10.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image11.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image12.png) 

 

## ユーザー登録方法２

管理者でログインします。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image13.png) 

 

アカウントのアイコンのところをクリックして、「管理」をクリックします。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image14.png) 

 

「ユーザー」をクリックします。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image15.png) 

 

「+ New」をクリックします。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image16.png) 

 

「ユーザーを追加」部分に新規アカウント情報を入力します。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image17.png) 

 

<blockquote class="warn">
「パスワードの変更を要求」の部分は、初回ログイン時にパスワードの変更を強制するかどうかです。今回は、有効にします。
</blockquote>

 

「保存」をクリックします。 
※「バイオ」と書いてある部分は、バイオグラフィーの事です。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image18.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image19.png) 

 

## 追加したユーザーでログイン

ユーザー名（半角英数）、パスワードでログインします。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image20.png) 

 

パスワードを変更します。

<blockquote class="warn">
「パスワードの変更を要求」を有効にした場合です。
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image21.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image23.png) 

 

# 新しいチャンネルを作成

チャンネルを追加します。

<blockquote class="info">
「チャンネル」は、"トークルーム"と同じ意味です。「ルーム」や「Room」と書かれている場合もあります。
</blockquote>

「新しいチャンネルを作成」アイコンをクリックします。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image24.png) 

 

「チャンネル」をクリックします。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image25.png) 

 

必要事項入力、設定後、「作成」をクリックします。

<blockquote class="info">
「暗号化」は、おろらく開発中のため、有効化できませんでした。
今回、「プライベート」を有効にしたため、招待を受けた人しかトークに参加できません。「Add Members」に入れておけば、招待せずに参加者となります。後で招待することもできます。
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image26.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image27.png) 

 

# メッセージ入力

## 基本

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image28.png) 

 

画面下の入力欄にメッセージを入れて送信ボタン（入力欄の右のボタン）を押すと入力したメッセージが反映されます。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image29.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image30.png) 

## 文字修飾

一番下の 「B」アイコンをクリックして、文字を入力すると、太字になります。
\*は、自分で入力しても良いです。
ただし、\*[スペース]太字[スペース]\* のようにするのは、ＮＧです。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image31.png) 


その他、「B」の右隣から 
\_斜体\_ 
 
\~取り消し線\~ 
 
\`インラインコード\` 
 
\`\`\` 
マルチラインコード 
\`\`\` 
 
になります。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image40.png) 

<blockquote class="info">
KaTeX（数式表示）も対応しているようで、
<a href="https://katex.org/docs/supported.html" target="_blank">https://katex.org/docs/supported.html</a> のサンプルを元に記述します。
ただ、サンプルに <pre><code>\tilde{a}</code></pre> とある場合、\[ \] で囲んで、<pre><code>\[\tilde{a}\]</code></pre> としないといけませんでした。
また、複数行の場合、１行にしないといけませんでした。
<pre><code>\begin{matrix}
 a & b \\
 c & d
\end{matrix}</code></pre>
↓
<pre><code>\[\begin{matrix} a & b \\ c & d \end{matrix}\]</code></pre>
※改行は、CTRL+エンター、または、SHIFT+エンターですが、&lt;br&gt;と表示されてしまいます。
</blockquote>

<blockquote class="warn">
[URLリンク](https://itccorporation.jp/)などのMarkDown記法もできましたが、ヘッダー（# title）は、初期状態の場合、そのまま「# title」と表示されて、Markdownと認識させるために　管理→メッセージ→Markdown→「ヘッダーを有効にする」　の有効化が必要でした。</a> 
</blockquote>

 

## メンション機能

メッセージ欄に @ユーザ名 をつけると、対象のユーザにメッセージが来たことをメール等でおしらせする事ができます。※これを メンション 機能といいます。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image41.png) 

 

ユーザ名 メッセージ の表示になります。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image42.png) 

 

## 引用
 
メッセージを選択して、「引用」アイコンをクリックすると、新規メッセージの下に引用されたメッセージが表示されます。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image43.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image44.png) 
 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image45.png) 

 

## スレッド
 
メッセージを選択して、「スレッドで返信」アイコンをクリックすると、そのメッセージ関して、スレッドを作成して、議論できます。（そのメッセージに関するやり取りが起点メッセージのところでまとめられます。）

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image46.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image47.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image48.png) 

 

## ファイル送信
 
メッセージ入力欄の＋マークを選択します。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image53.png) 

 

ファイルを追加する から コンピューター　を選択します。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image57.png) 

 

ファイルを選択します。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image54.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image58.png) 

 

メッセージの下にファイル名、画像（.gif, .png, .jpg）の場合は、画像がそのまま表示されます。

<blockquote class="info">
.bmpは通常ファイル扱い。.svgは、エラーになりました。</a> 
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image55.png) 

 

画像をクリックすると、拡大表示されます。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image60.png) 

 

ファイル名の横にある、下矢印のアイコンを選択すると、ファイルのダウンロードが行えます。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image59.png) 

 

# アプリ

## Windows アプリ

<a href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/" target="_blank">https://github.com/RocketChat/Rocket.Chat.Electron/releases/</a> から rocketchat-setup-3.1.1.exe をダウンロードしてインストールしてみました。 

 

最初にサーバーURLを入力します。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image61.png) 

 

メールアドレスまたはユーザー名、パスワードを入力してログインします。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image62.png) 

 

ログインできました。左側のアイコンは、サーバーが選択できるようです。（サーバーは上のファイルメニューで追加できます。）その他、上のメニュー以外ブラウザ画面とほぼ同一のインターフェイスのようです。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image63.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image64.png) 

 

アプリ版は、OSの通知がありました。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image65.png) 

 

## Android アプリ

ようこその画面が正しく表示されないようでした。（日本語の取得に失敗している？） 
※バージョンは、4.16.1.23831 です。

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/Android01.png) 

 

構わず、青いボタンで先に進めると、また正しく表示されませんが、エラーメッセージから推測して、Rocket.ChatサーバーのURLを入力しました。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/Android02.png) 

 

エラーになり、先に進めず、今回は断念しました。

<blockquote class="warn">
エラー内容によると、http:// だからのようです。https:// にする必要があります。</a> 
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/Android03.png) 

 

## iOS アプリ

Android版同様、ようこその画面が正しく表示されないようでした。（日本語の取得に失敗している？） 
※バージョンは、4.16.1.23838 です。

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/iOS01.png) 

 

構わず、青いボタンで先に進めると、また正しく表示されませんが、エラーメッセージから推測して、Rocket.ChatサーバーのURLを入力しました。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/iOS02.png) 

 

ログイン画面まで進んでログインできました。

<blockquote class="info">
最初「ログイン」ボタンが反応しなかったのですが、もう一度起動したら反応しました。</a> 
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/iOS03.png) 

 

通知機能が使えて、特に問題無さそうでした。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/iOS04.png)

CentOS-8.3 にインストールした Rocket.Chat-3.13.3 を少し使ってみました。少し使ってみただけで、マニュアルとかではありません。 Webブラウザの画面は、全てMicrosoft Edgeブラウザを使用しています。 初回管理者登録 管理者情報 管理者の名前、ユーザー名、メールアドレス、パスワードを入力します。 この画面で一番に登録した人が管理者です。 名前：表示名 ユーザー名：アカウントID の関係です。 ユーザー名は半角文字(英数字・ドット・マイナス)だけ使用可能です。 組織情報 自社で使う分には、入力内容は何でも良いと思います。

Rocket.Chatを使ってみた

SDDL形式(Security Descriptor Definition Language)のテキストファイルを作成するphpプログラムを作成し、大量のアクセス権を高速で付与することに成功しました。

icaclsとSDDLファイルを使って大量のアクセス権を高速で付与

WindowsのAD(Active Directory)は、LDAPのように、ツリー構造のデータベースで管理されています。そのため、OpenLDAPのldapsearchコマンドで中身を見られます。ldapsearch以外にもいろいろな方法で中身を見てみました。

[関連技術で絞り込み結果]

PHP7＆Xdebug2＆VS Code SSH Remoteで標準launch.jsonを理解しながらデバッグ

Pythonのコードフォーマッター(black)、リンター(flake8)をVSCode拡張機能で導入

VSCode：Win10 Pythonのvenv仮想環境の場合、ブレークポイントで止まらない件

【MSAL】Dataverse Web APIで追加・更新・削除・画像アップロード・画像ダウンロード

【MSAL】Dataverse Web APIから認可コードフロー＋PKCEで自分のデータだけを取得

【swa】Azure Static Web Appsをローカル環境でデバッグ

MSAL Reactを使用してサインインするSPAをAzure Static Web Appsにデプロイ

React TypeScript ESLint Prettier VSCode のプロジェクト作成

Alpine LinuxをインストールしてVS Code Remote SSHしてみた

JS→ts-migrateでTypeScript化→ESLint導入エラー対処メモ

VSCodeインストールからPHP CS Fixerをインストールして整形

VS CodeでPythonのコードフォーマッター(black)、リンター(flake8)をセットアップ

VS CodeでRaspberry Pi DesktopへSSH接続しようとしたらエラーになった

AD(Active Directory)の設定項目と属性名を紐付けてみた

VS CodeでPythonのコードフォーマッター(black)、リンター(flake8)をセットアップ

カスタムURLスキームのアプリに対応しているか検知する方法

Power Appsキャンバスアプリ【続】最初から知っていたら嬉しかった１５のこと

GitLab git commit 複数行コメントのやり方いろいろ

Material UI(MUI)v5 x-date-pickers日本語化・土日の色調整・週単位選択

Power Apps 向けの Power Fx 関数まとめ

Rocket.Chatを使ってみた

icaclsとSDDLファイルを使って大量のアクセス権を高速で付与

AD(Active Directory)の中身を覗いてみた - ldapsearch,php,PowerShell