常連

### 実現したいこと
cssで指定した画像がページ上に正しく表示されるようにしたい。

### 発生している問題・分からないこと
cssで画像を相対パスで指定しているのにブラウザ上で表示されない
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-04-19/478abc86-09f4-4046-a0fe-6447620a6ba3.png)
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-04-19/855e1d82-07b2-47e9-86dc-1e99a1c81dd3.png)



### 該当のソースコード
```<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>WCB cafe - NEWS</title> 
  <meta name="description" content="ブレンドコーヒーとヘルシーなオーガニックフードを提供するカフェ">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <link rel="icon" href="picture/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
  
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  
  <link rel="stylesheet" href="css/wcb-cafe.css">
</head>

<body>
  <div class="sub-cover cover-news">
    <header class="page-header wrapper">
      <h1 class="align-center">
        <a href="index.html">
          <img class="logo" src="picture/logo.svg" alt="WCBカフェホーム">
        </a>
      </h1>
      <nav>
        <ul class="main-nav font-english">
          <li><a href="news.html">News</a></li>
          <li><a href="menu.html">Menu</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>

    <h2 class="page-title font-english">News</h2>
  </div>
  
  <footer class="page-footer">
    <h3 class="heading-large font-english">Information</h3>
    <table class="info">
      <tr><th>住所</th><td>東京都港区六本木0-0</td></tr>
      <tr><th>電話番号</th><td>03-0000-0000</td></tr>
      <tr><th>営業時間</th><td>11:00-20:00</td></tr>
      <tr><th>定休日</th><td>月曜日</td></tr>
    </table>
    <div class="copyright">
      <small>&copy; 2010 WCB cafe</small>
    </div>
  </footer>
</body>
</html>

    --------------------------- CSS ------------------------------------
```@charset "UTF-8";

/* 基本設定 */
html {
  font-size: 100%;
}

body {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
  line-height: 1.7;
  color: #432;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

/* 汎用クラス */
.align-center {
  text-align: center;
}

.font-english {
  font-family: 'Philosopher', sans-serif;
  font-weight: normal;
}

.page-title {
  font-size: 3rem;
  text-align: center;
  margin-top: 2rem;
  line-height: 1.4;
}

.page-header {
  padding-top: 0.5rem;
}

.logo {
  width: 210px;
}

.main-nav {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
  font-size: 1.5rem;
  list-style: none;
}

.main-nav a {
  color: #432;
}

.main-nav a:hover,
.main-nav a:focus {
  color: #0bd;
}

.cover,
.sub-cover {
  background-size: cover;
  background-position: center bottom;
  height: 800px;
}

/* レイアウト */
.wrapper {
  max-width: 1120px;
  margin: auto;
  padding: 0 1.5rem;
}

/* セクション */
.about {
  max-width: 736px;
  padding: 0 1.5rem;
  margin: 3rem auto 4rem;
}

.about p {
  margin-bottom: 3rem;
}

.page-title,
.heading-large {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 1rem;
}

/* ボタン */
.btn {
  display: inline-block;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  color: #fff;
  background-color: #0bd;
  border-radius: 8px;
  transition: 0.5s;
}

.btn:hover {
  translate: 10px;
}

/* フッター */
.page-footer {
  background-image: url(../picture/footer-s.webp);
  background-size: cover;
  background-position: center;
  padding-top: 12rem;
}

.info {
  width: 100%;
  max-width: 544px;
  margin: auto;
  padding: 0 1.5rem;
  border-spacing: 0;
}

.info th,
.info td {
  border-bottom: 1px solid #c9c2bc;
}

.info th {
  padding: 1rem 0;
  text-align: left;
  font-weight: normal;
}

.info td {
  padding: 1rem 0;
}

.copyright {
  text-align: center;
  padding: 2rem 0;
  background-color: #432;
  color: #fff;
  margin-top: 6rem;
}

/* デスクトップ版 */
@media (min-width: 800px) {
  .page-title {
    font-size: 5rem;
  }

  .heading-large {
    font-size: 4rem;
  }

  .page-header {
    display: flex;
    justify-content: space-between;
    padding-top: 1.5rem;
  }

  .main-nav {
    font-size: 2rem;
  }

  .cover-home {
    background-image: url(../picture/cover-home-l.webp);
  }

  .about {
    margin: 4rem auto 0;
  }

  .page-footer {
    background-image: url(../picture/footer-l.webp);
    padding-top: 12rem;
  }

  .info th {
    padding-left: 2.5rem;
  }
}

/* Newsページ専用 */
.cover-news {
  background-image: url(../news-pictures/cover-news-s.webp);
}
```




```
特になし
```

### 試したこと・調べたこと
- [ ] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [x] その他

##### 上記の詳細・結果
絶対パスにしてみたけどそれでも表示されなかった

### 補足
特になし

CSSで画像が表示されない：ファイルパスの問題？

Rstudioを起動して、何かプログラムを実行すると必ず以下の文が出ます。

```R
Warning message:
In normalizePath(path.expand(path), winslash, mustWork) :
  path[1]="C:/Users/私の名前/OneDrive/??????": ファイル名、ディレクトリ名、またはボリューム ラベルの構文が間違っています。
```

a <- 1
のようななんてことないプログラムでもメッセージは出ます。
そして、1回出るともうほとんど出てきません。
何かパッケージをインストールすると、同じメッセージが出る時はあります。

Warningなので、その後の実行には問題ないのですが、如何せん原因が分かりません。

ちなみに、
```R
getwd()
```
を実行したときに表示されるのは、また別のパスです。

R version 4.1.1

よろしくお願いします。

Rstudioで起動時に必ず出るWarning (normalizePathとは?)

### 実現したいこと

dockerを動かしたい。 

### 発生している問題・エラーメッセージ

Docker公式サイトより、手順通りにDocker DesktopのApple Chip用をインストールし、起動しました。Docker Desktop自体は問題なく動いているようです。
しかしその後VSCodeのターミナルでDockerコマンドを打つも、無いと言われます。

```
% docker --version
zsh: command not found: docker

% which docker
docker not found

% whereis docker
docker:
```

### PATH

```
% echo $SHELL
/bin/zsh

% echo $PATH | tr ':' '\n'
/Users/username/.pyenv/shims
/Users/username/.nvm/versions/node/v14.21.2/bin
/opt/homebrew/bin
/opt/homebrew/sbin
/usr/bin
/usr/sbin
/bin
/sbin
/usr/local/bin
/usr/local/bin/docker
/Users/username/.docker
/usr/local/sbin
```

※もちろん source ~/.zshrcで反映済み。

### 試したこと

再起動をしたり、macOSを更新したりもしてみましたが、変わらず。
M2では使えないのかな？とも思いましたが、使えているような事も見たので、Homebrewからインストールしたり等も試したりしましたが、症状が変わらないのでこちらで質問させていただきました。
よろしくお願いいたします。

### 補足情報（FW/ツールのバージョンなど）

M2 MacBookPro
macOS Monterey12.4・Ventura 13.2

Docker Desktop 4.16.2 (95914)
Engine: 20.10.22
Compose: v2.15.1
Credential Helper: v0.7.0
Kubernetes: v1.25.4
Snyk: v1.1064.0

Dockerを動かしたいが、zsh: command not found: docker・docker not foundとなってdockerコマンドが使えない。

### 前提・実現したいこと

新たに通したいパスがあり、**.bash_profile**を探したところ見当たりませんでした。
ただ```ls```や```pwd``` ```which```といったコマンド類は現在使えています。
ファイルがどこにあるかを知りたいです。
どなたかご教示ください。

### 発生している問題・エラーメッセージ

エラーは発生していないが、**.bash_profile**が見当たらない。


### 試したこと

・ホームディレクトリにて```$ls -la```

・/etc配下や/bin配下も見てみました。

・```find / -name ".bash_profile"```

・```vi ~/.bash_profile```→newファイルになってしまう

### 補足情報（FW/ツールのバージョンなど）

OS -　MAC

.bash_profileが見当たりません。

pipファイルが存在する場所をPATHに設定しているにもかかわらず，pipが実行できなくなりました。
原因がどうしても分からず詰まっているので，どなたかお助けください。。。
無理そうなら最終手段としてpython環境そのものを作りなおそうと考えています。

### 事象
pipを実行することができません
```bash
$ pip
bash: pip: command not found
```

### 調べたこと
pipは存在する
```bash
$ python -m ensurepip
Looking in links: c:\Users\masat\AppData\Local\Temp\tmpmtcd3g3l
Requirement already satisfied: setuptools in c:\users\masat\appdata\local\programs\python\python39\lib\site-packages (56.0.0)
Requirement already satisfied: pip in c:\users\masat\appdata\local\programs\python\python39\lib\site-packages (21.1.3)
```
pipが存在する場所を環境設定変数のPATHに登録済
![イメージ説明](0d6292b25163789b0fb397f46315046a.png)


備考１：上記キャプチャはgit bashで実行したものですが，普通にコマンドプロンプトで実行しても，下記の通り同様の結果になります。
```comandPrompt
C:\Users\masat>pip
'pip' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。
```
備考２：ほかのパスにもpipファイルがあります。経緯は分からなくなってしまっていますがpipが動かなくて色々試したからかもしれません。
![イメージ説明](0ee7c8db9f7d746361d02037026a273e.png)


備考３：which pip の結果
```bash
$ which pip
which: no pip in (/c/Users/masat/bin:/mingw64/bin:/usr/local/bin:/usr/bin:/bin:/mingw64/bin:/usr/bin:/c/Users/masat/bin:/c/Program Files (x86)/Intel/Intel(R) Management Engine Components/iCLS:/c/Program Files/Intel/Intel(R) Management Engine Components/iCLS:/c/WINDOWS/system32:/c/WINDOWS:/c/WINDOWS/System32/Wbem:/c/WINDOWS/System32/WindowsPowerShell/v1.0:/c/WINDOWS/System32/OpenSSH:/c/Program Files (x86)/Intel/Intel(R) Management Engine Components/DAL:/c/Program Files/Intel/Intel(R) Management Engine Components/DAL:/c/Program Files/Intel/WiFi/bin:/c/Program Files/Common Files/Intel/WirelessCommon:/cmd:/c/Program Files/nodejs:/c/ProgramData/chocolatey/bin:/c/users/masat/appdata/local/programs/python/python39/lib/site-packages:/c/Users/masat/AppData/Local/Programs/Python/Python39/Scripts:/c/Users/masat/AppData/Local/Programs/Python/Python39:/c/Users/masat/AppData/Local/Microsoft/WindowsApps:/c/Users/masat/AppData/Local/Programs/Microsoft VS Code/bin:/c/Users/masat/AppData/Roaming/npm:/usr/bin/vendor_perl:/usr/bin/core_perl)
```

(Python) pipのPATHが通らない ※pipファイルの場所はPATHに設定済

### 日本語文字列を格納した変数を、パスに使用したい
Pythonにて、ファイル操作を行うGUIを作っています。

ダイアログボックスで指定したフォルダの名前を変数に格納したあと、そのフォルダに対して操作を行うとき、フォルダ名に日本語が含まれているとフォルダ名が文字化けし、以下のようなエラーが発生します。

当該のフォルダはきちんと存在しています。

調べたところ、文字列では
```python
t = u"abc"
```
のように書けばutf-8型（unicode型？）で変数を扱えるようですが、これをダイアログボックスから取得したフォルダ名にどのように作用させればいいか検討がつきません。

どなたかお詳しい方、ご回答よろしくお願いします。

### ソースコード
```python
import tkinter as tk
import os

path = os.getcwd()
dir = path

win = tk.Tk()
win.resizable(False, False)

#中略

fle = filedialog.askdirectory(initialdir = dir, title="保存先フォルダの選択")
img = "sample.tiff"
gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY) 
gray_path = fle + "gray.tiff"
cv2.imwrite(gray_path, gray)

win.mainloop()
```

### 発生しているエラーメッセージ
```
TIFFOpen X:/~文字化けしたフォルダ名~~~: No such file or directory.
```

### 追記
ご指摘いただいた通り、当該のコードを抜粋して記載しました。
メニューからダイアログボックスを開き、指定したファイル名をテキストボックスに挿入し、その文字列を変数fle取得しています。

このファイル名を格納した変数tに日本語が含まれているとき、fleをファイル名に含む部分の操作で上のエラーが発生してしまいます。




### 補足情報（FW/ツールのバージョンなど）
Windows10
Python 3.8.3

【Python】変数に格納した日本語文字列をパスに用いると文字化けしてしまう

### 前提・実現したいこと

Microsoft365のPower Automateを用いて、
画像を添付してMicrosoft teamsへチャットを送りたいのですが、画像の添付の仕方が分かりません。

### 発生している問題・エラーメッセージ
HTML形式で、imgaeタグを用いるところまでは分かったのですが、
画像のパスの指定の仕方が分かりません。

・絶対パスの場合、URLが無い。
・相対パスの場合、現在の場所が分からない。
というところで詰まっています。

画像は、デスクトップにあり、ファイル名は、image.jpgです。

![イメージ説明](f9906d17476d46b3bc28699b2e477877.png)

![イメージ説明](46c26adb5fbed96eb492dc49f8dac0b3.png)


### 試したこと
・HTML形式の画像の挿入の仕方を調べる。
・パスの部分を書き換えて試してみる。
<img src = "./image.jpg">
<img src = "*/image.jpg">
<img src = "/image.jpg">
<img src = "image/image.jpg">
<img src = "デスクトップ/image.jpg">
はダメでした。


### 補足情報（FW/ツールのバージョンなど）
Microsoft365のPower Automate
Microsoft teams

Microsoft365のPower Automateで、メッセージに画像を添付する

#困っていること
Visual Studio CodeやPHPインストールなどの環境構築を終え、PHPを実行したのですが、PHPプログラムが実行できません。
![](4f515c81001583257a949c21ee566038.jpeg)
#試したこと
##PHPのインストール
![](d5f04bcd28c0042a750f5f811de6cb0f.png)
- [PHP公式サイト](https://www.php.net/)にアクセスし、Zipファイルをダウンロード
- ダウンロードしたZipファイルを「C:¥php」に展開
- 「システムの詳細設定の表示」→「環境変数」の順にクリック
- 「システム環境変数」のPathを選択し、「編集」をクリック
- 「新規」をクリックし、「C:¥php」を入力して「OK」をクリック

![](8f095d840eb7cd6f7d5db5fb6b85c652.png)
![](892fd8232ea7d9dad507977c87dfb2d0.jpeg)
- コマンドプロンプトでphp.exeの存在するパスを入力し、その後に「php -version」または「php -v」を入力
PHPのバージョンが表示されたら成功

#Visual Studio Codeのインストール
- [VSCode公式サイト](https://code.visualstudio.com/)にアクセスし、「Download for Windows」をクリック
- 「同意する」を選択　→　「次へ」→「次へ」→「サポートされている～」にチェック　→　「次へ」→「インストール」→　「完了」の順番にクリック

#Hello Worldの出力
ファイル名:basic1.php
```PHP
<?php
echo "Hello World!";
?>
```
さあ、最初のプログラムを実行しようと試したその時、まさかのハプニングが！
![](b1ba4b2abb0be16fcf69980cfc00923b.jpeg)
あれだけしっかり環境構築したのに、実行できません。

##php.validate.executablePath
![](24661cd2c2ce3634aaa9947e138361a4.jpeg)
どうやらsetting.isonにphp.exeのパスを設定する必要があるようです。
設定しましたが、結果は変わりませんでした。

#追記・修正依頼を受けて（VSCodeにpathと入力）
![](cf9f894d8b270bb23ef05a40a664f05f.jpeg)
VSCodeに「path」コマンドを入力しましたが、認識されませんでした。

#コマンドプロンプトにて、いろいろなディレクトリでの結果
コマンドプロンプトで色々試したところ、phpコマンドはphp.exeの置いている場所でしか反応しないことが分かりました。「私の場合はC:¥php」
![](0891be78e415d603bd2aca9a1478e8f0.jpeg)

#VSCodeで「php -v」の結果【4/19 18:30追記】
VSCodeでプロンプトの時と同じようにphp.exeのパスで「php -v」を入力したところ、次のメッセージが表示されました。
```
PS C:\php> php -v
Suggestion [3,General]: コマンド php は見つかりませんでしたが、現在の場所に存在 
します。Windows PowerShell は、既定では、現在の場所からコマンドを読み込みません 
。このコマンドを信頼する場合は、".\php" と入力してください。詳細については、"get
-help about_Command_Precedence" と入力してヘルプを参照してください。
```
```
get : 用語 'get' は、コマンドレット、関数、スクリプト ファイル、または操作可能  
なプログラムの名前として認識されません。名前が正しく記述されていることを確認し  
、パスが含まれている場合はそのパスが正しいことを確認してから、再試行してくださ  
い。
発生場所 行:1 文字:1
+ get
```

そこで、メッセージの通り「.\php」を入力しましたが、何も応答がありません。
また、「get　-help about_Command_Precedence」も入力しましたが、getコマンドが認識されていません。どうすればいいですか？

#VSCodeで「.\php -v」の結果【4/20 18:45追記】
VSCodeで「.\php -v」と入力すると、PHPのバージョンが表示されました。
```
PS C:\php> .\php -v
PHP 8.0.3 (cli) (built: Mar  2 2021 23:33:56) ( NTS Visual C++ 2019 x64 )
```
#PHPバージョン
PHP8.0.3