2021年12月21日、YouTubeで行われたLIVE配信でおすすめのアパレルブランドor古着屋として語っていたもののまとめ（語る部分は聞いていないが気付いたら配信映像の固定背景にあったもの）

- DAIRIKU
  - ダイリク
  - [https://www.acrmtsm.jp/brands/63](https://www.acrmtsm.jp/brands/63)

- stein
  - シュタイン
  - [https://www.acrmtsm.jp/brands/28](https://www.acrmtsm.jp/brands/28)

- taupe
  - トープ
  - [https://www.taupe-japan.com/](https://www.taupe-japan.com/)

- yoke
  - ヨーク
  - [https://www.yoketokyo.com/](https://www.yoketokyo.com/)
  - [https://www.acrmtsm.jp/brands/65](https://www.acrmtsm.jp/brands/65)

- AURALEE
  - オーラリー
  - [https://auralee.jp/](https://auralee.jp/)
  - 自社ドメインに販売サイト持ってる。えらい。

- JUMPIN' JAP FLASH
  - 古着屋
  - [https://jumpinjap.thebase.in/](https://jumpinjap.thebase.in/)
  - [https://www.instagram.com/jumpinjapflash](https://www.instagram.com/jumpinjapflash)

- Un Old Joke
  - 古着屋
  - [https://unoldjoke.thebase.in/](https://unoldjoke.thebase.in/)
  - [https://www.instagram.com/unoldjoke](https://www.instagram.com/unoldjoke)


本田翼コレクション（メンズおすすめ服）


detailstタグのテスト

<details>
  <summary>summary</summary>
content
</details>


details-test


### まずは検索
検索してみる。
![draw.io検索](https://i.gyazo.com/d68e020225a55e471084351f8512ad1c.png)

draw.ioで`https://~`を参照する形で読み込んでしまうとエクスポート時に画像が表示されないので注意。

### 検索してないなら
[いい感じにまとめてくれているQiita記事](https://qiita.com/tkit/items/932316c5f5f7b162b61e)


### 何がなんでもアイコンを使いたい
[https://vecta.io/symbols](https://vecta.io/symbols)

### svgでもいいなら
[https://devicon.dev/](https://devicon.dev/)


draw.ioで作る技術資料に使うツールアイコン



### ハードウェア
| 部品　        | 名称                                         |
|:--------------|:---------------------------------------------|
| CPU    　     | AMD Ryzen 7 7745HX (オンボード)              |
| マザーボード  | Minisforum BD770i                            |
| GPU           | ASUS Radeon RX 7600 OC  8GB                  |
| メモリ        | Crucial 32GB DDR5 4800MHz SODIMM             |
| HDD           | Crucial T500 1TB PCIe Gen4 NVMe M.2 SSD      |
| CPUファン     | Noctua NF-A12x25 PWM chromax.Black.swap      |
| 電源          | Cooler Master V850 SFX Gold ATX3.0           |
| ケース        | Cooler Master MasterBox NR200P ホワイト      |


### ソフトウェア
| 部品　        | 名称                                         |
|:--------------|:---------------------------------------------|
| OS     　     | EndeavourOS Linux x86_64                     |
| WindowManager | i3                                           |


### ざっくり構成を伝えるコピペ用
|               |                                   |
|:--------------|:----------------------------------|
| OS     　     | EndeavourOS Linux x86_64          |
| WM            | i3                                |
| CPU    　     | AMD Ryzen 7 7745HX (オンボード)   |
| マザーボード  | Minisforum BD770i                 |
| GPU           | ASUS Radeon RX 7600 OC  8GB       |

自作PCの構成_2024-03


### 調査
[Blackhole](https://github.com/ExistentialAudio/BlackHole)や[ladiocast](https://apps.apple.com/jp/app/ladiocast/id411213048)を使って録音した音声を文字起こしする方法がよく紹介されている。

リアルタイムでGoogle Docs上に文字起こしをしたかったが、Blackholeとlaidiocastでは実現できず。


### 無料で使えるリアルタイム文字起こしサービス
* Texta
* Sloos
* AI GIJIROKU


### 個人的な結論
普段のメモなどをGoogle Docsで管理しているため、Google Docsをマストとする。
そのためGoogle MeetやZoomを簡単に録音したい。
以上の理由から、[Blackhole](https://github.com/ExistentialAudio/BlackHole)と[ladiocast](https://apps.apple.com/jp/app/ladiocast/id411213048)で録音データをGoogle Docsに文字起こしする方式で、
録音自体を[Krisp](https://krisp.ai/)（ノイズ除去ソフト）で提供されている録音機能を使う。



Macでオンライン会議を文字起こし


### 結論
**画像ファイル自体のリンクをNotionに貼り付ける**

![Notion埋め込み例](https://i.gyazo.com/7046c2a8fa7d00ff1cf6feb1503ce36c.png)

### 前提
私は画像を自身のブログに書くときなどにGyazo（スクリーショットの共有アプリ）を利用しています。

手元のテキストファイル（マークダウンファイル）として残しておく際には、`![hoge](url)`の記法で十分なのですが、Notionアプリ上でこの記法を使ってもそのまま画像を表示してくれません。

Gyazoを知らない人向けのイメージ画像。Gyazoを使ってスクリーンショットを撮ると、自動的にGyazoのクラウドサーバー（GCPを利用しているらしい）にアップロードされ、公開される。
![Gyazo画像](https://i.gyazo.com/34240519a32ac82716681aa70ef518fe.png)


### 作業の流れの例

Gyazoを利用して取得できるURL例:
https://gyazo.com/34240519a32ac82716681aa70ef518fe


Gyazoから自動的に与えられるURLをNotionに貼り付け(「Create bookmark」 「Create embed」を選択し)ても画像を綺麗に貼り付けられない。
![失敗例](https://i.gyazo.com/2f272328bf161c206970d572583f7b50.png)
↓
![続・失敗例](https://i.gyazo.com/26e64715a416362727c04054857d25d8.png)

Gyazoを使って生成されるリンクは、余分なWebページ情報が多く含まれている。そのためURLを次のようにしてからNotionに貼り付ける。
加工例（i.と拡張子.pngをつける）:
https://`i.`gyazo.com/34240519a32ac82716681aa70ef518fe`.png`


Notionに加工したURLを貼り付けると「Emged image」というオブションが選択できるので、選択すれば画像が埋め込まれる。
![成功例](https://i.gyazo.com/ef946f57d0800ca06f337425f98ec6fe.png)




NotionでMarkdown記法的に画像を埋め込む（w/Gyazo）



#### [証明写真ボックス](https://www.fujifilm.com/jp/ja/consumer/photoprinting/photo-box)
おすすめ。富士フィルムがやっている証明写真機。

写真機の中に入ると、「データと写真」「データのみ」「写真のみ」などから選択できる。値段は少しずつ違い、「データと写真」が1000円、「データのみ」が800円だったはず。

会員登録や専用アプリのダウンロードなどの必要がない。
撮影後に発行される受付番号とパスワードで半年間ダウンロード可。


#### [証明写真機Ki-Re-i](https://www.dnpphoto.jp/products/kirei/with/)

専用アプリのダウンロードが必要.
「証明写真機Ki-Re-i Withスマホ」という機種でないとデータでの受け取りに対応してなくてややこしい。


#### 地元の写真屋
地元の写真屋を今まで使ってた。
自分の顔がひん曲がってるせいで、もう少し顔傾けてなどの指示がよく出て面倒くさい。
カメラマンの腕次第で写真の出来が変わる。

値段は1500円くらいで高い。
CD-ROMに焼いてくれるが処分に困る。


履歴書用の写真をデータで受け取る方法まとめ


## **SVGとは**
Scalable Vector Graphics

### SVGの網羅的な説明
[https://www.webdesignleaves.com/pr/html/svg_basic.html](https://www.webdesignleaves.com/pr/html/svg_basic.html)

### SVGのベストプラクティス的な説明
[https://design.dena.com/engineering/svg-sprite](https://design.dena.com/engineering/svg-sprite)

## **便利な素材**
- [https://devicon.dev/](https://devicon.dev/)
  - MITライセンス
- [https://svgporn.com/](https://svgporn.com/)
  - CC0 1.0 Universal
- [https://fonts.google.com/icons?selected=Material+Icons](https://fonts.google.com/icons?selected=Material+Icons)
  - APACHE LICENSE, VERSION 2.0


SVGアイコンを配布しているWebサイト


### 著者近況
転職を経てシステム開発会社に入社して2ヶ月。知らないことばかりが頭上を飛び交うドタバタの中、合間を縫って引っ越しをした。少し新しい生活に慣れ始めた今日この頃。久々に自分の興味を昇華しようとGitHubで他人のdotfilesを覗いたりしている。なお当人はMacのデフォルトのterminalを使い続け、特に設定にこだわろうとしたことすらなかったところ。

## Tips

### Webブラウザを簡易的なメモ帳として使う
アドレスバーに以下を入力しEnter
`data:text/html, <html contenteditable>`

htmlなのでstyleの指定やscriptタグも読み込める。
`data:text/html, <html contenteditable style="font-style: italic;">`

### Zsh
#### historyの検索
`control + r` でhistoryからの検索&実行ができる

#### cd系
pushdとpopdとこれらを使うのに便利な設定
```shell
# This is in ~/.zshrc
setopt auto_pushd
setopt pushd_ignore_dups
```

#### history系
```shell
# This is in ~/.zshrc
setopt hist_ignore_dups
setopt share_history
setopt inc_append_history
```

#### Zshのオプションの一覧(Web）はここ
[https://zsh.sourceforge.io/Doc/Release/Options-Index.html](https://zsh.sourceforge.io/Doc/Release/Options-Index.html)


### Mac標準TerminalとiTerm2
使ってて一番違うのが"色"という自分なりの結論。
[pastel](https://github.com/sharkdp/pastel)をbrew installして使ってみるのが体感しやすかった。
今まで標準のTerminalを使っていたが、nvimを試している中でiTerm2に乗り換えることにした。


### 周辺用語
- true color 
- 16bit color 
- 24bit color

### 参考文献
- [ブラウザのタブがメモ帳になる技が便利　とっさに何かメモりたいときなどに](https://nlab.itmedia.co.jp/nl/articles/2207/06/news129.html)
- [現役シリコンバレーエンジニアが教える NeoVim(VIM) + Tmux + Zsh 入門](https://www.udemy.com/course/vim-tmux-zsh/)

2022年度に知ったTipsまとめその1

ikmnjrd.github.io

miscの投稿記事一覧