プロジェクト

全般

プロフィール

Typstで技術同人誌を書く。 » 履歴 » リビジョン 8

リビジョン 7 (kanata, 2025/04/27 10:03) → リビジョン 8/11 (kanata, 2025/05/08 20:08)

{{>toc}} 

 # Typstで技術同人誌を書く。 

 2024年11月3日より頒布開始です! 

 [技術書展17](https://techbookfest.org/event/tbf17)で頒布した技術同人誌です 

 {{rawhtml(<!-- と[コミックマーケット105](https://www.comiket.co.jp)と[技術書博覧会11](https://gishohaku.dev) -->)}} 

 {{rawhtml(<div class="iframely-embed"><div class="iframely-responsive" style="height: 140px; padding-bottom: 0;"><a href="https://techbookfest.org/event/tbf17" data-iframely-url="//iframely.net/tB0vE9l?card=small"></a></div></div><script async src="//iframely.net/embed.js"></script>)}} 

 # ご購入 

 ## 技術書典から 

 {{rawhtml(<div class="iframely-embed"><div class="iframely-responsive" style="padding-bottom: 52.5%; padding-top: 120px;"><a href="https://techbookfest.org/product/mSFLXEDy9TX7ymSmib198P" data-iframely-url="//iframely.net/AKvp15g"></a></div></div><script async src="//iframely.net/embed.js"></script>)}} 

 ## BOOTHから 

 TBD 

 # 内容 

 [[Typst]]は近年開発された Rust製の新しい組版ソフトウェアです。この書籍では[[Typst]]を用いて、技術同人誌をさっくり書き、印刷会社に入稿し、そして技術同人誌を完成させるまでの方法を解説します。 

 [[Typst]]で技術同人誌を作成した体験があまりにも良かったので、その良さをおすそ分けしようと思い、[[Typst]]の技術同人誌を書くことにしました。 本書にしたがって[[Typst]]を導入するとあっという間に執筆環境が構築できます!すぐできます。本書は、[[Typst]]で技術同人誌を最速で作る方法を解説します。 

 {{rawhtml(<img src="../../../../attachments/download/186/WriteWithATypst_p03.png" width=45% >)}}{{rawhtml(<img src="../../../../attachments/download/188/WriteWithATypst_p04.png" width=45% >)}}{{rawhtml(<img src="../../../../attachments/download/189/WriteWithATypst_p05.png" width=45% >)}} 

 ## 紙面サンプル 

 {{thumbnail(WriteWithATypst_p01.png)}}{{thumbnail(WriteWithATypst_p06.png)}}{{thumbnail(WriteWithATypst_p07.png)}}{{thumbnail(WriteWithATypst_p09.png)}}{{thumbnail(WriteWithATypst_p13.png)}}{{thumbnail(WriteWithATypst_p23.png)}}{{thumbnail(WriteWithATypst_p29.png)}}{{thumbnail(WriteWithATypst_p45.png)}}{{thumbnail(WriteWithATypst_p49.png)}}{{thumbnail(WriteWithATypst_p56.png)}}{{thumbnail(WriteWithATypst_p59.png)}} 

 # テンプレートのダウンロード 

 [[Typst]]からダウンロードできます(リンク先の画面下にある「> ファイル」をクリックして template.zip をダウンロードしてください) 

 # 6章の補足ダウンロード 

 本書(第一版)で案内した通り、6章の補足を提供します。 

 

 ### 第 6 章 ✏ 印刷 🐥補足🐥 2024/11/23 版 
 [20241123_WriteWithATypst_Chap6Addpw.zip](/attachments/download/200/20241123_WriteWithATypst_Chap6Addpw.zip) [20241123_WriteWithATypst_Chap6Addpw.zip](https://raintrees.net/attachments/download/965/20241123_WriteWithATypst_Chap6Addpw.zip) 
 >パスワードは、書籍に記載のあるパスワードの最初の8文字だけ(最初のハイフンの手前まで)を入力してください 
 >>パスワードの補足:長くて打ちにくいから短くしました、、っていう理由もあるのですが、TypstでPDFファイルにした際、ハイフン(-)が似てる別の文字(‒)に変換されちゃったみたいでした。なので書籍からコピペすると「パスワードが違うよ!」ってなります。大混乱しそうだったので、ハイフンが要らない最初の8文字だけにしてます。 

 

 # 正誤表 

 この世界には魔物が住んでいる。さんざん見直しして誤字脱字を除いたというのに、いざ頒布する段になって、この世に出現する誤字の魔物だ。 

 ## P6 

 誤 

 |     | Version | 
 |---|---------| 
 | Windows 11 Home | 22H2 | 
 | Visual Studio Code | 1.90.1 
 | Typst LSP | 0.13.0 
 | Typst Preview | 0.11.7 

 **正** 

 |     | Version | 
 |---|---------| 
 | Windows 11 Home | 23H2 | 
 | Visual Studio Code | 1.95.1 
 | Tinymist Typst | 0.12.0 

 >WindowsとVisual Studio Codeのバージョンは、まぁ常に変わっていくので大過ないのですが、Visual Studio Codeの拡張機能がTypst LSP・Typst Previewから、Tinymist Typstに変わっています。 
 >書き始めた頃は、確かに正しかったのですが、途中から(入稿前に)Tinymist Typstに事実上置き換わっています。 
 >本文はTinymist Typst前提で書かれています。 

 ## P52 

 誤 

 ``` 
 1. がんばれば高機能な GIMP で表紙が作れる 
 2. 印刷会社各所から表紙のテンプレートが提供されている 
 + 「断ち切り(裁ち落とし)」 を考慮してデザインする 
 1. 必要に応じて CYMK に変換する(印刷会社に要確認) 
 ``` 

 **正** 

 ``` 
 1. がんばれば高機能な GIMP で表紙が作れる 
 2. 印刷会社各所から表紙のテンプレートが提供されている 
 3. 「断ち切り(裁ち落とし)」 を考慮してデザインする 
 4. 必要に応じて CYMK に変換する(印刷会社に要確認) 
 ``` 

 >数字がおかしい。凡ミスです。許してください何でもしますから。 

 ## テンプレート(61~66行目) 

 以下の設定ですが、設定した順序(書いた順番)が悪いため有効になっていませんでした。 

 ``` 
 // 段落の最初の行がインデントされない問題への対応 
 // Typst最初の段落の字下げの調整方法 <https://zenn.dev/mkpoli/articles/34a5ea47468979> 

 #show heading: it => { 
     it 
     par(text(size: 0pt, "")) 
 } 
 ``` 

 上記の処理そのものを102行目以降にカット・アンド・ペーストで移動してもらえれば意図通り動作するようになります。 

 # 補足 

 * news#168 
 * 印刷所にお願いする時に必要な情報の追加記事をパスワード(購入した人のみ)つきで公開 
 * [まっさらなWindows11 Pro 24H2ではvscode拡張のTinymist Typstが動かなくて困った。解決した。Visual C++ 再頒布可能パッケージのx64をインストールしたら動いた。](https://x.com/HisafumiSaeki/status/1913975959801442760?t=8MjYCugyJgGEipKrtXOtcQ&s=09)