開発環境カテゴリーの記事一覧

mac OS Sonoma に gcloud CLI を導入する

概要

参照したリファレンス

Read More

mkcert を導入する(ローカル開発環境へのSSL接続)

概要

  • ローカル開発環境でも 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

Read More

WSL2/Ubuntu 上で pbcopy を叩けるようにする

概要

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

参考リンク

Read More

Sublime Text に EditerConfig を導入する

概要

EditorConfig
https://editorconfig.org/

  • EditorConfig とは、複数人で開発をするときにコーディングのスタイルを統一するためのファイル形式&プラグインのこと
  • 使用するに当たっては、ネイティブでサポートされているものと、プラグインの導入が必要なものがエディタや IDE によって異なる
  • Sublime Text はプラグイン=パッケージのインストールが必要

導入するもの

sindresorhus/editorconfig-sublime: Sublime Text plugin for EditorConfig – Helps developers maintain consistent coding styles between different editors
https://github.com/sindresorhus/editorconfig-sublime

手順

  1. Package Controlで「EditorConfig」を検索してインストール
  2. テスト用ファイルを用意して動作チェックする

Read More

Terminal から Sublime Text を起動できるようにする

概要

  • Git を扱うようになってから、CUI での操作が増えた
  • open . で Finder が開くように、コマンド入力で指定したファイルを Sublime Text で開くといった動作をしたくなった
  • できそうなので設定をしてみる

公式リファレンス

Command Line Interface
To use subl, the Sublime Text bin folder needs to be added to the path. For a typical installation of Sublime Text, this will be located at /Applications/Sublime Text.app/Contents/SharedSupport/bin.

パスを通してあげれば subl というコマンドが使えるようになるらしい。

Read More

Sulibmerge Pro を静的ファイルから復旧する

概要

  • 愛用していた 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 が動作するか確認

Windows 11 に gcloud CLI を導入する

概要

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

参照したリファレンス

Read More

Windows 10 に WSL2 を導入する

やること

  • Windows 10 に「Windows Subsystem for Linux 2 (WSL 2)」を導入する
    • WSL2 上で利用する Linux のディストーションは Ubuntu (=デフォルトのまま)とする
  • 実用上必要な以下のセットアップをあわせて行う
    1. WSL2/Ubuntu 上で日本語を扱えるようにする
    2. WSL2/Ubuntu に Homebrew をインストールする

所要時間

30~40分

参考リファレンス

Windows Subsystem for Linux (WSL) を Windows 10 にインストールする | Microsoft Docs

Read More

Sublime Text 4 の設定(2/3) – Key Bindings [for Windows]

Sublime Text 3 の設定エントリー一覧

  1. Package Control
  2. Key Bindings
    • for Mac
    • for Windows(現在のエントリー)
  3. Settings

前置き

  • 職場はMac、自宅はWindowsを使っているため、どちらも同じ感覚で操作できるようにすることを目的としている
  • 人によってはデフォルトで十分な(わざわざ変更する必要がない)設定項目もある
  • キーボードはMac・WindowsともにUS配列を利用
  • PowerToys の「Keyboard Manager」を使って AltCtrl を入れ替えてる

設定画面の開き方

以下いずれかの操作で開ける。

  • ツールバー > Preferences > Key Bindings
  • Package Control > 「Prefereces: Key Bindings」を検索

Read More