ラベルメモの投稿を表示しています。すべての投稿を表示

2023年5月17日水曜日

メモ：Ubuntu移行用やることリスト

ここはわたしの日記帳

Ubuntu(私が)最初にやることリスト

# Ubuntuのアップデート

```bash

sudo apt update
sudo apt upgrade

sudo apt autoremove
sudo apt autoclean

```

# Chromeを入れる

https://www.google.com/chrome/?platform=linux

.debを選ぶ（UbuntuはDebian系）

dpkg -i google-chrome-stable_current_amd64.deb

#. Ubuntu One へのログイン

https://login.ubuntu.com/

# いるものを入れる

```bash

// Cのコンパイラsudo apt -y install build-essential
//各種ユーティリティsudo apt -y install net-tools pciutilssudo apt -y install psutil
//パッケージ管理ソフト　flatpaksudo apt install flatpaksudo apt install gnome-software-plugin-flatpakflatpak remote-add --if-not-exists flathub https://flathub.org/repo/flathub.flatpakrepo

```

# Mozc(日本語入力)

sudo apt -y install fcitx-mozcim-config -n fcitxfcitx-autostartfcitx-configtool

# ディレクトリ名を英語にする

変換なしで快適なカタカタッターンをするため

sudo apt -y install xdg-user-dirs-gtk 
LANG=C LC_ALL=C xdg-user-dirs-gtk-update

# Nvidia GPU Driver

https://www.nvidia.com/ja-jp/drivers/unix/

GUIでインストールできるので、あえてここから入れる必要はないが、念のため

# CUDA ToolKit

https://developer.nvidia.com/cuda-toolkit-archive

今回は11.7を入れる

wget https://developer.download.nvidia.com/compute/cuda/11.7.1/local_installers/cuda_11.7.1_515.65.01_linux.runsudo sh cuda_11.7.1_515.65.01_linux.run

~/.bashrcの末尾に記入

export PATH="/usr/local/cuda/bin:$PATH"export LD_LIBRARY_PATH="/usr/local/cuda/lib64:$LD_LIBRARY_PATH"export CUDA_HOME=/usr/local/cuda

# セキュリティキーの設定

省略

Yubico

https://www.yubico.com/works-with-yubikey/catalog/linux/#setup-instructions

Titan Security Key

https://support.google.com/titansecuritykey/answer/9148044?hl=JA&ref_topic=9115742

# 開発環境

* Git

https://git-scm.com/

sudo apt install gitsudo apt install git-lfsgit lfs install
git config --global user.name "hogehoge"git config --global user.email "[email protected]"

* VSCode

https://code.visualstudio.com/Download

snapで入れればいいかなー

* Miniconda

https://docs.conda.io/en/latest/miniconda.html

bash Miniconda3-py310_23.3.1-0-Linux-x86_64.sh

　LICENSE読んでEnter連打

　続いて標準パスにインストールするけどええな？と聞かれるので、Enter（了承）

　初期化処理(環境変数を通したりする)はやめとくか(no)？と聞かれるので、"yes"と答える。

環境変数を適用するために以下のコマンドを打ち込む

source ~/.bashrc

* GitHub SSH key

https://docs.github.com/ja/authentication/connecting-to-github-with-ssh

* GitHub GPG key

https://docs.github.com/ja/authentication/managing-commit-signature-verification/generating-a-new-gpg-key

# もろもろ

* Audacity（音声編集）

https://www.audacityteam.org/download/linux/

* Kdenlive（動画編集）

https://kdenlive.org/

* gimp（画像編集）

https://www.gimp.org/downloads/

# （最重要）STEAM

https://store.steampowered.com/about/

snap storeから入れられる？

SteamOSで鍛えられた、新Protonの出来に期待しています……！

2022年4月5日火曜日

Bloggerで「ホムペ」つくったときに困ったことと、楽しかったことの、備忘録。

Bloggerを使い始めて、困ったことがあったので、解決法を調べました。

私用の、備忘録、ですよ。

Bloggerの背景に画像を指定すると、画像からはみ出した部分に背景色がついてしまう

画像を指定する際、背景が透過してしまうことと、

テーマカラーに沿って自動で背景色が選ばれてしまうのが原因だと思われる。

調べてないから適当。

多分もっとスマートなやり方があると思います。

HTMLを編集して、"tranceparent"のところに16進カラーコードを入れれば良い。

色を変えるときは、#171421 の箇所を変えればOK。

該当箇所

<Variable name="body.background" description="Body Background" type="background"

color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="tranceparent url(//*.*.blogspot.com/*.png) no-repeat fixed top right"/>

変更後

color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="#171421 url(//*.*.blogspot.com/*.png) no-repeat fixed top right"/>

記事の背景を透過させる方法

Bloggerのカラーピッカーには透明度を指定する箇所が無いが、RGBA記法にしたら何とかなった。

参考： https://www.w3schools.com/cssref/pr_background-color.asp

透明度は"A"で指定。

(透明)　0.00　→　1.00　（不透明）

#171421 の場合

R: 23

G: 20

B: 33

A: 任意の不透明度 (例は0.8を採用)

該当箇所（下の例は記事の背景。色指定できる箇所なら多分応用可。）

<Group description="Backgrounds" selector=".body-fauxcolumns-outer">
<Variable name="body.background.color" description="Outer Background" type="color" default="#539bcd" value="#171421"/>
<Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="#171421"/>
</Group>

変更後

<Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="rgba(23, 20, 33, 0.8)"/>

Twitterでリンクしたとき、ツイートの下にカードを表示させる (Twitter Summary Card)

ググったら、ズバリ方法を書いておられる方がいらっしゃいました。

神、ですね。

私も、こういうことを、纏めていきたいな。

ファーマーズハウスさわ

Bloggerで簡単にTwitterカードを設定する方法

https://www.nakakamado.com/2021/08/blogger-twitter-cards.html

以下の方法は、上記の方が纏めてくださった内容の、丸パクリの適用例です。

赤字部分は、背景画像にしておきました。

該当箇所

〜　<Head> 最下部に追記　〜

<meta content='summary_large_image' name='twitter:card'/>
<meta content='@May_Kirihara' name='twitter:site'/>
<meta content='@May_Kirihara' name='twitter:creator'/>
<b:if cond='data:blog.pageType == "index"'>
<meta expr:content='data:blog.title' name='twitter:title'/>
<b:else>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='twitter:title'/>
</b:else></b:if>
<b:if cond='data:blog.pageType == "index"'>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxxOuMjpDJQvwZPlCYrPwIaxAlJM2xG4mmo6xTO_KTP31OuvM7ISOlxY-STlEFU54kKiMedIFI9PF6Yei1jgniU894rS7jB03nRbASxjlhq36GQ4ybeDPH-HDmKs-LB2AlEkKmdx3YVyJE/s1600/BG.png' name='twitter:image'/>
<b:else>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
</b:else></b:if>

</head>

その他

・ページが見られないときはドメインの設定を見直せ

　DNSのレコード設定をもう一度見直せ

・とにかくHTTPSにしろ　平文は怖いです

・SSL証明書の設定も見直せ

・ドメイン設定をしても1時間くらいは繋がらないので茶を飲め

感想とToDo

・たのしい、ね。

・Google謹製なのでドメインパワーつよそう。（雰囲気）

・自分でHTML、CSS含めて結構弄れる。色々仕込めて楽しいよ。

　限界を感じたらWordpressを試してみたいね。

・noteで怒られそうなネタが、いっぱい仕込めるよ。

　あくまで悪ふざけ。ポリシーに反するので、悪いものは仕込まない。

・色選びは難しいけど、楽しいね。色彩検定UC級の勉強をしようと思う。

　まだ見づらいので、色々遊びながら格好良くしていきたいな。

・背景画像がnoteの流用なので、もっと遊んでいきたいな。

・CSSでTwitter表示用のブログカードを仕込めそうなので調べてみるよ。

・スマホ表示が寂しいので、これから弄るね。

・たのしい、ですよ。

登録: 投稿 (Atom)

Harakiriworks.Art ™

Containts.