hi3103の備忘録

概要

• ローカル開発環境でも SSL 接続でブラウザチェックをできるようにしたい（ブラウザでの警告が出ないようにしたい）。
• mkcert を使って、ホスト側に認証局を設け、自己証明書を発行することで上記を達成する。
• 本エントリーでは下準備として必要な mkcert の導入手順を記載する。

対象パッケージ

GitHub – FiloSottile/mkcert: A simple zero-config tool to make locally trusted development certificates with any names you’d like.
https://github.com/FiloSottile/mkcert

導入手順

Windows の場合

Chocolatray からインストール可能。管理者権限で Windows PowerShell を起動して以下を実行。

1. パッケージインストール

   choco upgrade chocolatey

   choco install mkcert

2. mkcertでローカル認証局を作成

   mkcert -install

   コマンドを実行するとセキュリティ警告がでてくるので、[はい] を押下。

   

   完了すると以下の表示がでる。

   PS C:\Windows\system32> mkcert -install
   The local CA is now installed in the system trust store! ⚡️
   Note: Firefox support is not available on your platform. ℹ️

macOS の場合

Homebrew からインストール可能。Terminal から以下を実行する。

1. パッケージインストール

   brew update

   brew install mkcert

2. mkcertでローカル認証局を作成

   mkcert -install

   コマンドを実行すると、そのまま完了して以下の表示がでる。

   $ mkcert -install
   The local CA is already installed in the system trust store! 👍

備考

WSL2 環境で開発するときの注意点

• コマンド的には macOS と同じ手順になる。
• が、ブラウザの表示チェックは、 Windows OS 上のブラウザからローカル環境を参照する形。
• ということは、ローカル認証局の作成も、自己証明書の発行も、Window OS 側で操作する必要がある。
  • WSL2 上で上記を行ったとしても、ローカル認証局の確認ができないので「安全ではないアクセスです！」の警告が出てしまう。

概要

• 家族が「Discord で DJ 配信するぞ！」となったときに設定でなかなか沼った
• 結論として、理想形で配信することはできなかった が、妥協案は2つ 見つかった
• 次回また沼でもがくことのないよう、ここにまとめておく

目指すゴール

• Discord のボイスチャンネルで VJ（映像）+ DJ（音声） の配信をする
• 自分以外のユーザーは「配信を見る」ボタンクリックで視聴開始ができるとよい
  • 参考：Go Liveと画面共有 – Discord（公式リファレンス）

Read More

概要

• Windows 11 で WSL2 を使って Ubuntu を利用している
• SSH公開鍵をクリップボードへコピーするのに pbcopy コマンドを叩きたくなったが、こいつは Mac で組み込まれているコマンドのため使えない
• Windows では clip コマンドで同じことができるらしい
• pbcopy と叩いたら clip が動作するよう、エイリアスを設定してみる

参考リンク

• ［clip / pbcopy・pbpaste］クリップボードにコピー | 日経クロステック（xTECH）
• WSLでpbcopyを使う – Qiita

Read More

概要

• 愛用していた Sublimerge Pro が死んでしまい、新PCにセットアップできなかった
• sublimerge.​com ドメイン自体がもう別の誰かに取られてるみたい
• 代替ツールを探したがうまいことみつからない
• とりあえず繋ぎとして、旧PCに残っているファイルからプラグインを復旧する

やったこと

旧PCから必要なファイルを取得

• 以下のディレクトリを開く
  • C:\Users\ユーザー名\AppData\Roaming\Sublime Text\
• 以下のファイルを保存する
  • Installed Packages
    • Sublimerge Pro.sublime-package
  • Packages
    • Sublimerge Pro（フォルダまるごと）
  • User
    • Sublimerge.sublime-license
    • Sublimerge.sublime-settings

新PCにインストール

1. Package Contol の設定ファイルを編集

   • 保存場所
     • C:\Users\ユーザー名\AppData\Roaming\Sublime Text\Packages\User
   • ファイル名
     • Package Control.sublime-settings

   • やること

     • installed_packages の配列内に Sublimerge Pro を追加する

       {
           "bootstrapped": true,
           "in_process_packages":
           [
           ],
           "installed_packages":
           [
               "ApacheConf",
               "ayu",
               "Compare Side-By-Side",
               "DiffTabs",
               "Emmet",
               "HTML-CSS-JS Prettify",
               "IMESupport",
               "Sublimerge Pro",
               "Package Control",
               "PowerShell",
               "Syntax Highlighting for Sass",
           ],
       }

2. 旧PCから保存したファイルを、同じ場所に複製

3. Sublime Text を起動

   • すでに開いている場合は、一度閉じてから開き直す（再起動）

動作チェック

• 適当なファイルを2つ表示
• Ctrl + Alt + D で Sublimerge が動作するか確認

概要

• Google Cloud Platform のお勉強をしはじめた。
• Chrome 上で Cloud Shell を使ってもいいのだが、手元で叩けたほうが便利かもと思ったので gcloud CLI を Windows 11 に導入してみる。

参照したリファレンス

• gcloud CLI をインストールする| Google Cloud CLI のドキュメント
• gcloud CLI を承認する| Google Cloud CLI のドキュメント

Read More