Pumi's Blog

ターミナル表示名修正 参考サイトhttps://qiita.com/tonkotsuboy_com/items/b752a86cee7eaedf28da zshrc有無を確認ls -la _Users_watanabefumiaki/ | grep '.zshrc'→.zshrcがなければ、以下で作成 　　touch .zshrc VSCODEで.zshrcを開き以下を追記export ...

日本語表記にするJapanese Language Pack for Visual Studio Code プッシュした流れをグラフ化Git Graph 閉じタグの後ろに、classが設定された要素を閉じたか記載HTML End Tag LabelsHTMLからクラス名を抽出してコピーExtractionCssSelector 閉じタグの自...

SSHキーの作成 Sourcetreeをダウンロードhttps://www.sourcetreeapp.com メニュー→設定→アカウント ・ホスト：GitHub・認証タイプ：Oauth・ユーザー名：アカウントを接続 ・プロトコル：SSH ・キーを生成（パスフレーズを設定　適当な１０桁以上） →保存し...

ob_start(),ob_clean()という関数があります。長いPHPコードを一時的に変数に格納するような使い方ができます。 例えば、template-partsとして作成したsectionの雛形（section,__inner,__title,__contentなど）に、__contentの中身を読み込ませて、一つのs...

claudeの標準機能にMCPという機能があり、filesystem,brave-searchという機能を追加することで、ローカル（デスクトップやダウンロードフォルダなど）のファイルを更新したり、Web上のページを調査させて回答作成させることができます。色々なページを見て...

difyを使うために必要なレンタルサーバ契約と各種設定をまとめました。ただ、コーポレートサイトやLP制作のコーディングを行う自分にとっては、claudeのMCTの方が使いやすいため、difyを有効活用できる状況になったら改めて本手順や引用サイトを参考に利用...

いつも通りChromeでFigmaを開こうと思ったら、こんなエラーに遭遇しました ＜エラー画像＞ WebGL？なんのこと？ という状況でしたが、とりあえず別のブラウザで開けないか試したらSafariで開くことができました。 なので、ファイル自体が壊れていたわけで...

はじめに WordPressサイトでGmailの送信ができない事象が発生しました。プラグイン「WP Mail SMTP」を利用することで、無事送信できるようになりましたので、その手順をまとめました。 手順の概要 Google Cloud ConsoleでのGmail API設定 WordPressでのSMT...

SVGスプライトで実現する効率的なアイコン管理 SVG画像を使う一番のメリットはホバー時に色を変えれる点です。ただし、そのままSVG画像を構成するコードをHTMLに記述すると保守性が良くないです（画像差し替えする時に手間がかかりますし、何より見づらい...

Raycastとは？ もの凄く便利なスニペット機能を持つアプリです。様々なエディターの標準機能だったり、Raycast以外のスニペットアプリにもスニペット機能は搭載されていますが、Raycastは以下の観点で他より優れていると感じました☺️ ブラウザの開発者ツー...