🕌

Obsidianを始める方へ(v2.00)

2024/12/15に公開

はじめに

2年前に書いたObsidianを始める方へをv2.00にアップデートしました!

この文章以下をコピーして,サンプルソースとして使うと便利だと思います.

# Obsidian Sample Code

---

## 基本記法
基本的なマークダウン記法です.

### リスト
- 箇条書きリスト
	- 入れ子
1. 順列つきリスト
	1. 入れ子
- [ ] タスクリスト
	- [ ] 入れ子

### 強調
- **太字**
- *イタリック*
- ~~取り消し線~~
- ==マーカー==

### リンク
- 内部リンク:  [[Sample code]]
- 外部リンク: [Google](https://google.com)

### コードブロック
- インラインコード: `Sample Code`
- ブロックコード:バッククオート(\`\`\`)で囲みます


---

## テーブル (Advanced Tablesプラグイン)

| 項目   | 値   | 備考         |
| ------ | ---- | ------------ |
| Sample | 100  | サンプルデータ |
| Test   | 200  | テストデータ   |

---

## テンプレート (Templaterプラグイン)
Templaterで実行の設定をしないと実行ができません

- 作成日:  <% tp.date.now() %>
- タイトル: <% tp.file.title %>
- カスタムプロンプト: <% tp.prompt("入力してください:") %>

---

## 数式 (LaTeX)
数学的表現を分かりやすく、かつ実用性を高めるためのセクションです。

### インライン数式
- 実際の文中に組み込む場合に便利です。
- 例: $\sum_{i=1}^n i = \frac{n(n+1)}{2}$

### ブロック数式
- 数式を独立して強調する場合に使用します。
- 例:
$$
E=mc^2
$$

### 応用例: 行列と連立方程式

行列や複雑な式も簡潔に表現できます。

#### **行列表現**

$$
A = 
\begin{bmatrix}
a & b \\
c & d
\end{bmatrix}
$$


#### **連立方程式**

$$
\begin{cases}
ax + by = c \\
dx + ey = f
\end{cases}
$$

### カスタム例: カラフルな数式
LaTeX の `\textcolor` を活用して色を追加すると、強調表示に便利です。


$$
\textcolor{red}{E} = \textcolor{blue}{m}c^2
$$


---

## HTMLカスタマイズ

Markdown に HTML を埋め込むことで、デザインの幅を広げます。



### 中央揃え + カラー + サイズ調整
- HTML スタイルを使ってデザインを改善。

<div style="text-align: center; color: blue; font-weight: bold; font-size: 24px;">
    青色 + 大文字
</div>

<br><br>

### 応用: 影付きボックスデザイン
- ボックスの影やパディングを追加して目立たせることが可能です。

<div style="border: 2px solid #444; padding: 20px; border-radius: 10px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);">
    デザインを高めたボックス
</div>

<br><br>

### モバイル対応: 可変幅のレスポンシブデザイン
- **`width: 100%`** を使って可変幅を実現。

<div style="text-align: center; color: #fff; background-color: #555; padding: 10px; border-radius: 5px; width: 100%;">
    幅可変レスポンシブボックス
</div>


Obsidian上での見た目

Discussion