Visual Studio Code Dev Containers での開発環境構築について調査した結果を備忘録として残しておく Dev Containers について 以下のような構成になる Architecture Containers 引用元: https://code.visualstudio.com/docs/devcontainers/containers 以下のようなメリットがある プロジェクトごとのミドルウェアなどをコンテナに閉じ込めることができる ホスト環境を汚さない VS Code の Extention もコンテナに閉じ込められる 環境構築を自動化できる 新規に作成したり、別のPCでの作り直しが簡単 環境構築について 前提条件 VS Code で以下の Extention をインストールする Remote Development Dev Containers ※テンプレートを使用する場合 Docker Docker Desktop or Rancher Desktop 実際の例 新規で作成する場合 VS Code の左下の「><」ボタンを押下 「新しい開発コンテナー…」 を選択 ベースとなる設定を選択する 基本的には Dockerfile or Docker Compose の話になるのでそちらに慣れていれば問題なくできると思われる テンプレートの使用 コマンドパレットで「Add Dev Container Configuration Files…」を選択 「ワークスペースに構成を追加する」を選択 「すべての定義を表示…」を選択 以降は新規で作成する場合と同様 4-1. ℹ️を押下することでテンプレートの使い方やカスタマイズ方法が表示される Tips ホスト側の DB クライアントから接続したい場合 以下の２つのファイルの設定を修正する必要がある 参考

pgAdmin4 で AWS の EC2 内に構築された PostgreSQL にアクセスする方法を毎回手順を確認するため備忘録として残しておく 方法 事前作業 AWS Console にて接続に必要な情報を控えておく EC2 踏み台の Public IP を確認 EC2 > リソース > 該当のリソースを選択 パブリック IPv4 アドレス を確認 Elastic IP が紐付けられている場合は以下を確認する EC2 > Elastic IP を選択 関連付けられたインスタンス ID が一致するものを検索する 割り当てられた IPv4 アドレス を確認 RDS プロキシの設定がされている場合は以下を確認する RDS > プロキシ > {該当の DB 識別子} を選択 プロキシエンドポイントを確認 その他 DB のパスワード (Secrets Manager)の設定確認方法 AWS Secrets Manager > DB のユーザパスワードを選択 シークレットの値 > [シークレットの値を取得する]ボタンを押下 パスワードを確認する pgAdmin4 での作業 プロパティにそれぞれ以下の値を設定する

Mac に Warp をインストールする方法を備忘録として残しておく 手順 home brew を使用してインストール brew install --cask warp 設定 公式サイト を参照 注意点 日本語を入力中は Terminal 上に表示がされない Vim や Github のコミットメッセージ等に厳しい ※2023/11/13 時点 issue で長い間リクエストはされているが Feature Request

GitHub の PR を作成する際に縦に長くなりすぎるため、折りたたみコンテンツを使用している その方法を備忘録として残しておく 実際のコード html タグの details, summary タグを使用する ※画像を入れる場合は、1行空行を入れないと展開されないため要注意 <details> <summary>その１</summary>  </details>

Mac(M1) でパスを通す際に Intel の場合と同じ手順では上手くいかなかったので備忘録として残しておく 手順 例. mysql の path を通す場合 ※Homebrew でインストールしたもの インストール先の path を確認 brew --prefix mysql@5.7 #=> /opt/homebrew/opt/mysql@5.7 ~/.zshrc に追記する echo 'export PATH="$PATH:/opt/homebrew/opt/mysql@5.7/bin"' >> ~/.zshrc source ~/.zshrc 動作確認 mysql--version #=> mysql Ver 14.14 Distrib 5.7.40, for osx10.17 (x86_64) using EditLine wrapper

Mac OS で mov を gif に変換する方法を備忘録として残しておく 手順 ffmpeg を使用する ※ファイルのリサイズのために Image Magick も使用 ffmpeg, Image Magick のインストール brew install ffmpeg brew install imagemagick gif に変換 ファイルサイズを少なくするために圧縮も行う cd 動画のあるディレクトリ ffmpeg -i {変換対象}.mov -an -r 20 %06d.png # 20 frames/secでpng作成 ※6 桁連番の png ファイルを生成 convert *.png -resize 50% output_%06d.png # 作成した png を 50% にリサイズ convert output_*.png result.gif # gif に変換 # 生成された gif の確認は以下で行える ※Google Chrome インストールしている場合 open -a /Applications/Google\ Chrome.app result.gif 画像が多少荒くても良いのであれば以下

元々バッチを使用して手動でデプロイを行っていたが、自動デプロイする方法がないか調査を行った その結果を備忘録として残しておく 前提 [構成] Hugo + GitHub Pages(master ブランチが対象) ※source ブランチを Hugo で変換して master ブランチに静的サイト用の資産を配置する Hugo テーマは submodule として取り込み 実際のコード GitHub Actions を使用する リポジトリ直下に .github/workflows フォルダを作成して配下に yml ファイルを配置することで GitHub Actions が登録される ※ source ブランチの push をトリガーに自動デプロイを行う source ブランチをチェックアウト Hugo(Docker) を使用して、静的サイト用の資産を作成 master ブランチに push して GitHub Pages にデプロイする name: Deploy on: push: branches: - source # Target Branch Name jobs: deploy: runs-on: ubuntu-22.04 steps: - uses: actions/checkout@v3 with: submodules: true # Fetch Hugo themes (true OR recursive) fetch-depth: 0 # Fetch all history for .GitInfo and .Lastmod - name: Deleting old publication run: rm -rf public - name: Setup Hugo uses: peaceiris/actions-hugo@v2 with: hugo-version: '0.91.2' extended: true - name: Build run: hugo - name: Deploy uses: peaceiris/actions-gh-pages@v3 with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_branch: master publish_dir: ./public 定期実行する場合は、以下のようにする

経緯 Visual Studio Code にて保存時の空白のトリミングの挙動を markdown の場合のみ変えたくなったため調査を行なった その結果を備忘録として残しておく 手順 コマンドパレットを開く Configure language specific settings を入力して選択する 拡張子を質問されるので markdown を選択する settings.json ファイルに以下のように編集する 実際の設定ファイル { "[markdown]": { "files.trimTrailingWhitespace": false } }

アップロードされた Excel を PDF に変換して保存する必要があり 調査を行った LibreOffice で変換する方法を備忘録として残しておく ※図形など綺麗に変換されないパターンもあるため注意が必要 前提 LibreOffice を事前にインストールしておく /Applications/LibreOffice.app/Contents/MacOS/soffice にインストールしている場合 方法 以下のコマンドで変換を行う ※Calc を使用して PDF に変換 参考 指定できるフィルタ /Applications/LibreOffice.app/Contents/MacOS/soffice --headless --convert-to pdf:"calc_pdf_Export" {Excel File Path} その他 以下のようにすることで soffice コマンドを登録可能 /usr/local/bin/soffice を作成して中に以下を記載する #!/bin/bash # Need to do this because symlink won't work # It complains about some .plist files /Applications/LibreOffice.app/Contents/MacOS/soffice "$@" 以下のコマンドで実行権限を付与する sudo chmod +x /usr/loca/bin/soffice 上記を sh として gist に置いているので以下でも可 sudo curl https://gist.githubusercontent.com/kkawazoe/6e8096e3b800905b43e555c32689ca4f/raw/17311ce29e3ed1b7419bd4314015ed0a36c3c7e7/soffice.sh > /usr/local/bin/soffice && sudo chmod +x /usr/local/bin/soffice

windows terminal でターミナル毎に起動時のディレクトリを変更する方法を備忘録として残しておく 環境 OS: Windows 10 Pro WSL: version 2 OS: Ubuntu Ubuntu 18.04 方法 Windows Terminal を起動する 「Ctrl」+「,」を押下して setting.json を開く setting.json の設定に以下を追加する { "$schema": "https://aka.ms/terminal-profiles-schema", "defaultProfile": "{xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx}", "profiles": { "defaults": { "startingDirectory": "c:\\work" // 追加 ターミナル共通の起動時のディレクトリを指定 }, "list": [ { "guid": "{xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx}", "name": "Windows PowerShell", "commandline": "powershell.exe", "hidden": false }, { "guid": "{xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx}", "name": "Command Prompt", "commandline": "cmd.exe", "hidden": false }, { "guid": "{xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx}", "hidden": false, "name": "Azure Cloud Shell", "source": "Windows.Terminal.Azure" }, { "guid": "{xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx}", "hidden": false, "name": "Ubuntu-18.04", "source": "Windows.Terminal.Wsl", "startingDirectory": "/home/{ユーザ名}/project" // 追加 wsl 専用の起動時のディレクトリを指定 } ] } }