@mitsuharu/vivliostyle-theme-iosdc-pamphlet 0.1.0 → 0.1.1

package/example/default.md

@@ -1,16 +1,64 @@
-# タイトル
+# バブルソートの説明
 
 <div class="author-info">
-名前（所属）<BR />
-SNS: アカウント
+サンプルたろう（株式会社????）<BR />
+𝕏: @????<BR />
+Bluesky: @????.bsky.social
 </div>
 
-祇園精舎の鐘の声、諸行無常の響きあり。沙羅双樹の花の色、盛者必衰の理をあらはす。おごれる人も久しからず。ただ春の夜の夢のごとし。たけき者も遂にはほろびぬ、ひとへに風の前の塵に同じ。
+バブルソートは、隣接する要素を比較して並べ替える簡単なソートアルゴリズムです。初学者にも分かりやすいように、Swift のコードと一緒にイラストと表を使って説明します。[^ChatGPT]
 
-## はじめに
+[^ChatGPT]: この文章と画像は ChatGPT で書きました
 
-寿限無寿限無五劫の擦り切れ海砂利水魚の水行末雲来末風来末食う寝る処に住む処やぶら小路の藪柑子パイポパイポパイポのシューリンガンシューリンガンのグーリンダイグーリンダイのポンポコピーのポンポコナーの長久命の長助
+## バブルソートのイラスト
+
+次のイラストは、バブルソートの過程を示しています。
+
+![バブルソートの過程](./images/bubble-sort.png){width=300}
+
+1. **初期状態**: ソートされていない配列が並んでいる
+2. **比較と交換**: 隣接する要素を比較し、必要に応じて交換する
+3. **最終状態**: 配列がソートされた状態になる
+
+## Swiftでのバブルソートのコード
 
 ```swift
-let test = "test"
+func bubbleSort(_ array: inout [Int]) {
+    let n = array.count
+    for i in 0..<n {
+        for j in 0..<n-i-1 {
+            if array[j] > array[j+1] {
+                let temp = array[j]
+                array[j] = array[j+1]
+                array[j+1] = temp
+            }
+        }
+    }
+}
+
+var numbers = [64, 34, 25, 12, 22, 11, 90]
+bubbleSort(&numbers)
+print("Sorted array: \(numbers)")
 ```
+
+### コードの説明
+
+1. **関数宣言**: `bubbleSort`関数は、整数の配列を受け取り、インデックスでアクセスして要素を並べ替える
+2. **外側のループ**: 配列全体を繰り返し処理する
+3. **内側のループ**: 隣接する要素を比較し、順番が逆であれば交換する
+4. **交換処理**: 要素を一時変数に保存し、隣接する要素と入れ替る
+
+## バブルソートの過程を示す表
+
+| イテレーション | 配列の状態              | 比較された要素         | 交換された要素 |
+|--------------|--------------------|-------------------|-------------|
+| 初期状態         | [64, 34, 25, 12, 22, 11, 90] | -                 | -           |
+| 1            | [34, 25, 12, 22, 11, 64, 90] | 64と34, 34と25, ... | 64と34       |
+| 2            | [25, 12, 22, 11, 34, 64, 90] | 34と25, 25と12, ... | 34と25       |
+| 3            | [12, 22, 11, 25, 34, 64, 90] | 25と12, 22と11, ... | 25と12       |
+| ...          | ...                | ...               | ...         |
+| 最終状態         | [11, 12, 22, 25, 34, 64, 90] | -                 | -           |
+
+この表は、各イテレーションごとに配列の状態がどのように変化するかを示しています。各ステップで、隣接する要素を比較し、必要に応じて交換することで、配列が徐々にソートされていきます。
+
+バブルソートは、シンプルなアルゴリズムですが、大規模なデータセットには効率的ではないため、学習目的や小規模なデータセットでの使用に適しています。

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mitsuharu/vivliostyle-theme-iosdc-pamphlet",
-  "description": "It is vivliostyle Theme for iOSDC Pamphlet",
-  "version": "0.1.0",
+  "description": "It is vivliostyle theme for iOSDC Japan pamphlet",
+  "version": "0.1.1",
   "author": "Mitsuharu Emoto <mthr1982@gmail.com>",
   "main": "theme.css",
   "scripts": {

package/theme.css

@@ -1,4 +1,7 @@
-@charset "UTF-8";
+@import url(../@vivliostyle/theme-base/theme-all.css);
+@import url(../@vivliostyle/theme-base/css/lib/prism/base.css);
+@import url(../@vivliostyle/theme-base/css/lib/prism/theme-okaidia.css);
+@import url(../@vivliostyle/theme-techbook/theme.css);
 
 code[class*=language-],
 pre[class*=language-] {

package/vivliostyle.config.js

@@ -1,6 +1,10 @@
 module.exports = {
   language: 'ja',
-  theme: ['node_modules/@vivliostyle/theme-base', '.'],
+  theme: [
+    'node_modules/@vivliostyle/theme-base',
+    'node_modules/@vivliostyle/theme-techbook',
+    '.',
+  ],
   entry: ['example/default.md'],
   workspaceDir: '.vivliostyle',
   output: [