├── .editorconfig ├── .gitignore ├── Gemfile ├── Gruntfile.js ├── README.md ├── articles ├── 05-thinkScript.re ├── 07-howToOrder.re ├── 08-preparations.re ├── 09-morning.re ├── 10-eventTips.re ├── 11-afterevent.re ├── 13-booth.re ├── 14-Meetup.re ├── 15-aboutMoney.re ├── 16-tempTopix.re ├── assets │ └── sec-nombre │ │ └── sec-nombre.key ├── book-style.re ├── catalog.yml ├── codes │ ├── rake-images.rb │ └── rake-toggle.rb ├── config.yml ├── contributors.re ├── epub_style.scss ├── frontcover.re ├── images │ ├── .gitkeep │ ├── 10-eventTips │ │ └── UriageGraph.png │ ├── 15-aboutMoney │ │ └── CostGraph.png │ ├── 16-tempTopix │ │ ├── Commit.png │ │ ├── Contribute.png │ │ ├── motcurve.png │ │ └── motcurveblank.png │ ├── frontcover │ │ ├── C91cover.png │ │ ├── frontcover.png │ │ └── kenkyu_woman.png │ ├── preface │ │ └── first-tweet.png │ ├── prepare │ │ └── Setuei.png │ ├── sec-cover │ │ ├── cover-backbone.png │ │ ├── cover-badexample.png │ │ ├── cover-pdfsize.png │ │ ├── cover-pdfsize2.png │ │ ├── cover-samples1.jpg │ │ ├── cover-samples2.jpg │ │ ├── cover-samples3.jpg │ │ ├── cover-samples4.jpg │ │ ├── cover-samples5.jpg │ │ └── cover-slidesize.png │ ├── sec-image-win7 │ │ ├── win7_draw_cmd_1.png │ │ ├── win7_draw_ppt_1.png │ │ ├── win7_draw_ppt_10.png │ │ ├── win7_draw_ppt_11.png │ │ ├── win7_draw_ppt_12.png │ │ ├── win7_draw_ppt_13.png │ │ ├── win7_draw_ppt_14.png │ │ ├── win7_draw_ppt_15.png │ │ ├── win7_draw_ppt_16.png │ │ ├── win7_draw_ppt_17.png │ │ ├── win7_draw_ppt_18.png │ │ ├── win7_draw_ppt_19.png │ │ ├── win7_draw_ppt_2.png │ │ ├── win7_draw_ppt_20.png │ │ ├── win7_draw_ppt_21.png │ │ ├── win7_draw_ppt_3.png │ │ ├── win7_draw_ppt_4.png │ │ ├── win7_draw_ppt_5.png │ │ ├── win7_draw_ppt_6.png │ │ ├── win7_draw_ppt_7.png │ │ ├── win7_draw_ppt_8.png │ │ ├── win7_draw_ppt_9.png │ │ ├── win7_draw_reg_1.png │ │ ├── win7_draw_reg_10.png │ │ ├── win7_draw_reg_11.png │ │ ├── win7_draw_reg_2.png │ │ ├── win7_draw_reg_3.png │ │ ├── win7_draw_reg_4.png │ │ ├── win7_draw_reg_5.png │ │ ├── win7_draw_reg_6.png │ │ ├── win7_draw_reg_7.png │ │ ├── win7_draw_reg_8.png │ │ └── win7_draw_reg_9.png │ ├── sec-image │ │ ├── .DS_Store │ │ ├── AboutThisMacbook.png │ │ ├── AboutThisMacbookAir.png │ │ ├── example1.png │ │ ├── example2.png │ │ ├── example3.png │ │ ├── example4.png │ │ ├── example5.png │ │ ├── high-resolution.png │ │ ├── keynote-bgbox.png │ │ ├── keynote-enlarge.png │ │ ├── keynote-installed.png │ │ ├── keynote-newimage.png │ │ ├── keynote-screenshot.png │ │ └── low-resolution.png │ ├── sec-nombre │ │ ├── .DS_Store │ │ ├── acrobat-reader.png │ │ ├── ilovepdf-english.png │ │ ├── ilovepdf-english_retina.png │ │ ├── ilovepdf-form.png │ │ ├── ilovepdf-form_retina.png │ │ ├── ilovepdf-top.png │ │ ├── ilovepdf-top_retina.png │ │ ├── nombre-overview.png │ │ └── nombre-place.png │ ├── sec-windows7-installation │ │ ├── ReviewWin7_dvioutinst.png │ │ ├── ReviewWin7_gsinst_1_start.png │ │ ├── ReviewWin7_gsinst_2_license.png │ │ ├── ReviewWin7_gsinst_3_path.png │ │ ├── ReviewWin7_gsinst_4_finish.png │ │ ├── ReviewWin7_gsviewinst_1_start.png │ │ ├── ReviewWin7_gsviewinst_2_lang.png │ │ ├── ReviewWin7_gsviewinst_3_check.png │ │ ├── ReviewWin7_gsviewinst_4_license.png │ │ ├── ReviewWin7_gsviewinst_5_pref.png │ │ ├── ReviewWin7_gsviewinst_6_path.png │ │ ├── ReviewWin7_gsviewinst_7_startmenu.png │ │ ├── ReviewWin7_gsviewinst_8_finish.png │ │ ├── ReviewWin7_pdfmake_1_init.png │ │ ├── ReviewWin7_pdfmake_2_progress.png │ │ ├── ReviewWin7_pdfmake_3_error.png │ │ ├── ReviewWin7_pdfmake_4_result.png │ │ ├── ReviewWin7_reviewinst.png │ │ ├── ReviewWin7_rubyinst_1_license.png │ │ ├── ReviewWin7_rubyinst_2_path.png │ │ ├── ReviewWin7_rubyinst_3_progress.png │ │ ├── ReviewWin7_rubyinst_4_finish.png │ │ ├── ReviewWin7_rubyinst_5_startmenu.png │ │ ├── ReviewWin7_rubyinst_6_prompt.png │ │ ├── ReviewWin7_rubyinst_7_confirm.png │ │ ├── ReviewWin7_rubyinst_exe.png │ │ ├── ReviewWin7_sty_1.png │ │ ├── ReviewWin7_sty_2.png │ │ ├── ReviewWin7_texinst_10_reboot.png │ │ ├── ReviewWin7_texinst_11_cmd.png │ │ ├── ReviewWin7_texinst_12_confirm.png │ │ ├── ReviewWin7_texinst_1_start.png │ │ ├── ReviewWin7_texinst_2_1_path_org.png │ │ ├── ReviewWin7_texinst_2_2_path_changed.png │ │ ├── ReviewWin7_texinst_3_url.png │ │ ├── ReviewWin7_texinst_4_texwork.png │ │ ├── ReviewWin7_texinst_5_confirm.png │ │ ├── ReviewWin7_texinst_6_others.png │ │ ├── ReviewWin7_texinst_7_download.png │ │ ├── ReviewWin7_texinst_8_progress.png │ │ ├── ReviewWin7_texinst_9_finish.png │ │ ├── ReviewWin7_texinst_exe.png │ │ ├── ReviewWin7_texinst_extract.png │ │ ├── ReviewWin7_vscode_10_pdfmaker.png │ │ ├── ReviewWin7_vscode_1_extension.png │ │ ├── ReviewWin7_vscode_2_openfolder.png │ │ ├── ReviewWin7_vscode_3_selectfolder.png │ │ ├── ReviewWin7_vscode_4_workspace.png │ │ ├── ReviewWin7_vscode_5_edit.png │ │ ├── ReviewWin7_vscode_6_preview.png │ │ ├── ReviewWin7_vscode_7_runterminal.png │ │ └── ReviewWin7_vscode_8_terminal.png │ └── sec-word-intro │ │ ├── word_intro_chapter_1.png │ │ ├── word_intro_chapter_2.png │ │ ├── word_intro_chapter_3.png │ │ ├── word_intro_chapter_4.png │ │ ├── word_intro_fig_1.png │ │ ├── word_intro_fig_2.png │ │ ├── word_intro_fig_3.png │ │ ├── word_intro_fig_4.png │ │ ├── word_intro_fig_5.png │ │ ├── word_intro_fig_6.png │ │ ├── word_intro_header_1.png │ │ ├── word_intro_header_10.png │ │ ├── word_intro_header_2.png │ │ ├── word_intro_header_3.png │ │ ├── word_intro_header_4.png │ │ ├── word_intro_header_5.png │ │ ├── word_intro_header_6.png │ │ ├── word_intro_header_7.png │ │ ├── word_intro_header_8.png │ │ ├── word_intro_header_9.png │ │ ├── word_intro_mode_1.png │ │ ├── word_intro_mode_2.png │ │ ├── word_intro_pref_1.png │ │ ├── word_intro_pref_10.png │ │ ├── word_intro_pref_11.png │ │ ├── word_intro_pref_12.png │ │ ├── word_intro_pref_13.png │ │ ├── word_intro_pref_14.png │ │ ├── word_intro_pref_2.png │ │ ├── word_intro_pref_3.png │ │ ├── word_intro_pref_4.png │ │ ├── word_intro_pref_5.png │ │ ├── word_intro_pref_6.png │ │ ├── word_intro_pref_7.png │ │ ├── word_intro_pref_8.png │ │ ├── word_intro_pref_9.png │ │ ├── word_intro_style_1.png │ │ ├── word_intro_style_10.png │ │ ├── word_intro_style_11.png │ │ ├── word_intro_style_12.png │ │ ├── word_intro_style_13.png │ │ ├── word_intro_style_2.png │ │ ├── word_intro_style_3.png │ │ ├── word_intro_style_4.png │ │ ├── word_intro_style_5.png │ │ ├── word_intro_style_6.png │ │ ├── word_intro_style_7.png │ │ ├── word_intro_style_8.png │ │ ├── word_intro_style_9.png │ │ ├── word_intro_toc_1.png │ │ ├── word_intro_toc_2.png │ │ ├── word_intro_toc_3.png │ │ ├── word_intro_toc_4.png │ │ ├── word_intro_toc_5.png │ │ └── word_intro_toc_6.png ├── layouts │ └── layout.tex.erb ├── locale.yml ├── material │ └── chapter_9 │ │ ├── ExportBitmapResolution_300dpi_win7_x64_office2010.reg │ │ └── Readme.txt ├── postscript.re ├── preface.re ├── prepare.re ├── prepare_ykichinmiya.re ├── prh.yml ├── sample │ └── 01-writing │ │ └── hoge.re ├── sec-cover.re ├── sec-image-win7.re ├── sec-image.re ├── sec-nombre.re ├── sec-windows7-installation.re ├── sec-word-intro.re ├── sty │ ├── jumoline.sty │ ├── onestop-techbook.sty │ ├── reviewmacro.sty │ ├── samplemacro.sty │ ├── tatsumacro.sty │ └── ulem.sty ├── style-web.scss ├── style.scss └── writing.re ├── build-in-docker.sh ├── package-lock.json ├── package.json ├── prh-rules ├── README.ja.md ├── README.md ├── languages │ └── ja │ │ └── typo.yml ├── media │ ├── WEB+DB_PRESS.yml │ └── techbooster.yml ├── package.json ├── terms │ ├── android.yml │ ├── javascript.yml │ ├── review.yml │ ├── software.yml │ └── trademark.yml └── test.js ├── redpen-conf-ja.xml ├── setup.sh ├── site ├── .gitignore ├── config.toml ├── content │ ├── blog │ │ └── test.md │ └── purpose │ │ └── index.md ├── layouts │ ├── _default │ │ └── single.html │ ├── blog │ │ └── li.html │ ├── books │ │ └── li.html │ ├── index.html │ ├── partials │ │ ├── foot.html │ │ └── head.html │ └── section │ │ ├── blog.html │ │ └── books.html └── static │ └── img │ └── .gitkeep └── wercker.yml /.editorconfig: -------------------------------------------------------------------------------- 1 | [*.re] 2 | indent_size = 4 3 | indent_style = tab 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | Gemfile.lock 3 | *.pdf 4 | 5 | articles/*.html 6 | 7 | #ignore custom config file used on a Re:View environment including W32TeX and Ruby running on Windows 7 8 | articles/config_W32TeX.yml 9 | 10 | #ignore Visual Studio Code Workspace 11 | *.code-workspace 12 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | # A sample Gemfile 2 | source "https://rubygems.org" 3 | 4 | gem 'review', '2.2.0' 5 | gem 'review-peg', '0.2.2' 6 | -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | let fs = require("fs"); 4 | let yaml = require("js-yaml"); 5 | 6 | const articles = "articles"; 7 | const bookConfig = yaml.safeLoad(fs.readFileSync(`${articles}/config.yml`, "utf8")); 8 | 9 | const reviewPrefix = process.env["REVIEW_PREFIX"] || "bundle exec "; 10 | const reviewPostfix = process.env["REVIEW_POSTFIX"] || ""; // REVIEW_POSTFIX="-peg" npm run pdf とかするとPEGでビルドできるよ 11 | const reviewPreproc = `${reviewPrefix}review-preproc${reviewPostfix}`; 12 | const reviewCompile = `${reviewPrefix}review-compile${reviewPostfix}`; 13 | const reviewPdfMaker = `${reviewPrefix}review-pdfmaker${reviewPostfix}`; 14 | const reviewEpubMaker = `${reviewPrefix}review-epubmaker${reviewPostfix}`; 15 | 16 | module.exports = grunt => { 17 | grunt.initConfig({ 18 | clean: { 19 | review: { 20 | src: [ 21 | `${articles}/${bookConfig.bookname}-*/`, // pdf, epub temp dir 22 | `${articles}/*.pdf`, 23 | `${articles}/*.epub`, 24 | `${articles}/*.html`, 25 | `${articles}/*.md`, 26 | `${articles}/*.xml`, 27 | `${articles}/*.txt` 28 | ] 29 | } 30 | }, 31 | shell: { 32 | preprocess: { 33 | options: { 34 | execOptions: { 35 | cwd: articles, 36 | } 37 | }, 38 | command: `${reviewPreproc} -r --tabwidth=2 *.re` 39 | }, 40 | compile2text: { 41 | options: { 42 | execOptions: { 43 | cwd: articles, 44 | } 45 | }, 46 | command: `${reviewCompile} --target=text` 47 | }, 48 | compile2markdown: { 49 | options: { 50 | execOptions: { 51 | cwd: articles, 52 | } 53 | }, 54 | command: `${reviewCompile} --target=markdown` 55 | }, 56 | compile2html: { 57 | options: { 58 | execOptions: { 59 | cwd: articles, 60 | } 61 | }, 62 | command: `${reviewCompile} --target=html --stylesheet=style.css --chapterlink` 63 | }, 64 | compile2latex: { 65 | options: { 66 | execOptions: { 67 | cwd: articles, 68 | } 69 | }, 70 | command: `${reviewCompile} --target=latex --footnotetext` 71 | }, 72 | compile2idgxml: { 73 | options: { 74 | execOptions: { 75 | cwd: articles, 76 | } 77 | }, 78 | command: `${reviewCompile} --target=idgxml` 79 | }, 80 | compile2pdf: { 81 | options: { 82 | execOptions: { 83 | cwd: articles, 84 | } 85 | }, 86 | command: `${reviewPdfMaker} config.yml` 87 | }, 88 | compile2epub: { 89 | options: { 90 | execOptions: { 91 | cwd: articles, 92 | } 93 | }, 94 | command: `${reviewEpubMaker} config.yml` 95 | } 96 | } 97 | }); 98 | 99 | function generateTask(target) { 100 | return ["clean", "shell:preprocess", `shell:compile2${target}`]; 101 | } 102 | 103 | grunt.registerTask( 104 | "default", 105 | "原稿をコンパイルしてPDFファイルにする", 106 | "pdf"); 107 | 108 | grunt.registerTask( 109 | "text", 110 | "原稿をコンパイルしてTextファイルにする", 111 | generateTask("text")); 112 | 113 | grunt.registerTask( 114 | "markdown", 115 | "原稿をコンパイルしてMarkdownファイルにする", 116 | generateTask("markdown")); 117 | 118 | grunt.registerTask( 119 | "html", 120 | "原稿をコンパイルしてHTMLファイルにする", 121 | generateTask("html")); 122 | 123 | grunt.registerTask( 124 | "idgxml", 125 | "原稿をコンパイルしてInDesign用XMLファイルにする", 126 | generateTask("idgxml")); 127 | 128 | grunt.registerTask( 129 | "pdf", 130 | "原稿をコンパイルしてpdfファイルにする", 131 | generateTask("pdf")); 132 | 133 | grunt.registerTask( 134 | "epub", 135 | "原稿をコンパイルしてepubファイルにする", 136 | generateTask("epub")); 137 | 138 | require('load-grunt-tasks')(grunt); 139 | }; 140 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ワンストップ！技術同人誌を書こう(仮) 2 | 3 | ## 概要説明 4 | このリポジトリは[親方Project活動記録 C93合同誌：「ワンストップ！技術同人誌を書こう\(仮\)」　の企画要旨説明](http://oyakata2.blog104.fc2.com/blog-entry-13.html)な同人誌のものです。 5 | 6 | 参加いただける方は、[@oyakata2438](https://twitter.com/oyakata2438)までご連絡ください。 7 | 8 | ## この本の最終目的 9 | 技術書典およびコミケ、その他で、技術書（技術系同人誌）を書いてみたい人が、「これ一冊で」本を作ってイベントで配布するまでの基本的な流れが全て把握可能な、マニュアル的同人誌を作る。 10 | 11 | C93に配布予定でして、「購入者がそれを参考にして4月開催（かも）の技術書典4に参加する」なんてのがあるとステキですよね。 12 | 13 | というわけで、皆さんの同人活動におけるノウハウを教えてください。 14 | 15 | 執筆方法は…Githubのブランチをforkして、各々コミットしてください。 16 | プルリク上げてもらうか、メンバーなら直接PushでもOKです。 17 | 章追加は、catalog.ymlに追記してください。（追記しないと、pdfに組み込まれませんよｗ） 18 | 19 | 不明点があれば、issueかツイッターあたりで誰かに聞くと、誰かが答えてくれるかも。 20 | 21 | ここをこうした方がいい、とか、提案は大歓迎（よろしくお願いします・・・） 22 | 23 | ## 執筆・配布スケジュール（逆算） 24 | 12月10日：原稿確定→入稿（11日夜予定） 25 | 26 | 12月5日頃：個別原稿一次締め切り→クロスレビュー 27 | 28 | 12月1日頃：もくじ確定 29 | 30 | 11月1日　執筆者募集開始→目次は順次集約（執筆者が適宜追加） 31 | 32 | ## 筆者紹介兼あとがき 33 | Contributorsに、自己紹介と、執筆者コメントを忘れずに入れてください。HPとか、ツイッターとか、GitIDとか、自由に入れてください。またこの企画に参加してくれた理由とか、今後の技術書クラスタに期待すること、自分の活動の振り返りでも、なんでもありです。5行～10行くらいでお願いします。 34 | 35 | ## 執筆にあたってのお願い 36 | 37 | C93で一度発行しましたので、C93版をC93-Finalというブランチ切りました。今後、基本的にはこのブランチはRead Onlyでお願いします。逆に、Masterへの追記はOKです。（2/4追記） 38 | 39 | ネタがかぶらないよう/かぶってもよいようにするため 40 | 41 | （1）早めに目次にコミットする（執筆者の皆様へのお願い） 42 | 43 | （2）かぶっても「うちはこうしている」という形で残す（コラム化する・別節にするなど） 44 | 45 | として、ボツにしなくてすむようにしたいです。 46 | 47 | もし既存の項目があって、あえて「うちはこうしている」と明示的にやりたい場合は、その旨表明いただければ、なんとかします。 48 | 49 | ## 今のところの参加者（11/22） 50 | 51 | 親方 52 | 53 | @erukitiさん 54 | 55 | せとあずさん 56 | 57 | もふもふさん 58 | 59 | なかひこくん 60 | 61 | 病葉さん 62 | 63 | ゆきさん 64 | 65 | Kauplanさん 66 | 67 | 湊川さん 68 | 69 | 暗黙の型宣言さん 70 | 　（把握している限り&順不同）適宜追加します… 71 | 72 | ## CI 73 | 74 | [![wercker status](https://app.wercker.com/status/7193689c89e58981853142a1e3d685b1/s/master "wercker status")](https://app.wercker.com/project/byKey/7193689c89e58981853142a1e3d685b1) 75 | 76 | werckerを使っています。リポジトリが更新されると自動でPDFが出力されます。 77 | 78 | * https://app.wercker.com/onestop-techbook/c93-onestop-techbook/runs 79 | 80 | ## このテンプレートのビルドの仕方は？ 81 | 82 | 細かい準備(TeX入れたり)は[『技術書をかこう！』](https://github.com/TechBooster/C89-FirstStepReVIEW-v2)に準じます。 83 | 84 | ベースには、[TechBooster/ReVIEW\-Template: TechBoosterで利用しているRe:VIEWのテンプレート（B5/A5/電子書籍）](https://github.com/TechBooster/ReVIEW-Template) を使っています。 85 | 86 | 87 | ### Dockerを使う方法 88 | 89 | Dockerを使うのが一番手軽です。 90 | 91 | ```sh 92 | $ docker run --rm -v `pwd`:/work vvakame/review /bin/sh -c "cd /work/articles ; review-pdfmaker config.yml" 93 | ``` 94 | 95 | articles/c93-onestop-techbook.pdfが生成されます。 96 | 97 | ### RubyやNode.jsをなんとかインストールして 98 | 99 | ```sh 100 | $ npm run global 101 | $ npm install 102 | ``` 103 | 104 | を叩くとインストールが完了してたり、 105 | 106 | ```sh 107 | $ npm run pdf 108 | ``` 109 | 110 | Dockerの時同様に、articles/c93-onestop-techbook.pdfが生成されます。 111 | 112 | ----- 113 | 114 | ## Re:VIEWの使い方は？ 115 | 116 | [技術書をかこう！?はじめてのRe:VIEW?改訂版](https://github.com/TechBooster/C89-FirstStepReVIEW-v2) 117 | のリポジトリで解説しています。Re:VIEWに対応した執筆ノウハウ本です。 118 | Re:VIEWの使い方と制作にあたっての企画?執筆?編集?告知?会場頒布までのノウハウをギュッと詰めています。 119 | 120 | https://techbooster.booth.pm/ でPDF版の販売予定があります 121 | 122 | ## 環境の準備 123 | 124 | 本書は[Atom](https://atom.io/)で[language-review](https://atom.io/packages/language-review)と[linter-redpen](https://atom.io/packages/linter-redpen)を導入している前提です。 125 | 内部的に[RedPen](http://redpen.cc/)を利用するため、 `brew install redpen` とかしておいてください。 126 | 127 | Atom以外の環境の場合、[prh](https://github.com/vvakame/prh)または[reviewjs-prh](https://github.com/vvakame/reviewjs-prh)とRedPenを自力でなんとか頑張って適用してください。 128 | 129 | 警告やlintのエラーを放置して編集に突入してしまうと @mhidaka が過労で死にます。 130 | RedPenは試験的に導入したため、知見やルールについてまだ固まっていません。 131 | 意見・感想・修正案などあれば @mhidaka までご相談ください。 132 | 133 | ### PDF出力する 134 | 135 | rbenvやnodebrewを利用してRubyやNode.jsの準備をしている前提です。 136 | もしそうではない場合、適宜sudoを補うこと。 137 | Node.jsは4.x系以上が必須です。 138 | 139 | graphvizを使ったのでbrew install graphvizとかが必要かもしれません。 140 | 141 | ``` 142 | $ gem install bundler 143 | $ git clone git@github.com:TechBooster/ReVIEW-Template.git 144 | $ cd ReVIEW-Template 145 | $ git submodule init 146 | $ git submodule update 147 | $ npm install 148 | $ npm run pdf 149 | ``` 150 | 151 | ### Re:VIEWコマンドでPDFを出力する 152 | 153 | セットアップが完了していれば `npm run pdf` のかわりに 154 | ``` 155 | $ cd ReVIEW-Template/articles 156 | $ review-pdfmaker config.yml 157 | ``` 158 | 159 | でも生成できます。 160 | 161 | ### Dockerを使う 162 | 163 | TeXの環境構築が困難な場合、一式セットアップ済みの[dockerイメージ](https://registry.hub.docker.com/u/vvakame/review/)を用意してあるので使ってください。 164 | Dockerがうまく動くようになっている場合、以下のコマンドで細かい準備なしにビルドを行うことができます。 165 | 166 | ``` 167 | $ docker pull vvakame/review 168 | $ ./build-in-docker.sh 169 | ``` 170 | 171 | ### 権利 172 | 173 | * 設定ファイル、テンプレートなど制作環境（techbooster-doujin.styなど）はMITライセンスです 174 | * 再配布などMITライセンスで定める範囲で権利者表記をおねがいします 175 | * 本設定を使って生成した書籍は現段階のRe:VIEWではソフトウェアたりえません。したがってライセンスは発生しません（あとがきなどへの表記はあると嬉しいものの生成物での表記は不要です） 176 | -------------------------------------------------------------------------------- /articles/05-thinkScript.re: -------------------------------------------------------------------------------- 1 | = ネタだし法 2 | 3 | 本を作るにはネタがないと話は始まりません。ですが「すべての事象はネタたりうる」というくらい、切り取り方次第で同人誌のネタとなります。本章では、自分が持っているタネをネタにする方法について述べます。 4 | 5 | == 全ての事象はネタたりうる 6 | 7 | そもそもネタとは何者なのでしょうか。ここでのネタとは、同人誌の内容そのもののことです。 8 | 9 | 同人誌を作ろうと思ったのはいいけれど、何を書いたらいいのかわからない！というあなた。難しく考える必要はありません。自分が持っている技術のタネをうまく切り取り、育てることでネタはいくつも作れます。 10 | 11 | このとき、ネタというのはソフトウェア技術には限りません。技術書典もコミケも、少なからず電子工作勢や、デザイナー勢もいます。技術的な何かでさえあればいいのです。 12 | 13 | ネタはいくつかの区分に分けることができるのです。1つずつ紹介します。 14 | 15 | === ネタ案その1:技術の紹介 16 | 17 | よく使っていてお気に入りの技術はありませんか？誰かに話したくてたまらないような技術があるならちょうどいい機会です。 18 | ぜひとも布教しましょう。 19 | その思い、そのまま同人誌にぶつけてください。みんなそういうネタが大好きです。具体例としては、 20 | 21 | * ある言語のライブラリ紹介 22 | * ミドルウェアの使用法とユースケース紹介 23 | * 運用時に便利なLinuxコマンド集 24 | * あまり知られてないけど好きなプログラミング言語の解説 25 | * ユニットテスト技法、設計技法、アジャイルテクニック 26 | * 電子工作・IoTの解説 27 | //noindent 28 | などが挙げられます。 29 | 30 | このネタの良いところは、好き駆動で同人誌を書き進めることができるという点です。好き駆動開発に勝るものは何もありません。 31 | 話したいことを全て詰め込めば、それなりのボリュームになるはずです。読んでいる側としても読み応えがあり、新しい分野の知見を深めることができます。 32 | 33 | ただし、紹介系のネタは技術用語と解説の羅列になりやすく、文章が単調になりがちです。技術の紹介とユースケースを織り交ぜて説明することで、 34 | 読者は自分が使うことを想像しやすくなります。もしかすると、あなたの同人誌のおかげで紹介した技術のユーザーが1人増えるかもしれませんよ。 35 | 36 | マイナーな技術の情報なんかも、求めてる人が意外にいるものです。資料がウェブ上で見当たらない、英語の情報しか無い、英語ですら無い、ソースコードを読めば実はわかりやすい、仲間内の暗黙知だけど文章になっていないもの、というような技術はよくあります。それらをあなたの言葉で記事にするだけで十分に同人誌として成立するのです。あなたにとっての当たり前も、他の人にとっては喉から手が出るほどほしいものだったりすること、よくあります。 37 | 38 | === ネタ案その2:困ったを解決した系 39 | 40 | ある技術を使っていた/使おうとしたら"はまって"しまったことや、作った成果物が壊れてしまい慌てて直した経験はありますか？ 41 | その苦い知見を共有することで、同じ轍を踏んでしまう人を少なくすることができるかもしれません。これは世界に対する貢献であり、世界平和への第一歩なのであります。 42 | 43 | …と大げさに書いてしまいましたが、実はトラブルシュート系のネタを扱う技術系同人誌はあまり多くありません。 44 | 自分が困ったことは、120%他の人も同じように困っています。あなたの知見を世界は待っているのです。 45 | 例えば、 46 | 47 | * インフラ系の運用知識やトラブルに対する対処法 48 | * プログラミング中にエラーが出ても慌てないようにするための知見 49 | * Gitトラブルあるあると対処法 50 | * ミドルウェアをいかにチューニングして落ちないようにするか 51 | * あるAPIにまつわるバッドノウハウ 52 | //noindent 53 | など、はまりそうなものをトピックとして挙げればキリがありません。でもそれがいいのです。 54 | 55 | 自分の体験を元に書くことができるので、オリジナリティを出しやすいのがこのネタの良いところです。 56 | さらに同人誌を書くことで、自分自身の行動を冷静に振り返ることができます。 57 | 58 | しかし、いきなりトラブルの事例と対処法だけ説明されても読者は困ってしまいます。 59 | 文章にコンテキストを含みやすくなるため、出てくる単語は全て定義し、最低限の説明は怠らないようにしましょう。 60 | 文量も稼ぐことができ、一石二鳥です。 61 | 62 | === ネタ案その3:〇〇やってみた系 63 | 64 | まるでYouTubeやニコニコ動画にありそうなネタですね。これは先に具体例を紹介します。 65 | 66 | * 気になるフレームワークを使ってWebアプリ作ってみた 67 | * 初心者がUnityでゲーム作ってみた 68 | * スマートフォンアプリを作って公開したら、赤字になった 69 | * 電子工作でアート作品作ってみた 70 | * 秋葉原で部品を買ってPC作ってみた 71 | 72 | いかがでしょうか？あまり普段はやらないけど、ちょっと興味あることはありませんか？ 73 | それ、同人誌のネタになりますよ。 74 | 75 | このネタは初心者であればあるほど輝きます。というのも、このネタを求めている読者は 76 | 同じ初心者である可能性が高いからです。初心者にしかわからないつまづきや、面白いと感じた感想は 77 | 同類を勇気付ることができます。ありがたい！ 78 | 79 | ネタの精度を上げるためには、実施した記録が全て再現できるかきちんと確認しておくと良いです。 80 | 初心者は何から手をつけて良いかわからないからこそ、あなたの知見を欲しているのです。 81 | その欲求に誠実に答えるのであれば、きちんと動くコードやプロパティが紹介されているかしっかり確認しましょう。 82 | 操作手順を画面キャプチャし、本文に挿入するのもおすすめです。 83 | 84 | ====[column] 全部書くのススメ :　親方 85 | 技術系同人誌を書く場合、初歩的なことこそ丁寧に書くことをおすすめします。インストールや環境設定、使い方でハマりやすいところ（より具体的には自分が躓いたところ）は確実に他の人もつまづきます。 86 | 87 | このライブラリを入れないとこんなエラーが出るとか、最新バージョンでやったらダメで、一個前のでないと動かないよ、とかいった情報は前提知識がないと脱出までに時間もかかりますし、本質ではないところであるからこそ、つまづいた挙句、モチベーションを下げる、もうやーめた、になります。だからこそ、一から十まで丁寧にかくことで、「本のとおりにやったのに動かない」ということを避けることができます。 88 | 89 | コードの書き方を例に示したいと思います。普通レベルの人ならわかっているおまじないでも、初心者はハマります。ですから、最初は本当のコードレベルの冗長さは必要です。2回目以降は、理解によって(あるいは想定する読者のレベルによって)調整すればよいのです。 90 | 91 | //image[Code][本当のコードと本に書いてあるコード][scale=0.8]{ 92 | //} 93 | 94 | 「本のとおりにやったのに動かない」は、初心者のモチベーションを最も下げる要因ですから、注意したいものです。 95 | 96 | おまけに、本文の分量も稼げます。技術書において、厚いは正義です。 97 | 98 | ====[/column] 99 | 100 | == ネタが出やすい環境 101 | 102 | ネタの種類についてはよくわかりました。でも肝心のMyネタが降りてこなければ困ってしまいます。 103 | そこで、ネタをいかに出しやすくするかについて語りたいと思います。 104 | 105 | === ネタが出やすい場所3B 106 | 107 | ネタが出やすい場所3B、ご存知でしょうか。Bus、Bath、Bedを合わせて3Bと呼ばれています。 108 | 109 | まずBus（移動中）です。電車やバスに乗っているときは普段より思考する量が少なくなるのかわかりませんが、 110 | 普段なら思いつかないネタが出てきやすい環境です。広告や街の景色にヒントをもらうことができる環境でもあります。 111 | 112 | 次はBath（お風呂）です。血行がよくなり頭に血が巡るので、いいネタが出やすい環境です。 113 | この章を書いているもふもふはお風呂でネタの中身を練っていることが多いです。 114 | 115 | 最後はBed（布団の中）です。究極のパラダイスです。特に冬は永遠に篭っていられますね。 116 | 寝る前よりは起きた後にいいネタを思いつく率が高いです。脳は眠っている間に記憶を整理するので、 117 | その影響でいいネタがでるのでは、と仮説をたてています。 118 | 119 | === ネタだ、捕まえろ！ 120 | 121 | ネタはちょうちょによく似ています。ふわりと飛んできてすぐどこかへ消えてしまうからです。 122 | ちょうちょが飛んでいるのは可愛らしいですが、ネタに飛んでいかれてしまうのはとても困ります。 123 | どうすれば思いついたネタを捕まえておくことができるのでしょうか。 124 | 125 | おすすめの方法は、いつもメモ帳を持ち歩くことです。ここでのメモ帳ですが、スマートフォンの 126 | メモ帳でも構いません。重要なことは、自分の思考を何かに書き残しておくことです。 127 | だいたい1日経てば何を思ったのか忘れてしまいますよね。特にコーディングをされる方は 128 | 強く実感されているのではと思います。何事もこまめに記録をつけることが大事、これはどの世界でも変わりませんね。 129 | 130 | 特に、起きた後思いついたネタはすぐ忘れやすいです。枕元にスマートフォンを置いておけば 131 | すぐにメモが取れるのでおすすめです。寝ている間に踏みつぶさないように気をつけてください。 132 | 133 | 今度はあなたがネタを出す番です。とびっきりのネタ、待ってます！ 134 | 135 | ====[column] 差分執筆　：親方 136 | 137 | ネタに困ったとき、あるいは続き物を書いているときに有力な方法が、差分執筆です。 138 | 139 | まず、差分執筆とはなにか、ですが、ぶっちゃけ言ってしまうと、前回からの進捗、あるいは今回の締め切りまでにやったことを文字にして、書けた分だけを出版するという方法です。今何かを作っていて、それの構成要素がたくさんあるときに、もちろん全体を書くことができれば良いのですが、時間的制約、自分の技術力、あるいはその他の制約から、全体システムの一部しか作れない、あるいは書けないい事があります。特に、電子工作のように、ものづくりをする場合など、その傾向は顕著かもしれませんね。その時は、今回実装した分、ということで執筆しても構わないと考えます。実際私はその方法で本を書き続けています。 140 | 141 | 例えば、何かのマイコンを使って、温度を測定して、それを記録して、Webにも上げるというシステムを作る場合を考えます。そのときに必要な内容は、マイコンの選定、温度センサの選定と実装、記録する部分の設計・実装、Web/通信部分の実装、電源、筐体、その他詳細仕様、様々な実装が含まれます。ソフト・言語の解説も同じかもしれませんね。模式的に構成技術を図にすると、図のようになります。 142 | 143 | //image[bookcontents][実装システムの構成要素と本にする内容の例][scale=0.8]{ 144 | //} 145 | 146 | 差分執筆では、手を付けたところから書けば良いのです。今回は、例えば、こんなマイコンを選んでその特徴はxxで、温度計繋いだよ。2冊めでは、SDカードに記録できるようになったのと、バッテリー容量最適化したので、1ヶ月動く装置になりました。次回は、Web連携を実装します。全然ありです。全部完成させてからでないと本が書けないということは全くありません。書けた部分を書けばよいのです。 147 | 148 | ====[/column] 149 | 150 | === 張り詰めてから緩める 151 | 152 | 集中的に執筆なりコーディングなりをして張り詰めた状態を続けると、少しずつ視野がせまくなることもあります。これはこれで集中力が発露した状態ではありますが、これを逆のパターンで利用する方法があります。たとえば2日缶詰状態でひたすら書いて、それからじっくり風呂入って寝るのです。朝起きたとき、自分が書いていた原稿の誤字・脱字、足りないモノ、ミス、そういったものを見つけやすくなっていることに気づくでしょう。 153 | 154 | このテクニックは執筆中に使えますが、もちろんネタだしにも使えます。プログラミングに熱中している、仕事を頑張っている、スプラトゥーンでガチマッチしまくってる、など何かに集中した状態から張り詰めたものを緩めるのです。緩まった時は普通よりもインスピレーション力が高まっているはずです。あー、そういえばこのネタ書きたいなとか、そういうのを思いつける確率があがるでしょう。 155 | 156 | ====[column] 緩める・リラックスするテクニック : @erukti 157 | 158 | 呼吸に意識を集中する、散歩やサイクリングで自分のバランス感覚や筋肉に意識を集中するなど、身体感覚に耳を澄ませるとリラックスしやすいです。 159 | 160 | たとえば、アメリカの特殊部隊もやっているというボックスブレッシングというテクニックがあります。 161 | 162 | 1. 4秒で息を吸う 163 | 2. 肺に空気がたまった状態で4秒止める 164 | 3. 4秒で息を吐く 165 | 4. 空気が無くなった状態で4秒止める 166 | 167 | これを繰り返すだけです。似たテクニックに、6秒吸って、6秒止めて、6秒ではき出すというものもあります。 168 | 169 | 呼吸に意識を向けることと、横隔膜を止めるという2つがリラックスや集中力を取り戻すのにとても役立ちます。 170 | 171 | ====[/column] 172 | 173 | 174 | -------------------------------------------------------------------------------- /articles/07-howToOrder.re: -------------------------------------------------------------------------------- 1 | = 印刷会社に頼む上でのあれこれ 2 | 3 | 原稿本文は出来上がりました。次は印刷会社に発注です。発注に当たってハマりやすいことがあります。本章では、そんな誰もが通ってきた勘所について触れます。初めて本を作ったときに迷った、困ったネタが多いですので、きっと役に立つと信じて書いています。 4 | 5 | == ページ数は4の倍数 6 | 7 | 中綴じ本は両面印刷された紙の束の中央をホチキス止めし、二つ折りにして作られます。そのため、必然的にページ数は4の倍数である必要があります。一方で平綴じ（無線綴じ）本の場合、表紙は中綴じ本の場合と同じく二つ折りですが、本文は紙の束の一辺を表紙の中央に糊付けして作られるため、ページ数は2の倍数となります。 8 | 印刷所の価格表は4ページ刻みになっていることが多いため、注意が必要です。例えば平綴じ本で30Pといった4の倍数にならないページ数の場合は、切り上げて32ページの料金になります。 9 | 10 | また、表紙は4ページとして数えます。表1（表紙）表4（裏表紙）、表2（表紙の裏）、表3（裏表紙の裏）ですから、本文に4Pプラスされます。通常、表2、表3は白紙になり、ここに何か印刷する場合は、オプション/追加料金で対応できる印刷所があります。 11 | 12 | 最終的に本文のページ数が確定したときに、ページ数が余っていた場合は、なんとか埋める手段を考えましょう。注意・免責事項を改ページする、近況を嵩増しして、あとがきを増やす、何か追加コラムを入れる、などなど。逆に、ページを詰めることで調整できる場合もあるかもしれません。 13 | 14 | == 手元にプリンターは用意しましょう 15 | 16 | 入稿前に、絶対に一度は印刷して仕上がりをチェックしましょう。予期せぬミスを発見することができます。ノンブルが入っているか、意図しない改ページ（白紙ページなど）、文字・画像の切れ、原稿サイズミス、解像度のミス、その他様々なミスが起こりえます。しかもいずれも、DTPソフト上、あるいはpdf上ではわかりづらいものです。紙に印刷することで、これらのミスを一気にチェックすることができます。 17 | 18 | WYSIWYGという言葉があります。What You See Is What You Getで、見ているものと印刷結果が同じという意味ですが、PCで表示されているものと印刷で出て来るものは絶対に一致しません。ですから、印刷して=Getできるものとして確認する必要があるのです。 19 | 20 | ====[column] 物書きさんにはカラーレーザーがおすすめ:親方 21 | 22 | 出力テスト用に絶対にプリンターはあったほうが良いです。pdf出力して画面で見るのでもだいたいの感覚は掴めますし、推敲中はそれでも良いのですが、最終一度は「紙に」出力して確認することをおすすめします。最近だと、コンビニプリントなんかもありますが、手持ちのプリンターをぜひ用意しましょう。 23 | 24 | 特に、カラーレーザーがおすすめです。BrotherやNECのカラーレーザーなら、1万円前後から手に入ります。両面や無線LANなど機能追加に応じて若干値上がりしますが。 25 | そして、ぜひ両面対応にしましょう。赤ペン入れのときは、縮小印刷して、赤ペン片手に一気にやるのが一番はやいと思ってるので… 26 | 27 | そして、不思議な事に、ディスプレイで見ていても誤字は見つからないけど、印刷してみるとボロボロ出てくる出てくる。 28 | 29 | もっとも、入稿しないと、あるいは入稿しても誤字根絶は無理なんですけどね。そして、推敲している時間、文章を増やす方に注力するほうがみんな幸せになるという… 30 | 31 | ====[/column] 32 | 33 | == PDF入稿 34 | 35 | 同人誌印刷に関わる印刷業界では、入稿フォーマットはAdobe PhotoshopやAdobe Illustratorなどの 36 | DTPソフトのファイルフォーマットが主流です。 37 | このため、技術系同人誌で多いPDFフォーマットでの入稿は、同人誌業界全体では傍流に属します。 38 | 39 | 技術書典でバックアップ印刷所を勤めて下さる印刷所をはじめとして、PDF形式での入稿ができる印刷所も存在します。 40 | しかし、PDFフォーマットでの入稿ルールについては、上にあげたPhotoshopのような同人誌業界のスタンダートな 41 | ファイルフォーマットに比べると、 42 | 印刷所ごとのばらつきが大きいようです。事前に印刷所のWebサイトでルールの確認や、場合によっては問い合わせすることなどが 43 | 必要です。 44 | 45 | 46 | ===[column] 実際のPDF入稿時のトラブルあるある : ほしまど 47 | 48 | 実際にPDF入稿時には、この後の節で示されるような「ノンブル」や「左綴じ・右綴じ」等に関するトラブルの他にも、何かと「意図しない状態」になるトラブルがあるものです。例えば、「用紙サイズに関するトラブル」です。具体的には、「断ち切りサイズを間違えて、タイトルの一部が欠けた」や「意図した紙サイズのpdfに成っておらず製本できない」等です。 49 | 50 | この用紙サイズに関するトラブルは、「実際に製本してみないと分からない」のが悩ましいところです。なので、対策としては「入稿日をなるべく早くに設定する。設定した入稿日に対して、1日でも前倒しして入稿する」になります。データを入稿してから「受付完了」になるまでには、印刷所さんでのチェックが入ります。そして電話にて「このデータで印刷するとタイトルの一部が欠けてしまいます」や「用紙サイズが不正です」など連絡をしてくれます。日程に余裕があれば、修正して再入稿できます。そして、「直している時間が無い」や「修正の仕方が分からない」となった場合には、素直に印刷所さんに「どうしたら良いでしょうか？」と相談しましょう。内容にも依りますが「では、当方で（拡大縮小などして）適切に修正して製本しますね」と、対応していただけることも多いです。 51 | 52 | 実際、私が初めての本を印刷所に発注した際には「タイトルの端が欠けます」＆「裁ち落としサイズが不足しています」と言われました。そもそもがギリギリの入稿に成ってしまったため、再入稿のリミットは６時間後で、しかも電話を受けたのは外出中でした。それを伝え「修正後の再入稿の目途が立たない」旨を伝えたところ「よろしければ、当方（印刷所）で修正してしまうことも可能ですよ」と言っていただけました。もちろん「お願いします！」と全肯定です@{currectpdfbyprinter}。おかげさまで原稿を落とさずに済みました。 53 | 54 | 印刷所さんは製本のプロです。日程遅延やページ数の増減なども含めて、とにかく「想定と異なった」「困った」が発生した時点で即相談しましょう。可能な限りの対応策を提案してくれます。なお、先日にTwitter上で「初めて本出す字書きさん向け、ざっくりおすすめ印刷所さんと、本文用紙についての超ラフなわかりやすさ優先のまとめ」を掲載してくれているツイート@{pdfwriterprinterlist}を見かけました。「分かり易い」ので、そのツイートの参照もお勧めします。 55 | 56 | //footnote[currectpdfbyprinter][その代わりに「完全な状態の原稿であれば割引します」は適用できなくなりましたが。通常料金にて対応いただけました。] 57 | //footnote[pdfwriterprinterlist][https://twitter.com/yakotayume/status/950322834055643136] 58 | 59 | 60 | ===[/column] 61 | 62 | 63 | 64 | == フォントの埋め込み 65 | 66 | 入稿にあたっては、使用しているすべてのフォントがpdf内に埋め込まれている必要があります。これは、出力側で対応していないフォントがあった場合に、代替フォントが使用され、意図しない出力（文字が切れる、文字化けする等）が起こるためです。 67 | 68 | 基本的には、pdf化のときにフォントを埋め込む設定を行うことと、出力後に確認することで対応します。 69 | 70 | == フォントのライセンスについて 71 | 72 | PDF等のフォーマットにより電子書籍を配布することを想定する場合、使用するフォントには注意が必要です。 73 | 74 | 市中で使われている商用フォントの使用許諾のライセンスには、印刷物の形式で使用する場合と、電子媒体の形式で配布する場合にライセンスの形態がわかれているものがあります。このため、市中のパッケージ形式で販売されているフォントには、電子書籍内で使用することがライセンス条項として許諾されていないものがあります。 75 | 76 | このため、電子書籍での配布を行う場合は、電子媒体での形式がライセンス形態として許諾されている商用ないしフリー形式のフォントを選択する必要があります。 77 | 78 | == ノンブル 79 | 80 | 印刷物を製本する際に、ページの順序を指定するために打つページ番号のことを「ノンブル」と呼びます。 81 | 82 | 同人誌印刷では、このノンブルを白紙ページも含めて全てのページに打つ必要があります。また商業印刷と異なり、 83 | 製本した時の仕上がりの範囲内にノンブルを記す必要があります。 84 | ノンブルの打ち方は@{sec-nombre}で詳しく説明されています。 85 | 86 | == 左綴じ・右綴じ 87 | 88 | 本文の書き方によって、本の綴じる方向が変わります。横書きで記述する場合、とじ目は左側に来ます。このことを「左綴じ」と呼びます。 89 | これに対し縦書きで記述する場合、とじ目は右側に来ます。このことを「右綴じ」と呼びます。 90 | 91 | 印刷所に発注する際は、どちら側で綴じるのかを発注する側で指定することになります。 92 | 93 | 広く同人誌界隈では、発注する際の両者の認識の行き違いや発注ミスにより、綴じ目が逆で製本されて納本されてしまうという事故は少なからず発生しています。 94 | このことは同人作家界隈で語り継がれる話題となっています。 95 | 96 | 技術系同人誌の場合は横書きが多数のため必然的に多数は左綴じということになり、とじ目に対して意識がむかなくなりがちですが、 97 | 印刷所のWebページでの入稿申込時に、フォームに入力した綴じ目の指定をもう一度確認する余裕がほしいものです。 98 | 99 | 余談ですが、筆者は同人誌を入稿する際に印刷所にCD-Rの媒体を直接もちこんで入稿するのですが、 100 | 窓口でこのとじ目を指定する時は今でも緊張します。 101 | 102 | ====[column] 初めての本では左綴じ・右綴じミスりました:親方 103 | 104 | 今から10年ほど前、初めての本を印刷所に発注したとき、右綴じ・左綴じの意味がわからず、デフォルトの右綴じのまま発注したら、綴じ方向が逆の超読みづらい本ができました。締め切りギリギリ入稿だったのもあるのかと思いますが、印刷所のチェックにも引っかからず。 105 | 106 | 基本的には、マンガは右綴じ、横書きの技術書は左綴じ、縦書きの小説や新書も右綴じになります（特段の意図を持って行う場合を除く）。 107 | 108 | ====[/column] 109 | 110 | == トンボ 111 | 112 | 技術系同人誌においては、枠一杯まで文字/イラストが入ることはまれで、しかもpdf入稿する場合が多いです。したがって、印刷範囲はあらかじめ決まっているため、印刷範囲を決める指標であるトンボは不要になる場合が多いです。その代わり、指定の塗り足しを含めた「正しい」pdfを出力して入稿する必要があります。 113 | 114 | == CMYKとRGB 115 | 116 | ディスプレーの表示はRed Green Blueの三色の混合からなる色空間を使っています。一方で、印刷機のインク色は、CMYKというのは、シアン（Cyan）、マゼンタ（Magenta）、イエロー（Yellow）と、キープレート（Key plate）から、頭文字1字を取ったものです。Kは(多少語弊はありますが、要するに黒)。光の三原色と、色料の三原色では表現できる色の範囲が若干異なります。 117 | 118 | パソコンなどのディスプレイはライトの発色を使用して色を表現するRGB形式ですが、印刷物ではインクによる光の吸収を使用するCMYK形式です。このため、カラー原稿をRGBフォーマットのまま入稿すると、異なった色味で仕上がる場合があります。 119 | 120 | 本文はグレースケールにするのであまり問題にならないのですが、表紙を作成するときは、CMYKカラーで作ると、想定と異なる色にならなくて済みます。 121 | 122 | 仕上がりの色味を事前に確認したい場合、最も厳密に確認できる手段は実機校正（本番で使う印刷機での試し刷り）ですが、特にオフセット印刷の場合、実機校正は高コストなので現実的ではありません。 123 | 現実的な方法としては、 124 | 125 | * 安価な簡易校正オプションを利用する。 126 | * 手元のカラーレーザープリンタやセブンイレブンのネットプリントで試し刷りしてみる。 127 | * DICカラーガイドなどの色見本帳を使って色を照合する。 128 | 129 | などの方法があります。 130 | また、印刷所によってはオペレーターによる変換を行っていただけるところ、またRGB形式での出力が可能な印刷機を導入している印刷所もありますが、あくまでCMYK形式での変換を行って入稿するのが原則となります。 131 | 132 | == 紙の種類と厚さ 133 | 印刷発注の際には表紙と本文の用紙を選択します。用紙の種類によって、仕上がりの本の厚さや質感が変わります。 134 | 135 | === 紙の種類 136 | 137 | 紙には様々な種類がありますが、よく使われるのは以下の3種です。 138 | 139 | * 上質紙……いわゆる普通の紙です。表面に光沢はありません。 140 | * コート紙……表面に光沢のある紙です。 141 | * マットコート紙……コート紙よりは光沢が少ない紙です。 142 | 143 | === 紙の厚さ 144 | 145 | 印刷業界では紙の厚さを「kg」（原紙サイズ@{paper-size}1000枚分の重量）で表現します。 146 | 数字が大きいほど厚くなります。 147 | 148 | * 70kg……コピー用紙の厚さ 149 | * 90kg……チラシやカタログ本文に適した厚さ 150 | * 110kg……ポスターなどに適した厚さ 151 | * 135kg……厚手のポスターなど 152 | * 180kg……官製はがきの厚さ 153 | 154 | 同人誌の表紙には135kg~180kgくらいのコート紙やマットコート紙を使用するのが一般的です。 155 | 技術系同人誌の本文は基本的にモノクロ印刷でページ数は比較的多いので、90kgくらいの上質紙を使うケースが多いです。 156 | 紙の実物を確認して選びたいという場合は、印刷所に問い合わせて用紙サンプルを送付してもらうとよいでしょう（大抵は無料でもらえます）。 157 | 158 | //footnote[paper-size][一般的には四六判サイズでの重量ですが、稀に菊版サイズなどでの重量を表記するケースもあるので要注意です。] 159 | 160 | == 表紙のPP加工 161 | 162 | 「PP加工」とは紙の表面全体にPPフィルムを貼る加工です。表紙の耐久性が上がるだけでなく、手触りもよくなり、どことなくプレミア感が出ます。 163 | 164 | また、同人系印刷所の多くでは、PP加工以外にも様々な特殊加工（箔押し、エンボス加工、角丸加工 etc.）のオプションを用意しています。複数の加工を組み合わせてオリジナリティのある表紙を作るというのも同人誌制作の楽しみの一つです。（予算に余裕があれば）ぜひ挑戦してみてはいかがでしょうか？ 165 | 166 | == 遊び紙 167 | 168 | 表紙と本文の間に入る白紙が遊び紙です。役割としては、見栄えの向上です。色上質紙や、テクスチャのある薄手の紙が使われる事が多いです。印刷所の無料オプションになっていることも多いです。 169 | 170 | 透ける素材を使って、本文表紙が透ける演出をする、あるいは有料オプションになりますが、遊び紙に印刷して、本文表紙との合わせでレイヤーのような演出をするなど、遊び紙を効果的に使う事もできます。 171 | 172 | == 搬入 173 | 174 | イベント会場に直接運んでくれる「直接搬入」が一番ラクです。コミケなどの大規模イベントでは、印刷所のトラックが直接乗り付けて、自分のスペースに印刷した本の入ったダンボールを置いていってくれます。 175 | 176 | 直接搬入に対応していない印刷所の場合、次に候補になるのが、宅配便搬入です。印刷所からイベント会場に「宅配便で」送ります。当日朝、引き渡し場所(自分のスペースの近く。イベント要領に書いてあります)に受け取りに行きます。自宅から宅配便搬入で事前に送った場合と同じ扱いになります。 177 | 178 | 最後は、一旦自宅に送ってもらい、手持ち搬入です。唯一のメリットは、当日までに印刷物の確認ができること。ですが、搬入があまりにも大変になるので、あまりおすすめできません。50PのB5の本は、100冊程度で15kgといった重量になります。これを手持ちで会場まで運ぶのはかなりの重労働です。 179 | 180 | == ポスターを印刷する 181 | 182 | ポスターはぜひ印刷しましょう。当日のディスプレーとしても使えますし、遠くからも目立ちます。イベントでは大きさは、A2くらいが手頃です。 183 | 184 | ポスターの元データですが、表紙をそのまま使う事ができます。あるいは、表紙データに本の内容を少し追記しても良いかもしれません。 185 | 186 | 印刷方法ですが、 187 | 188 | 1. キンコーズなどで自分で印刷する 189 | 2. 入稿した印刷所のオプション/サービスを使う 190 | 3. ネット発注して自宅へ。あとは手搬入 191 | 192 | あたりが候補になります。 193 | 1は自由度高いものの、A2を1枚で3000円程度です。他の選択肢に比べると、少し高い傾向にあります。 194 | 195 | 2がおすすめです。本文印刷にサービスされている場合もあり、この場合実質的な負担は発生しません。また、有料オプションとして可能なところもあり、1500円～2000円程度で対応可能な場合があります。印刷所利用の最大のメリットは、本と一緒に直接搬入してくれるところでしょう。 196 | 197 | 3のネット発注がコスト的に最もメリット高いかと思います。本を入稿した印刷所が対応していない場合に選択すると良いでしょう。A2が2枚で2500円ほどです。枚数が増えれば安くなりますが、ディスプレー用なので、2枚か3枚あれば十分です。 198 | 199 | ====[column] 使い終わったポスターはどうするか？：親方 200 | 使い終わったポスターをどうするかは、本人次第です。 201 | 残しておいて記念にするもよいですね。絵師が売り子として手伝ってくれる、あるいは会う機会があるならお礼兼ねてプレゼントする（押し付けるとも言う）もありかもしれません。あとは、撤収後に欲しい人に上げるというのもありです。 202 | 203 | 私事ですが、コミケでポスターを貰って以降、ずっとファンとして通っているサークルもあります。 204 | 205 | ====[/column] 206 | 207 | == Wordデータを入稿するための方法まとめ 208 | 209 | 本書は全体的にRe:VIEWを前提にしていますが、Word使いの人もいます。そこで、Wordで入稿する場合の最も簡単な手順を以下に述べます。しかも、ほぼ無料です。 210 | 211 | 1. Wordで原稿を書く。 212 | 2. PDFで書き出す（一旦はA4とかそのままでOK）。本文と表紙などは、別ファイルでもこの時点では問題ないです。 213 | 3. CubePDFUtility@{CubeUtility}をインストールする。 214 | 4. 順番に並べて、一つのpdfファイルにする。 215 | 5. CubePDFで入稿Readyなpdfに変換する。 216 | 6. 入稿する。 217 | 218 | 5のCubePDFでの入稿Readyなpdfの生成方法について詳細に説明します。 219 | 入稿pdfは、用紙サイズを、塗り足し付きのサイズ（B5+6mm）にしたり、グレースケールにしたりする必要があります。（B5原寸でも入稿受け付けてくれる印刷所はありますが、切れたり寸法が変わったりするリスクがあり、あまりオススメできません）以下の設定を行います。 220 | 221 | * 詳細設定>用紙サイズ>PostScriptカスタムページサイズ>188mm×263mm@{b5size}に設定する。 222 | * 印刷品質　1200dpi 223 | * TrueTypeフォント：ソフトフォンとしてダウンロード 224 | * PostScript出力オプション：エラーが軽減するよう最適化 225 | * TrueTypeフォントダウンロードオプション：アウトライン 226 | 227 | 以上を変更したうえで、一括出力します。 228 | 229 | //footnote[b5size][B5原寸=182mm × 257mmなので、塗り足し3mmで, 188mm × 263mmになります。] 230 | 231 | 一旦pdfで書き出して結合してから原稿サイズを変更することで、すべての原稿サイズを統一することができます。 232 | 233 | このあたりは、入稿直前にバタバタやることになるので、慣れるまでは案外つまづきます。しかも入稿後時間的余裕がないのに原稿不備の連絡が入る事が多い要因です。ですから、数ページでもかまわないので原稿ができたら（あるいはダミータイトルだけでも良いです）、一度実際にやってみて、入稿Readyのファイルを作ってみましょう。一度やってあるかどうかの差は大きいですよ。 234 | 235 | あとは、一度印刷して体裁の乱れなどがないことを確認してから入稿します。一度印刷して、紙の上で見ることでなぜかディスプレーでは気づかないミスがたくさん見つかるようになります。同じものを見ているはずなのですが不思議ですね。 236 | 237 | //footnote[CubeUtility][@{http://www.cube-soft.jp/cubepdfutility/}] 238 | 239 | -------------------------------------------------------------------------------- /articles/08-preparations.re: -------------------------------------------------------------------------------- 1 | = 当日までの準備 2 | 3 | == サークル参加案内を熟読する 4 | 5 | 通行証に同封されているサークル参加案内を熟読しましょう。宅配搬入の期限などが記載されていますので、早めに確認しておきましょう。 6 | また、イベント公式サイトや公式Twitterアカウントなどの情報もこまめにチェックすることをお勧めします。 7 | 8 | == 持ち物リスト 9 | 10 | 一般的な持ち物は次のとおりです。 11 | 12 | === 持ち物（必須系） 13 | 14 | 1. 通行証 15 | 2. サークル参加案内 16 | 3. サークル参加登録証 17 | 4. 提出用見本誌 18 | 5. 釣銭 19 | 6. 頒布物 20 | 7. POP類 21 | 8. 値札 22 | 9. ポスター 23 | 10. おしながき 24 | 11. 実機（実機展示する場合） 25 | 26 | === あると便利なもの 27 | 28 | 1. 名刺　……来訪者にすぐ渡せるよう、机の上に置いておきましょう。 29 | 2. 壁掛け収納ポケット　……机の手前側にぶら下げることでイベント中に使う小物類の収納に役立ちます。 30 | 3. コインケース　……釣銭の整理に使います。 31 | 4. ガムテープ、両面テープ　……撤収時の段ボール詰めやPOPの固定に使います。 32 | 5. 大きなごみ袋　……普通にゴミ袋といて使ったり、雨天の搬入の際に中身が濡れないようかぶせたりします。 33 | 6. 筆記具（ボールペン、サインペン等）　……状況に応じてPOPを手書き作成することもあります。 34 | 7. 硬質カードケース　……お品書きやPOPを硬質カードケースに入れることで、丸まらず、立て掛けて設置することも可能になります。 35 | 8. ダブルクリップ　……POPの固定などに役立ちます。 36 | 37 | === ディスプレイ用品の例 38 | 39 | 机の上に本と値札を置いただけではいまひとつ見栄えがしません。サークルスペースを飾り付けて見栄えUPを図りましょう。100円ショップで手に入るアイテムも多いです。 40 | 41 | * クロス（敷き布） 42 | 43 | 机に敷く布です。ただ布を敷くだけでもサークルスペース美観は確実に上がります。クロスで机の前面側を覆えば、机の下の荷物を隠すことができ、防犯面でもプラスです。布は無地でも柄物でも大丈夫です。あらかじめスペースの幅（コミケの場合は90cm）に合わせて裁断しておいたり、目印を付けておくと便利です。 44 | 45 | * 本を立てるもの 46 | 47 | 　　通路を歩く参加者から本の表紙がよく見えるよう、本を立てます。 48 | 　　雑誌用のスタンドのほか、まな板立て、皿立て、小型イーゼルなどが使えます。しっかりと安定するものを選びましょう。 49 | 50 | * 小型黒板 51 | 52 | 　　ホワイトボードを使うよりも何となくおしゃれに見えます。 53 | 54 | * コルクボード 55 | 56 | 　　POPを自由な位置に張り付けられます。 57 | 58 | * フォトフレーム 59 | 60 | 　　いろいろなデザインのものがあり、装飾に適しています。 61 | 62 | * ポスタースタンド 63 | 64 | * 折り畳み式の棚 65 | 66 | 　　100円ショップの折り畳み式の小型の棚などを使って雛壇を作ることができます。頒布物の種類が多い場合のスペース活用に有効です。 67 | 68 | * 電飾 69 | 70 | 　　LEDを点灯させるなど、光るものがあると目を引きやすくなります。周囲に配慮し、節度を守って使いましょう。 71 | 72 | 73 | == 事前搬入 74 | 75 | === 宅配搬入 76 | 77 | 頒布物や当日の設営に使う物などを宅配便で会場へ搬入できます。運営からの案内にしたがって期日までに発送を手配しましょう。 78 | その際、何を送ったかを確認できるよう、きちんとメモや写真で控えておくことをお勧めします。 79 | 80 | === 印刷所からの直接搬入 81 | 82 | 同人印刷所で新刊を印刷した場合、印刷所からイベント会場へ直接搬入することができる場合があります。直接搬入に対応しているかわからない場合は印刷所に問い合わせて聞いてみましょう。 83 | 84 | === 前日搬入（コミケの場合） 85 | 86 | コミケの場合は前日に会場への搬入を行うことが可能です。但し、前日搬入には事前の申請が必要なため注意しましょう。 87 | 88 | === 期日に注意 89 | 90 | 事前搬入は期日が決まっています。サークル参加案内を読んで早めに確認しましょう。 91 | 92 | 93 | == スペース設営の事前準備 94 | 95 | サークルスペースの設営はぶっつけ本番で行うと設営時間が足りなくなったり、イメージどおりの装飾にならないことがあります。当日スムーズに思いどおりの設営ができるよう、自宅でサークルスペースのプロトタイプを作成してみましょう。出来れば事前に自宅で予行練習をしてみましょう。 96 | 97 | === 確認ポイント 98 | 99 | * 不安定で倒れやすいものはないか？ 100 | * 視認性は十分か？ 101 | * POPの説明は分かりやすいか？ 102 | * 空間を有効に活用できているか？ 103 | * 装飾が質素すぎたり、派手すぎたりしていないか？ 104 | 105 | == サークルスペース設営の例 106 | 107 | [図 前面] 108 | [図 背面] 109 | * クロス 110 | * ポスター 111 | * 値札 112 | * 卓上POP 113 | * 壁掛けポケット 114 | * コインケース 115 | * 実機 116 | * キャリーカート 117 | * ダンボール 118 | * ゴミ袋 119 | 120 | === POPを活用する 121 | ワンオペの場合、参加者と会話していると他の参加者に声掛けは出来なくなります。声掛けできなくても本を手に取ってもらえるよう、必要な情報はお品書きやPOPに書き、目立つ位置に掲出しておきましょう。 122 | 123 | == 告知をしよう 124 | 125 | === Webページ、Blog 126 | 127 | === SNS 128 | 129 | === イベント公式サイト 130 | 131 | === 同人書店（事前発注） 132 | -------------------------------------------------------------------------------- /articles/09-morning.re: -------------------------------------------------------------------------------- 1 | = 当日朝、開場までの準備 2 | 3 | さあ、イベント当日です。まずは時刻通り起きましょう。起きた瞬間からイベントは始まっています。当日朝やっておいたほうが良い、やらなければならないこと、たくさんあります。 4 | 5 | == 起床 ～ 会場到着 6 | 7 | === 売り子さん生存確認 8 | 9 | 売り子さんが予定どおり起床して会場に向かっているか、SNSをチェックしたり、メッセージを送って確認します。反応が無い場合は、売り子さんが来ない事態（ときどき起こります）を念頭に置いて行動しましょう。 10 | 11 | === 朝食はかならず食べる 12 | 13 | イベントの朝、朝食は必ず取りましょう。バタバタして昼を抜くこともあります。いつ取れるかわからない、あるいはハイテンションのせいで忘れることもありえます。そうでなくても、イベントはハードなので予想以上に疲れます。朝食を抜くと力が出ない、あるいは体調を崩すなんてこともありえます。普段は抜いているひとも、少しでもいいです。なにかお腹に入れてから会場入りしましょう。 14 | 15 | === 売り子さんと合流 16 | 17 | 売り子さんと待ち合わせ場所で合流します。売り子さんが寝坊等で遅れてしまいサークル入場時刻時間に間に合わない場合は、売り子さんを見捨てて入場します。 18 | 19 | === 会場到着 20 | 21 | 会場入り口でサークル通行証の確認が行われます。スムーズに入場できるよう、通行証を手に持った状態で入場列に列びましょう。 22 | 23 | ====[column] 当日搬入：Yuki Ichonomiya 24 | 25 | 自力で搬入物を会場まで運ぶ場合、搬入物を段ボールに入れてキャリーカートで運ぶ方法がスタンダードです。運搬中に本が傷まないよう、梱包を工夫しましょう。 26 | 雨天の対策として、大きめのゴミ袋（70ℓなど）を1枚用意しておけば、雨が降ってきた場合に段ボールにかぶせて中身が濡れることを防ぐことができるのでお勧めです。 27 | 28 | ====[/column] 29 | 30 | ====[column] 事前搬入を有効活用しましょう：親方 31 | 32 | 本は想像以上に重いです。展示用資材やポスター、その他いろいろ、そうでなくても荷物は多くなるので、できるだけ宅配便による事前搬入を活用しましょう。 33 | 34 | ====[/column] 35 | 36 | == サークル入場 37 | 38 | === 近隣挨拶 39 | 40 | 自分のサークルスペースにたどり着いたら、まず周囲の参加者に「おはようございます」とにこやかに挨拶します（何ごとも第一印象が大切です）。両隣のサークルへは（相手が忙しくなさそうなタイミングを見計らって）個別に挨拶しましょう。名刺を渡したり、新刊を1部ずつ渡してもよいでしょう。 41 | 42 | ====[column] 挨拶しよう！：Yuki Ichonomiya 43 | 44 | 同人イベントにおいて、近隣サークルへの挨拶は重要です。イベント中、思わぬトラブルや不手際で近隣サークルに迷惑をかけてしまうことは十分にありますが、お互いに適切なコミュニケーションをとることで、そうしたトラブルを防止することができます。また、参加者同士のコミュニケーションは防犯や危機管理の面でも重要です。 45 | 46 | ====[/column] 47 | 48 | === サークル参加登録&見本誌提出 49 | 50 | 巡回スタッフがスペースに来たら、サークル参加登録証と見本誌を提出します。 51 | スタッフの巡回時間が過ぎても提出できなかった場合はサークル受付窓口で直接提出します（運営からの案内に従いましょう）。 52 | 53 | 設営は手早く行いましょう。通路側からの視認性や見栄えを確認しながら配置していくとよいです。 54 | 55 | == 設営 56 | 57 | === 宅配便搬入物の回収 58 | 59 | 宅配便による事前搬入を行った場合、それを回収しにいきます。コミケだと、外のトラックヤードが引き渡し場所になっています。その他のイベントでも、イベントのサークル参加要領に明記してあるので、事前に確認しておくと迷いません。技術書典では、運営のほうで自スペースに運んでくれてありました（今後もそうかはわかりませんが、ありがたいことです）。 60 | 荷物が見つからない事態に備え、必ず宅配便伝票の控えを持参しておきましょう。 61 | 62 | === 頒布物の部数確認 63 | 64 | 頒布開始前に頒布物の部数を確認しておきましょう。一般的に印刷所から納品される印刷物には若干の余部が含まれており、実際の部数が発注数よりも多いことがあるためです。 65 | また、他サークルからの依頼で本の頒布を受託する場合には、売上金を正確に把握できるよう、必ず部数を確認しておきましょう。 66 | 67 | === 本を並べる 68 | 69 | 本を並べます。見栄えよく、ごちゃごちゃしないようにすると良いです。時々、向かいに回って全体を眺めると良いですね。その他の展示、デモ、ポップなども忘れないように。買いに来てくれる人の目線で見てみると良いでしょう。 70 | 71 | デモがある場合、この準備に案外手間取る事があります。ドライバーなど工具が必要な場合、すぐに分かるところに置いておく、予備を持ってくる等のちょっとした対策で設営にかかる時間は大幅短縮できます。 72 | 73 | === 釣銭の金額確認 74 | 75 | イベント開始前に、釣銭の金額を確認しておきます。 76 | //quote{ 77 | [イベント終了後の金額] － [開始前の釣銭の金額] ＝ [売上金額] 78 | //} 79 | となります。開始前の金額を把握していないと売り上げが分からなくなってしまう恐れがありますので、必ず確認しましょう。 80 | 81 | === 売り子さんへの説明 82 | 83 | 設営がひと段落したら、売り子さんへオペレーションの説明と注意事項を伝達します。本の内容については、サークル主が不在でも説明できるよう、かんたんにまとめて内容を伝えておきます。 84 | 85 | === ｢設営完了｣ツイート 86 | 87 | 設営が完了したら、スペースの写真を撮影し「設営完了」とツイートします。 88 | 改めてスペース番号と頒布物について宣伝しましょう。 89 | ただし、イベント当日のSNS発信の効果は比較的薄いといえます。なぜなら、大抵の参加者は前日までにサークルチェックを終わらせており、当日は特に気になっているサークルの情報くらいしか見る余裕がないためです。 90 | お品書き等の情報は、なるべくイベント1週間前頃から流すようにしましょう。 91 | 92 | === スペースで待機 93 | 94 | 準備がすべて終わったら、イベント開始時刻までスペースで待機します。コミケの場合はイベント開始直前の時間帯は各ホール間の移動が制限されますので注意しましょう。さあ、もうまもなく開場の時刻です。拍手の準備をしましょう。 95 | 96 | ====[column] 食料調達：Yuki Ichonomiya 97 | 98 | 当日はバタバタしているので食料を買うのを忘れがちですが、イベント中はなかなか食べ物を買いに行く暇がないので、入場前に買っておきましょう。手が汚れず、手軽に食べられるものがよいです。 99 | ちなみに、他の参加者にお菓子などを差し入れる場合は個包装に賞味期限表示のあるものがベターです。 100 | 101 | ====[/column] 102 | -------------------------------------------------------------------------------- /articles/10-eventTips.re: -------------------------------------------------------------------------------- 1 | = 開催中のTips 2 | 3 | イベントが始まりました。イベント中に起こりうること、トラブル対処も含みます。全体の流れを追いながら… 4 | 5 | == イベントの流れ 6 | 7 | === イベント開始 8 | 9 | 定刻になるとイベント開始のアナウンスが流れます（このとき参加者皆で拍手するのが同人イベントの慣例です）。混雑具合によっては、一般入場開始後、しばらくの間は入場規制が行われ参加者は少しずつ入場してきます。 10 | 11 | === イベント中 12 | 13 | ひたすら本を売ったり、買ったり、挨拶回りをしたり、参加者と交流します。楽しい時間です。 14 | 15 | === イベント終了 16 | 17 | イベント終了のアナウンスが流れます（このときも参加者皆で拍手します）。 18 | 19 | === 撤収 20 | 21 | 撤収も設営と同様、スピードが求められます。 22 | 23 | * 宅配搬出をする場合は早めに伝票を書いておくとスムーズです。 24 | * パイプ椅子は畳んで机の上または机の下（イベントによって異なります）に置いておきます。 25 | * 帰る際、周囲に「お先に失礼します」と声を掛けておきましょう。 26 | 27 | 2箱以上の宅配搬出をする場合、重くて持てないということがあります。2回並ぶのは時間もかかりますから、終わりが見えてきた段階で一度これ以降売れる見込みのない在庫、今後使わない資材等を発送してしまうと、撤収が非常に楽になります。終了間際から終了後は、宅配搬出の列はどんどん伸びます。（特にコミケ） 28 | 29 | ====[column] 売上ペースの変化：Yuki Ichonomiya 30 | 31 | 通常、イベント中の売上ペースは一定ではなく、およそ下図のように時間帯ごとで変化します。売上の多くなる時間帯は集中して頑張りましょう。 32 | //image[UriageGraph][時間帯別の売上ペースの変化のイメージ]{ 33 | //} 34 | 35 | ====[/column] 36 | 37 | == オペレーション体制 38 | 39 | === サークル主 ＋ 売り子 体制 40 | 41 | サークル主である執筆者（あなた）1名と売り子さん（1～2名)のパターンです。 42 | 交代で店番をすれば、他のサークルを見て回ることもできる幸せな状態です。 43 | また、イベント中、サークル主は来訪者と会話したり質問に答える場面も多くなります（特に技術系同人誌というジャンルはその性質上、質問は多いです）が、その間も売り子さんに頒布を続けてもらうことができ、機会損失を防げます。 44 | 45 | === ワンオペ 46 | 47 | 売り子さんを確保できず1人ぼっちで参加する場合です（小規模なイベントでは売り子さんが見つからずワンオペになることが多いです）。他のサークルを見て回ることが出きず、トイレに行くこともなかなかできません。過酷です。 48 | 49 | ====[column] ワンオペ回避方法：親方 50 | 51 | これはもう、あらゆるツテを頼るしかないです。当日参加する友人にお願いする、がベストですが・・・。 52 | 当日参加の人は自分の買い物があるので、べったりついてもらうのも気が引けます。そこで、最初の搬入～設営を手伝ってもらうとか、開場直後は自由（＝売り子さんが自由に買い物をする）だが２時間くらいしたら戻ってきて店番交代してもらう（その間に自分の休憩＋買い物時間を確保する）、といった対応が取れるように調整します。そうすれば、自分の買い物もできる、人権のあるイベントになります。 53 | 54 | 高等テクとしては、Connpass等で募集をかける、既知のサークル主に「トイレ行く間だけお願いします！」とかいった方法でお願いするなどもあります。 55 | 56 | ====[/column] 57 | 58 | === ★離席するときは 59 | 60 | トイレに行くなどでサークルスペースが無人となってしまう場合はクロスを頒布物の上にかぶせ、「離席中」と書いた紙を上に置いておきます。これにより、頒布停止状態であることを示せます。席を離れる際に隣のサークルの人に「ちょっと席を外します」というように一声かけておくとよいでしょう。もちろん、売上金や貴重品は必ず持って離席しましょう。 61 | 62 | 63 | == 頒布中に意識すべきポイント 64 | 65 | === お金の管理 66 | 67 | * お金を受け取る際などは相手にはっきりと聞こえる声で確認しましょう。 68 | * とにかく現金からは目を離さないよう注意しましょう。 69 | 70 | ====[column] 釣銭ミスにご注意！：Yuki Ichonomiya 71 | 72 | 即売会では基本的に人力で会計を行うため、値段を間違えたり、釣銭金額を誤ることがないよう、注意が必要です。 73 | 特に頒布物の種類が多い場合は、手元に価格表を用意するなど確認しやする工夫が必要です。 74 | 近年はスマホやタブレットで使える即売会用レジアプリや、物理キーで手軽に会計できる「レジプラ」という製品も登場しています。活用してみると面白いかもしれません。 75 | 76 | ====[/column] 77 | 78 | === 呼び込みは控えめでよい 79 | 80 | 同人イベントにおいて積極的な声掛けはあまり必要ありません（押しが強いと相手に引かれてしまい逆効果です）。覇気のない声 & 焦点の定まらない目で「どうぞご覧くださーい…」と虚空に向かって語りかける程度でも大丈夫です（あくまで筆者個人の経験）。 81 | 82 | ====[column] 最後尾札：Yuki Ichonomiya 83 | 84 | 万が一、自サークルが大盛況となり、長蛇の列が形成されてしまった場合に使うのが「最後尾札」です。厚紙や段ボールの切れ端にスペース番号と「最後尾」とを書いたものを列の最後尾の人に渡します（以後、列の最後尾に並んだ人にリレーされてゆきます）。さらに列が伸びて制御できなくなりそうになったら、運営スタッフを頼って列誘導をしてもらいましょう。 85 | 86 | ====[/column] 87 | 88 | === 実機展示の注意点 89 | デモは、ポスターや声掛け以上に来場者の耳目を惹きます。自分の本の内容に関するデモが可能な場合はぜひ実施しましょう。ですが、ハードウエアを展示したり、PC画面でソフトウエアのデモを行う場合、思わぬ動作不良も想定されます。できれば次善策を考えて準備しておきましょう。 90 | 91 | バッテリーも物によっては発火等の危険性があります。大型バッテリー持ち込み禁止等の規定が、サークル参加要領に書いてある場合が多いので確認しておきましょう。モバイルバッテリーやPCのバッテリー程度であれば問題ない場合が多いですが、膨らんでいる、あるいは古めのものなど、動作に不安のあるものは避けましょう。 92 | 93 | === 業者営業等への対応 94 | 95 | 同人イベントには同人書店、出版社など、各種企業の関係者も参加しており、サークルスペースに挨拶に来ることがあります。執筆のオファーなどの話があるかもしれませんが、その場の口約束で安請け合いしてしまうことはお勧めしません。 96 | とりあえす名刺交換をしておいて、詳細は後日メールでやり取りするのがよいでしょう。 97 | 98 | === トラブルに遭遇したら 99 | 100 | * イベント運営や安全に関わるトラブルは即座にスタッフへ連絡しましょう。 101 | * トラブルや迷惑行為に遭遇し、自力解決できない場合は周囲に助けを求めましょう。 102 | * 同人イベントは参加者皆の協力で成り立つものです。自覚をもって行動しましょう。 103 | 104 | == 挨拶回り 105 | 106 | 他のサークルさんとの交流は同人イベントの醍醐味といえます。余裕があれば、ぜひ挨拶回りをしてみましょう。 107 | 108 | === 挨拶回りのタイミング 109 | 110 | * 顔見知りであれば、開場前に挨拶してもよいでしょう。ただし、一般入場より前に買い物をするのは（不公平なので）基本的にNGです。また、設営で忙しそうな場合は遠慮しておく方がよいです。 111 | * あいさつ回りのベストタイミングは基本的にイベントが落ち着く時間帯（終了2時間前）頃です。しかし、早々に完売してしまったサークルは早めに撤収してしまう場合もあるため、Twitterなどで何時まで居るか確認しておくのがよいです。 112 | 113 | === 挨拶は手短に 114 | 115 | サークルスペースの前で長話をすることは避けましょう。混雑具合にもよりますが、挨拶はなるべく数分以内に収めるのがマナーだといえます。 116 | 117 | 118 | ====[column] 楽しいアフター：Yuki Ichonomiya 119 | イベント終了後、サークル関係者皆で打ち上げを行うことがあります。居酒屋に行ったり、焼き肉を食べたり、ファミレスでだべったりとスタイルはさまざま。そんな楽しいアフターですが無理は禁物。残存体力は考慮しつつ楽しみましょう。 120 | 121 | ====[/column] 122 | 123 | ====[column] 非公式アフター：親方 124 | 125 | 技術書典３の当日、非公式アフター@{after}を開催しました。事務局では当日対応で手一杯で、アフターまで対応できないということでしたが、みんなで打ち上げをやりたいと思ったので非公式アフターとして企画したものです。結果、40名ほどの参加者となりました。 126 | 127 | 向かいのサークル、あるいは本は買ったけど中の人とゆっくり話ができなかったサークルと話ができる機会があるとみんな幸せになれるのではないか、というコンセプトで企画しました。 128 | 129 | 次回以降どうなるか不透明な部分はありますが、Connpass等で一度そういったイベントが企画されていないか探してみてはいかがでしょう。 130 | //footnote[after][@{https://techbook-and-ethanol.connpass.com/event/63853/}] 131 | 132 | ====[/column] 133 | -------------------------------------------------------------------------------- /articles/11-afterevent.re: -------------------------------------------------------------------------------- 1 | = イベント後にやること 2 | 3 | 本節では、イベント後にやっておいたほうがよいことについて述べます。といっても、実は必ずやらなければならないことというのはあまりないので、参考程度として読んでいただければよいかと思います。そして、これらが終わったら、次のイベントに向けて、次回作の構想を練ったり、申込み手続きをしたり、締め切りの設定をしたりするのです・・・締切はまたやってきます。無限ループへようこそ。すでに病みつきで抜けられなくなっていますよ・・・ 4 | 5 | == 頒布数のまとめ 6 | 7 | とにかく今回のイベントで何部売れたかを確認します。かかった費用（印刷費、イベント参加費、交通費、打ち上げ費、その他）と、売上げを比較し、お小遣い帳をつけておくと良いでしょう。一度やってみるだけで、同人活動におけるお金の感覚が身につきます。また、ここでまとめておくことで、確定申告の必要があるのかないのか、あるいは、確定申告をする際の下書きとして活用可能です。 8 | 9 | 複式簿記でつける必要はありません。お小遣い帳で十分です。 10 | 11 | == 一人反省会 12 | 13 | 今回のイベントについて、一人反省会ができると良いです。良かったことと、反省点をまとめておくと良いです。 14 | 15 | 良かったこと（例） 16 | 17 | * 予想以上に売れた 18 | * 店番回しながらでも欲しいものを買いに行く時間があった 19 | 20 | 反省点（例） 21 | 22 | * 忘れ物があった 23 | * 事前準備では思いつかなかったが、XXがあればよかった 24 | * 事前告知をもっと頑張ればよかった 25 | 26 | などなど。そうすることで、次回はもっとスムーズになります。反省点ばかり多いとネガティブになるので、良かったこと2個に反省点1個くらいで反省すれば良いと思います。そして、次回に活かしましょう。 27 | 28 | === イベントレポートを書く 29 | 30 | 執筆スケジュール・進捗や、事前準備、当日の状況、イベント中にあったこと、戦利品自慢、etc。ネタはなんでも構いません。媒体も問いません。ブログに書いてもいいですし、@{#技術書典} などのハッシュタグをつけてツイートするのもいいでしょう。運営の人もよくそこらへんをリアルタイムで検索してたりするので、リツイートされることも多いです。 31 | 32 | イベントレポートをまとめると、自分の脳みその整理にもなります。そして、公開しておくと、誰かの役に立つ可能性があります。今回配布した本を改めて読み直して、正誤表を作るなどもいいですね。版改定のときに役に立ったり、内容の抜けに気づいたりするかもしれません。内容の抜けは、次回の本のネタになります。 33 | 34 | 戦利品自慢はぜひやっておきましょう。その本の著者が喜びます。写真撮って、ツイッターに流すだけでも良いです。著者はTLに自分の本が流れていないか探しています。見つけたら喜んでRTしたりします。 35 | 36 | == 委託の手続きを取る 37 | 38 | 在庫ができたら、ぜひ委託販売をしましょう。委託先としては、リアル店舗のあるComicZINやメロンブックス、とらのあなに出すという選択が一つ、Boothのようなオンライン販売に紙媒体として出すという選択肢も一つ、BookwalkerやBoothで電子書籍（ePubやpdf販売）として販売するという選択肢もあります。今回買い逃した人に届けるという意味で大変意味のあることです。 39 | 40 | 本人が用事で参加できなかったとか、売っている事に気づけなかったなどの理由で、本来であれば入手していたであろう人の手に渡っていないということはただただ不幸です。次回イベントで入手してもらえればそれはそれで良いのですが、コンタクトチャンネルは多いに越したことはありません。（とはいえ、上記すべてのチャンネルに出す必要もないですが）。手数料安いが自分で発送しなければならないBoothに対して、発送はやってくれるけど手数料高い書店委託、など比較して検討すると良いと思われます。 41 | 42 | 委託の詳細については次の章をご覧ください。 43 | 44 | ====[column] あえて在庫を残すという選択肢：@erukiti 45 | 46 | 筆者はじつは技術書典3では20冊ほど頒布せずに取っておきました。後で欲しいという人に手渡しにしたり、勉強会・カンファレンスで、景品として提供したりできるからです。秋のJavaScript祭り2017 in Mixi@{javascript-fes}で4冊ほど提供したら、じゃんけん大会がめちゃくちゃ盛り上がりました。むしろ「もっとくれー」という声が凄かったです。 47 | 48 | //footnote[javascript-fes][@{https://javascript-fes.doorkeeper.jp/events/66335}] 49 | 50 | あと意外に、自分用に置いておく、家族に見せるなどを忘れる人もいます。何冊かは取っておく方がいいでしょう。最低一冊残しておけば、それはあなたにとっての立派な名刺にもなります。意外にこの武器は馬鹿にできません。特にLTやカンファレンスに登壇を考えているような人は、そういう名刺と登壇実績があれば、それだけでフリーランスの仕事の受注や、転職のお誘いなどに繋がります。エンジニアとしてこの先生き残る戦略の一助になるでしょう。 51 | 52 | ====[/column] 53 | -------------------------------------------------------------------------------- /articles/13-booth.re: -------------------------------------------------------------------------------- 1 | = 委託をしよう 2 | 3 | 即売会が終わった後にまだ同人誌の在庫が残っていれば、より多くの人に手を取ってもらうよう、外部サイトで販売できます。また、PDFなどの電子書籍の場合は、在庫リスクなしで委託できます。 4 | 5 | == 外部販売の例～BOOTHの場合 6 | 7 | ここではピクシブ株式会社が提供するBOOTH@{booth}を例にして、同人誌の外部販売の手順を記載します。 8 | 9 | //footnote[booth][@{https://booth.pm/ja}] 10 | 11 | === 商品受け渡しのシステムについて 12 | 13 | BOOTHでの商品受け渡しには大別して倉庫に在庫管理を委託する形式での販売と、出品者が自ら宅配便で発送する 14 | 形式での販売があります。技術系同人誌の場合は取扱規模や取扱商品の重量、サービスから、「あんしんBOOTHパック」+「ネコポス」 15 | の選択が向いています。 16 | 17 | これには、出品者と購入者相互で個人情報を明かさずに配送できる「匿名配送」ならびに、投函時に不在でもポストに投函される、という特徴があります。 18 | 19 | === 梱包 20 | 21 | 一種の非日常である「ハレ」の場で行われる同人誌即売会と異なり、常設されているWebサイトで行われる 22 | 販売には、商品の販売に対して業者としての一定水準以上の対応が求められます。 23 | 24 | 具体的には、搬送中の外部からの衝撃や、雨粒に備えた梱包を行う必要があります。 25 | 26 | 詳しくはBOOTH内のサイト「BOOTH CAMP@{booth-camp}」内の「梱包発送ガイド@{booth-shipping}」というページに詳細がありますが、筆者は 27 | 28 | //footnote[booth-camp][@{http://booth.camp/}] 29 | //footnote[booth-shipping][@{http://booth.camp/post/90438123213/%E6%A2%B1%E5%8C%85%E7%99%BA%E9%80%81%E3%82%AC%E3%82%A4%E3%83%89}] 30 | 31 | * クッション付き封筒 32 | * テープ付きOPP袋 33 | //noindent 34 | の二種類の梱包材を用いて梱包を行っています。 35 | 36 | === 発送 37 | 38 | 発送は、コンビニ（ファミリーマートないしサークルKサンクス）またはヤマト運輸の営業所で行います。 39 | 40 | コンビニでの発送の場合、匿名配送の扱いのため、BOOTHのサイトから印刷した二次元バーコードを使って店内の端末で「申込券」を出力し、 41 | その申込券を封筒に貼り付けた「専用袋」に差し込んで発送手続きを行います。受付に一定の時間を要する手続きとなるため、 42 | レジの混雑する時間帯の発送は避けた方が無難です。 43 | 44 | また、商品に申込券を差し込むのはレジで行うため複数口の発送ならば、梱包した封筒に注文の「注文番号」を 45 | 記入するなどして、梱包した商品と注文の関係がわかるようにする必要があります。 46 | 47 | 48 | === 個人情報の扱いについて 49 | 50 | 「あんしんBOOTHパック」は匿名配送ですが、配送の追跡の仕組み上、「配達する配送センターがどこであるのか」 51 | 「荷物を持ち込まれた配送センターがどこであるのか」は、出品者と購入者お互いが分かるようになっています。 52 | 53 | このため、出品者は購入者が居住する地域がある程度把握できるわけですが、これは個人情報と同様の扱いをするべきです。 54 | 55 | またBOOTHのシステムの仕組み上、購入者のメールアドレスは出品者がわかるようになっていますが、これもまた個人情報としての 56 | 扱いがもとめられます。注文があると自分の知り合いが購入したことがメールアドレスから分かる場合がありますが、 57 | 業者として節度のある態度を取ることが必要です。 58 | 59 | === 特定商取引法の取り扱いについて 60 | 61 | BOOTH等オンラインショップでの販売は特定商取引に関する法律(特定商取引法。以下「法」)に定める「通信販売」に該当し、 62 | 法律で様々な規定があります。 63 | 64 | その中に通信の販売広告内での表示義務というものがあり、その中で「販売業者」の告知義務として「事業者の氏名（名称）、住所、電話番号」を表示することが義務とされています。 65 | 66 | この規定にBOOTH等のオンライン販売の出展者である個人が従う義務があるかが問題になります。筆者はBOOTHに出品する上で、経済産業省の「インターネット・オークションにおける「販売業者」に係るガイドライン」@{guideline}の趣旨に則る見解を取っています。すなわち、サイトの販売規模的に「営利の意思」を有していないため、法の定める「販売業者」に該当しないため告知義務を負わない、というものです。 67 | 68 | //footnote[guideline][@{http://www.meti.go.jp/policy/economy/consumer/consumer/tokutei/jyoubun/pdf/auctionguideline.pdf}] 69 | 70 | 筆者は法律の専門家でないためこの見解に対し責任を負うことはできません。一つだけ注意が必要なのは、BOOTHでショップを開設する際の「事業者の名称・連絡先」のデフォルト設定である「省略した記載については、電子メール等の請求により遅滞なく開示いたします。」という表記がありますが、これは法の定める販売業者が用いる表記であるため、適切な表記に変更が必要となる場合がある、ということです。 71 | 72 | === 「あんしんBOOTHパック」+「宅急便コンパクト」 73 | 74 | 本の厚さが2.5 cmを超えるか重さが1 kgを超える場合はネコポスが利用できません。そのようなときに使えるクロネコヤマトのサービスに、宅急便コンパクト@{BOOTH_COMPACT}があります。 75 | 宅急便コンパクトは60サイズ以下の荷物を手軽に送るためのサービスで、あんしんBOOTHパックと組み合わせることで、出品者と購入者が共に身分を明かさずに荷物の発送と受取ができます。 76 | 宅急便コンパクトを利用するには専用の梱包材（専用BOX）が必要です。専用BOXには、横開き封筒のような形状の薄型と、組み立て式の箱型があります。どちらも65円で、クロネコヤマトの営業所で購入できます。 77 | 専用BOXはほぼB5サイズなので、同人誌のサイズによっては利用できない場合があります。 78 | 79 | あんしんBOOTHパックと宅急便コンパクトを使った発送の流れを見てみましょう。 80 | 81 | 1. BOOTHに登録したメールアドレスに、商品が購入されたという通知メールが来る@{BOOTH_PAYMENT}。 82 | 2. 通知メールを読んで何が何部購入されたかを把握し、添え状と同人誌を準備する。このとき、添え状と同人誌はクリアポケット@{BOOTH_CLEARPOCKET}に入れると配送の際の汚れや水濡れを防ぐことができる。 83 | 3. クロネコヤマトの営業所に向かいながら、スマホでBOOTHにログインし、宅急便コンパクト発送用のQRコードを発行する。 84 | 4. 営業所に着いたら、ネコピットにQRコードを読み込ませる。そうすると営業所のプリンタで送り状が印刷される。 85 | 5. 送り状をもってカウンターに行き、宅急便コンパクトの専用BOXをくださいと伝えて購入する。 86 | 6. 専用BOXに同人誌を入れ、BOXについている両面テープをはがして封緘する。スタッフに送り状と共に渡すと、スタッフが送り状を箱に貼り、発送の手続きを行ってくれる。 87 | 7. 控えを渡されるので、受け取って保管する。 88 | 8. BOOTHは、QRコードを発行すると購入者にメッセージを送ることを促してくるので、発送した旨を連絡する@{BOOTH_SENDMESSAGE}。 89 | 90 | 最初はネコピットの使い方や宅急便コンパクトの利用方法が分からず戸惑いますが、遠慮なくスタッフに尋ねましょう。 91 | 92 | ごく希にですが、購入者がBOOTHに登録した住所に間違いがあって返ってくることがあります。 93 | その場合は注文番号から購入履歴を調べ、購入者にメッセージを送りましょう。 94 | それでも返事がない場合は、BOOTHのお問い合わせフォームから状況を伝えて、対応を依頼しましょう。 95 | BOOTHが購入者に連絡を取ってくれます。 96 | こちらの対応としては、両者が身分を明かして通常の宅急便で送るか、 97 | 再度BOOTHから購入してもらい、何らかの方法で先の購入分を返金することになります。 98 | 99 | BOOTHに登録した本の発送に宅急便コンパクトを利用する場合、BOOTHの商品情報→オプション設定から限定販売数を設定しておきましょう。 100 | 同一人物が一度に大量に購入してくれるという嬉しい事態になっても、宅急便コンパクトの伝票は一つしか発行されないので、専用BOXに入れることができなくなります。 101 | 102 | //footnote[BOOTH_COMPACT][http://www.kuronekoyamato.co.jp/ytc/customer/send/services/compact/] 103 | //footnote[BOOTH_PAYMENT][コンビニ支払い等の場合、支払いが確認できた段階で、購入が確定されましたというメールが来る。] 104 | //footnote[BOOTH_CLEARPOCKET][クリアポケットは同人誌のサイズよりサイズが一回り大きい（同人誌がB5サイズならクリアポケットはA4）と、本が厚くても簡単に収納できる。] 105 | //footnote[BOOTH_SENDMESSAGE][クロネコヤマトからの正式な発送通知は別途送られる。] 106 | 107 | ====[column] BOOTHは電子書籍の販売にも使い勝手がいい：@erukiti 108 | 109 | BOOTHは電子書籍を単品で出品できます。サークル登録と、個別の書籍の表紙などの画像アップロード、説明文を書いて、値段を決めて、PDFなりepubなりをアップロードするだけです。タグは、「技術書典」とか「技術書典3」とか「JavaScript」とか「技術書」とか付けておくといいでしょう。 110 | 111 | 実は筆者は今回電子版を出すつもりがなかったのですが意外に声が多かったので思い立ったが吉日でさっくり電子版のBOOTH販売を始めました。お手軽に販売できて、とても良かったです。 112 | 113 | ====[/column] 114 | 115 | 116 | == 同人書店に委託する　ComicZINの場合 117 | 118 | 技術系同人誌に強い同人書店の一つがComicZIN@{zin}です。技術書典とタイアップするとか、技術書コーナー作っているなど、技術書を前面に押し出しています。したがって、作った技術書を委託する先としては最適です。 119 | 120 | //footnote[zin][@{http://www.comiczin.jp/}] 121 | 122 | === 委託方法 123 | 124 | 自分の本を委託するには、サークル登録をし、アイテム登録をします。ComicZINで内容確認をした上で、委託可能となれば、発注が入ります。在庫から、発注冊数をZINに送り、検品が済めば、委託販売開始となります。詳細な流れ等については、公式ページ@{zinCircle}に記載がありますのでそちらを読むとして、委託する側として考えなければならないことについて書きます。 125 | 126 | //footnote[zinCircle][@{http://www.comiczin.jp/circle/index.html}] 127 | 128 | === 書店委託時の価格について 129 | 130 | まず迷うのが、委託時の価格についてでしょう。 131 | 132 | そして、その前に手数料体系について確認しましょう。ComicZINでは、委託額の3割が委託手数料となり、7割がサークル側の取り分になります。例えば委託額（お客さんが払う額）が540円の場合、その7割である378円がサークル主の取り分です。ZINの取り分は162円ですね。 133 | 134 | 委託額とイベント頒布額の考え方には、大きく二通りあります。細かい事を言うと消費税の扱いはそれはそれで悩ましいのですが、一旦はおいておきます。 135 | 136 | 一つ目は、イベント頒布額と同額とする方法です。 137 | イベント頒布額が500円の場合、委託額は500円になります。 138 | 139 | お客が払う額は同一（厳密には消費税分違いますが）とする考え方です。購入者側とすればありがたいシステムですが、サークル主側とすれば、当然ながら委託手数料分（書店取り分）だけ実入りが減ります。 140 | 141 | もう一つの考え方は、サークル取り分が同じになるようにするという方法です。 142 | イベント頒布額が500円の場合、500円がサークル取り分になるように書店委託額に差をつけることになります。 143 | 700円×0.7=490円となりますから、店頭価格700円とすると、サークル取り分は490円となり、サークルとしての売上はほぼ同じ額になります。 144 | 145 | 世の中両方の考え方がありますので、どちらが良いと言えるものではありません。一応のご参考まで、ZIN委託に関する記載をしている筆者＠親方は、イベント頒布額と同額（ただし消費税は載せる）ということで、500円の本に消費税は載せて540円にて委託しています。 146 | 147 | === 委託冊数について 148 | 149 | 委託する冊数はどうしましょう。イベントでの売上を参考にしつつ決める必要があります。イベントでじゃんじゃん売れたらのなら、委託冊数はある程度多めにしてもいいかもしれません。全く読めないなら、とりあえず20部とか30部にすると良いのではないでしょうか。発送の手間は減らしたいので、瞬殺されないよう、ある程度の期間在庫があることが期待でき、逆にいつまで経っても在庫がちっとも減らない、に耐えられる量、というところです。 150 | 151 | 適当なダンボールに委託する冊数+1冊（見本誌）を入れて送るだけで委託販売はスタートします。 152 | 153 | === 委託ページ用画像について 154 | 155 | 担当者が手動でやっているようですから、委託ページ用の画像は差し替え・追加されない場合があります。手が回っていないのかもしれません。最初の委託登録の際に手を抜かないようにしましょう。（あとで追加すればいいや・・・は落とし穴です。追加してくれる場合もあるとは思いますが。） 156 | 157 | === ZINの売上報告について 158 | 159 | ZINに委託する場合、毎月棚卸し結果兼売上報告が来ます。委託中の本が今月何冊売れ、在庫が何冊で、売上と送金額がいくらか、というのがメールで届きます。ただし、2ヶ月遅れの情報はザラです。気長に待ちましょう。 160 | 161 | なおZINでは月の売上が3000円未満の場合、振込が延期されます。売上報告にも書いてあるのですが、慌てないようにしましょう。 162 | 163 | === 技術書典でのダイレクト委託について 164 | 165 | 技術書典では、ComicZINにはダイレクト委託が可能です。当日夕方、運営ブース付近にComicZINのブースができます。ここに在庫を持ち込んで販売価格を伝えるだけで委託が完了するという画期的なシステムです。運営から案内もありますが、ぜひやってみると良いのではないでしょうか。 166 | -------------------------------------------------------------------------------- /articles/14-Meetup.re: -------------------------------------------------------------------------------- 1 | = コミュニティに参加する 2 | 3 | 仲間を作ると楽しいよ。みんなで技術書を書こう。 4 | 5 | == 技術書執筆仲間が欲しい！　?執筆は孤独なんて誰が決めた？? 6 | 7 | 突然ですが質問です。執筆というとどんなイメージが思い浮かびますか？ 8 | 9 | 「1人でパソコンに向かっている」、そんな状態を想像する方が多いのではないでしょうか。筆者自身、2年前は身の回りに技術書仲間などおらず、会社から帰っては1人で執筆するという日々を送っていました。 10 | 11 | 世間一般的に、同人誌を書いている人というのも珍しいですが、中でも技術系同人誌を書いている人はより珍しい存在です。この半年間、「技術書執筆仲間が欲しい」ただその一心で、彼らが集まる場所を探り当てたり、場所を作ったりしてみましたので、このページを借りてご紹介いたします。 12 | 13 | == 存在するコミュニティ 14 | 15 | 私の観測する範囲内で、どなたでも参加できるコミュニティをまとめました。 16 | 17 | * 技術書典主催による勉強会 @{#techbookfest} 18 | * もくもく執筆会 @{#techbook_meetup} 19 | * その他のもくもく会 20 | 21 | どのようなものか、順に見ていきましょう。 22 | 23 | === 技術書典主催による勉強会 24 | 25 | 技術書典は、ITや科学などの技術について書いた本などを頒布したり買ったりできるイベントです。 26 | イベント開催が近くなると、サークル参加初心者に向けた勉強会や、もくもく会が開催されます。 27 | 28 | 「はじめてのサークル参加Meetup」では、「技術系同人誌とは何か？」「スケジュールの説明」「本を作る技術」「いつまでに何をしないと間に合わなくなるのか」などを知ることができ、同人誌を作るのが初めての方でもスムーズに制作に入っていけるようになっています。また、締切直前には「缶詰原稿ジャムの日」なるものも開催され、原稿に追い込みをかけることもできます。 29 | 30 | 主催メンバーは、大手サークルTechBooster@{techbooster}・技術系電子書籍を出版している達人出版会@{tatsuzine}で構成されており、技術書の作り方についてわからないことがあれば、アドバイスをもらえます。 31 | //footnote[techbooster][@{https://techbooster.booth.pm/}] 32 | //footnote[tatsuzine][@{http://tatsu-zine.com/}] 33 | 34 | === もくもく執筆会 #techbook_meetup 35 | 36 | 「本を書きたいけど、ひとりだとなかなか進まない」……せっかくだったら、みんなで集まって、もくもく執筆しませんか？ 37 | 38 | 「もくもく執筆会 @{#techbook_meetup}」は、技術系商業誌・同人誌の原稿だけにとどまらず、勉強会の発表資料、ブログ、プログラム、Webページなどなど、著作物をもくもく作る会です。 39 | 40 | 技術書典主催のもくもく執筆会で知り合い、その良さを実感した熊谷友宏氏（@es_kumagai）と、湊川あい（@llminatoll）は、帰りの電車で「技術書典というイベントが過ぎても、月1回、コンスタントにもくもく会があれば素敵ですね」と雑談しておりました。「それならば、そんなもくもく会を自分たちで作ってみよう」――かくして、もくもく執筆会は始まりました。 41 | 42 | おかげさまで、2017年5月の開始から6ヶ月経った現在、メンバー数は100人を超えました。 43 | 普段、関東をメインに活動していますが、2018年1月13日には「もくもく執筆会☆出張版 REV.4 @ 京都烏丸御池」@{karasuma}と題して、関西での開催も予定しています。 44 | //footnote[karasuma][@{https://techbook-meetup.connpass.com/event/70785/}] 45 | 46 | オープニングで、どんなものを書くかをみんなに共有したら、あとは、もくもく。エンジニアもデザイナーもいるので、書いている文章やスライドを見せて相談しあうこともできます。一番最後の「進捗をみんなと共有」タイムでは、書いた技術ブログをみんなに共有したり、作ったスライドでLTしたり、新刊の告知をしたりと、とても楽しい時間になっています。 47 | 48 | === その他のもくもく会 49 | 50 | connpassやDoorkeeper、TECHPLAYの検索欄に「もくもく」と入力し、検索してみましょう。すると、出るわ出るわ、もくもく会の数々！プログラミング言語やフレームワークを限定したもくもく会、フロントエンド専門、IoT専門のもくもく会、なかにはノンテーマのもくもく会というものも存在します。 51 | 52 | こういったイベントに出向けば、ほぼ必ず「今どんな作業をしているんですか？」という交流が生まれます。そんなときに「実は今こういう本を書いていまして」と切り出すと話が弾みます。さらに、もくもく会に参加するような方々は、日頃からインプット・アウトプットを高速で回している傾向があります。つまり、潜在的な技術書執筆ニーズを持っている可能性が高いわけです。 53 | 54 | 今までに技術書執筆に興味がなかった人たちを、こちらの世界へ呼び寄せる。少々強引ですが、執筆仲間がいないなら作ればいいのです。実際、そのようなきっかけから技術書典に興味を持ち、出展することになった友人もおります。 55 | 56 | == もくもく執筆会に参加・開催して変わった世界 57 | 58 | 「技術書というものは1人で書くものだ」という意識は完全になくなりました。冒頭にもありますとおり、本書はGitHubを使っての共同執筆です。「みんなで書いている」という状態はとても楽しいものです。一冊にまとまって形になることを思うとワクワクします。2年前は1人で執筆していたことを思えば、驚くべき変化です。 59 | 60 | また、それぞれ得意分野の違う方々と交流できるのも、素晴らしい点です。自身のモチベーションを高めるにはもちろん、普段の仕事ではふれることのない分野の最新動向について自然とキャッチアップできるのも、技術書コミュニティへ参加するメリットと言えるでしょう。 61 | 62 | == あなたも今すぐ参加しよう！ 63 | 64 | 技術書典グループページ @{https://techbookfest.connpass.com/} や、もくもく執筆会グループページ @{https://techbook-meetup.connpass.com/} に登録しておけば、新規イベントが開催されたときにお知らせメールが送られてくるのでおすすめです。 65 | ] 66 | 67 | === ハッシュタグ #techbook_meetup で進捗を共有しよう 68 | 69 | 「遠方なので、執筆会に参加できない」という方でも大丈夫！ハッシュタグ @{#techbook_meetup} をつけて、執筆の進捗や、構成を練っているときの心境をつぶやきましょう。主催がふぁぼりに行きます。 70 | 71 | ====[column] すでにあなたも仲間です！：湊川あい 72 | 73 | 極論ですが、この本を読んでいるあなたも、すでに技術書執筆仲間と言えます。我々は、それぞれ専門分野は違えど心はひとつ、「技術書が好き、作りたいぐらい好き」。同人・商業、関係ありません。著書の有無も関係ありません。「技術書を書いてみたい」そう思ったその瞬間から、我々は仲間なのです。 74 | 75 | ====[/column] 76 | 77 | ====[column] 名刺を作ろう:親方 78 | 79 | コミュニティに参加したり、オフ会、アフター、もくもく会、その他執筆イベントに参加するようになると、絶対にあったほうが良いのが名刺です。ですので、この際作ってしまいましょう。 80 | 81 | 何も凝ったものを作る必要はなく、ハンドル名、ツイッターIDとかgitIDなど、自分がよく使う（他の人からコンタクトされやすい）SNSを載せておきましょう。モノクロでも、業者のテンプレートのままでもとりあえずは問題ありません。作ってあることが重要なのです。 82 | 83 | 昨今、印刷業界も過当競争が激しく、「名刺」とググれば様々な業者が100枚500円（送料込み）といったべらぼうに安い値段で印刷してくれます。URLを貼り付けるまでもないほど、たくさんの業者が引っかかりますし、どこも大差ないかと思います。納期も発注から2-3日で届きます。 84 | 85 | 本業名刺だと、「本名」も勤務先もいろいろバレてしまいますし、本業名刺には同人活動に関する情報が全く載っていないのであまり役に立ちません。この前のMeetupであったXXさん、フォローしとこう、といったときに役に立たないのです。 86 | 87 | ====[/column] 88 | 89 | ====[column] もくもく執筆会オススメです : @erukiti 90 | 91 | もくもく執筆会は主催のお二人の人柄がとても良く、毎回雰囲気の素晴らしいもくもく会を開催してくださっています。編集者の方、同人・商業問わず技術ライター諸氏なども多く参加しているオススメのイベントです。あまりにも居心地と作業効率アップ度の高さから、筆者（@erukiti）もたびたびお邪魔しています。 92 | 93 | ====[/column] 94 | -------------------------------------------------------------------------------- /articles/16-tempTopix.re: -------------------------------------------------------------------------------- 1 | = やる気と次の締切を手に入れよう。 2 | 3 | 人は締切がないと動きません。ですから、イベントが終わって一息ついたら、次の締め切りを手に入れましょう。このコラムでは、次の締め切りを手に入れる方法について述べます。 4 | 5 | == 締め切り駆動執筆のススメ 6 | まず、皆さんは締め切り駆動開発@{DDD}という言葉を聞いたことがあるでしょうか？締め切りを決めて、その直前に一気に書き上げる極めて有名な開発手法です。 7 | 8 | //footnote[DDD][アンサイクロペディア-締め切り駆動開発　@{http://ansaikuropedia.org/wiki/締め切り駆動開発/}] 9 | 10 | 進捗は締切から生まれます。アイディア出しとかは、締切があってこそです。技術書を書く第一歩は、締切を決めることです。間違ってもネタを探し始めるところから始めてはいけません。締切がない状態ではいつまでたってもネタは生まれません。 11 | 12 | 締切はどこにでも転がっています。 13 | 大きい締切は、当然イベント参加ですから、その入稿日が締め切りになります。技術書典あるいはコミケの締め切りをチェックしましょう。 14 | 15 | 次に大きい締切は、イベント申込の締め切り日です。夏コミ申し込みなら2月10日頃、冬コミ申し込みなら、8月20日頃です。技術書典なら、18年4月開催として、1月とかでしょうか。ここでは、サークルカットを作らなければいけないので、どんな本を作るかの大枠を決める必要があります。 16 | 17 | あとは、いかに小さな締切を確保するか、設定するか、です。原稿が進むわけではないですが、LT会とかに積極的に参加しましょう。できれば登壇側で。そうすると資料作りなどで脳みそが執筆モードに維持することができます。脳みそが執筆モードになっているときは、締切が多少遠くとも原稿が進みます。 18 | 19 | また、もくもく会の効果は非常に大きいです。もくもく会は、みんなで集まってもくもくと自分の作業をすすめる会です。2時間とか4時間とか時間が区切られていて、その間の成果を報告したりもします。自宅作業が進まない人は参加してみると良いでしょう。技術書典の公式もくもく会や、技術書もくもく会など、初めての人でも参加しやすいもくもく会はいくつかあります。 20 | 21 | そこで、本の目次を考えるもよし、本文を書くもよし。めっちゃ進みます。特に会の後半、もっというと終了間際の進捗は目をみはるものがあります。技術書典3の前に開催された公式のもくもく会では、4時間で7000字程度字の進捗があり、かつ最後の30分だけで2000字をすすめることができるなど、10ページレベルの原稿を一気に進めるだけの進捗効果があります。 22 | 23 | == モチベーションを飼いならせ：締め切りの決め方 24 | 25 | 同人誌執筆に限らず、何かを生み出す作業・活動は一般にかなりエネルギーを食います。なので、少なくとも健康であることが決定的に重要です。そして、おそらく皆さん本業があって、そのスキマ時間に執筆活動・創作活動をやっているかと思います。ということは、日々使える時間はわずかでしょう。私の場合は、子供を寝かしつけてから、0時までの約2時間がこれに充てられる時間。この中で、定期のアニメ(1クール3-4本)をニコニコで見て、ツイッターのTL警備して…などやっていると、あっという間に時間切れになります。同人誌執筆の優先順位は締め切り間際にならないと上がってきません。ですが、コンスタントになんとか毎回本を出せています。そこで、締め切りを適切に設定して、モチベーションを飼いならす方法をお伝えします。 26 | 27 | === モチベーションカーブの把握 28 | 29 | //image[motcurveblank][モチベーションカーブ記入用枠]{ 30 | //} 31 | まずは、自分のモチベーションを可視化してみましょう。@{motcurveblank}に、モチベーションを定量化するための枠を作ってみました。冬コミ終了後の1月1日から、夏コミ(8月中旬)に向けてのスケジュールで引いています。それぞれ、申込み、当落発表、入稿、等の予定も入れてあります。冬コミや技術書典などは月を振り直してください。次に、時期に応じたモチベーションを書いてみましょう。やる気がドバドバ出ているとき(あるいは修羅場モードは100%、全くやる気が出ないとき(ネットサーフィンとかで時間を潰しているときですよw)は0、ある程度やる気が出ているときは50くらいでしょうか。それで、線を1本引いてみましょう。どうなりましたか？それが、あなたのモチベーションカーブです。定常的にやる気が出せているよ、と自信を持って言える人。この節は飛ばしてOKです。頑張って自力で本が作れる人なので、手助けは必要ありませんし、できません。常に0のひと。とりあえずなんでもいいので、エディタを開いて、書いてみましょう。書き始めてみると案外書けます。脳というのは、嫌々でも手を動かすとやる気が出てくるらしいですよ。 32 | 33 | 筆者の場合を@{motcurve}に示します。デッドライナーに一般に当てはまるようです。打ち上げのときの万能感、翌日には一気にゼロまで落ちて、それからしばらくゼロを低迷します。ようやくイベント申し込みで少し盛り上がり、再度落ちて、入稿直前に盛り上がってきます。実質1週間2週間で本を書き上げ、入稿して、そのままのテンションでイベント当日を迎えます。 34 | //image[motcurve][締め切りドリブンな人のモチベーションカーブ]{ 35 | //} 36 | こうなる人もこうならない人も、いるかと思いますが、いずれにせよ自分のモチベーションカーブを把握しておくことは重要です。初めて本を書くにあたっては、できるだけ前倒しにしたいところですが、そうはいってもやる気が出ないものは出ないのでジタバタしましょう。 37 | 38 | === モチベーションカーブの証拠 39 | 40 | さて、上でモチベーションカーブについて述べました。モチベーションカーブは、自分の場合はこうかな、ということで、PPTのフリー曲線で作ったものです。しかし、そういう意味では、本当に存在するかどうかは怪しいところだと思っていました。 41 | 42 | そこで、Githubの機能で、アクティビティを可視化する機能がありましたので、それを使ってモチベーションカーブが正しいのか検証したいと思います。 43 | 44 | この本の執筆は、Github+Re:VIEWの多人数同時執筆という形で実施しました。最初の投げかけをしたのが10月末、その後えるきちさんと別イベントで会ったときに意気投合し、Gitとテンプレートの初期設定をやっていただいたのが11月1日で、それからの活動状況をグラフにしたものを貼ります。期間の調整のしかたがよくわからなかったので、そのままスクリーンショット貼り付けです。期間外については、もともとのTechboosterのほうの活動が反映されてるということでしょうか… 45 | 46 | //image[Commit][本稿執筆時のアクティビティ] 47 | 48 | //image[Contribute][人別アクティビティ] 49 | 50 | なんと見事なモチベーションカーブでしょう。12月3日ごろにピークが来ているのは、そこが一旦の締め切りだったためで、そのあとも、レビューによる若干の追記、修正を実施していたためですが、いずれにせよ、皆さん締め切りドリブンですね。いやまさか、モチベーションカーブを可視化できる日が来るなんて・・・ありがたやありがたや。 51 | 52 | ====[column] Gitと「わかばちゃんと学ぶGit使い方入門」 : 親方 53 | 54 | 繰り返しになりますが、この同人誌が成立するにあたっては、湊川さんの著書、「わかばちゃんと学ぶGit使い方入門」の寄与が非常に大きいです。プログラマではない私にとって、Gitはただのソースコードをダウンロードするところ。という認識でした。ですが、今回使ってみて、目からうろこがボロボロ落ちました。そして使い始めるにあたってとっても参考になったのが「わかばちゃん～です」重ねてお礼申し上げます。 55 | 56 | ====[/column] 57 | 58 | === 締め切りの設定：早割締め切りを使おう 59 | 60 | モチベーションカーブを把握したら、次にやることは、締切の設定です。とにかく締切が決まらないと人間動けません。イベント日程が決まっているなら、その3週間前にマルを付けます。あるいは、印刷所のHPを開いて、そのイベント合わせの締切日を探します。大きなイベントであれば、専用ページに各種締め切り一覧が記載されているはずです。そのページの中で、一番早い締切を締め切りに設定します。早い締切は、早割の締切です。この早割締め切りに向けて、締め切り直前に全力を出すのです。間違っても、通常入稿締め切りや、割増締め切りを見てはいけません。 61 | 62 | 締め切り前の1週間のモチベーションが高いことは先に述べました。でるなら、締め切り直前が重要であり、締め切りは伸ばしたほうがよいではないか、という指摘もあろうかと思います。ここで、再度さっきのモチベーションカーブを見てみましょう。モチベーションが上がってくるのは締め切りの直前ですが、締切を1週間後ろにずらしてみましょう。その時のモチベーションカーブはどうなりますか？その場にとどまりますか？いいえ、締切に連動して、後ろに伸びます。ということは、モチベーションゼロの期間が1週間伸びるだけなのです。断言します。締め切りを1週間伸ばして鬼入稿しても、ページ数は増えないし、クオリティは上がりません。 63 | 64 | 逆に、早割を使うと、大きなメリットがいくつもあります。 65 | 66 | メリットの一つ目は、印刷費のカットです。印刷業者は大きな装置産業なので、印刷機を遊ばせていては儲かりません。ですから、注文が少ない時期は大幅に割引をしてくれます。イベントの2週間前より3週間前のほうが安くなります。この割引率はかなり大きく、1割2割の割引はザラです。 67 | 68 | もう一つのメリットは、進捗のバッファになる点です。コミケで言えば、冬コミ締め切り直前にインフルエンザに罹りました、夏コミ入稿前に夏風邪ひきましたなどありえます。この時鬼入稿締め切りをターゲットにしていると、本当に詰みます。早割締め切りから通常締め切り、鬼入稿締め切りまで1週間程度あるので、最悪通常料金、通常割増で対応できます。不測の事態の代償がお金で解決できるので問題ありません。 69 | 70 | そして、締切を設定してしまえば、手さえ動かし始めれば、やる気は勝手に出てきます。これで、印刷費をカットしつつ、バッファも持って、余裕ある執筆が可能となるのです。 71 | 72 | ====[column] ネタ出し兼やる気出し法 : 親方 73 | 74 | おすすめは、いきなりパソコンに向かわず、大きめの紙（最低A4、大きい方が良い）に、今回作りたい本に入れたいネタを手書きで書き出してみましょう。思いついたものをとにかく書き出します。消しゴムは不要、フリクションボールペンは消えるのでやめましょう。書き味の良いボールペンがベスト。 75 | 76 | 書き出したキーワード、目次になりそうなものをピックアップして、並べてみます。ほら、目次ができました。目次ができたらあとはさらに細かい目次を付け加えていき、肉付けをするだけです。目次ができたら、すでに8割方勝ちです。 77 | 78 | ====[/column] 79 | 80 | == 次の締め切りを手に入れよう 81 | 82 | やる気を出すためには、次の締め切りを手に入れる必要があります。締め切り駆動執筆の本領が発揮されます。締め切りさえ手に入れてしまえばもう勝てます。 83 | 84 | まずは、イベントに申し込むのです。 85 | 86 | そして、本を書くのです。 87 | 88 | 書いた本を印刷して、イベントで売るのです。 89 | 90 | 次のイベントに申し込むのです。 91 | 92 | ようこそ、楽しい無限ループの世界へ。 -------------------------------------------------------------------------------- /articles/assets/sec-nombre/sec-nombre.key: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/assets/sec-nombre/sec-nombre.key -------------------------------------------------------------------------------- /articles/book-style.re: -------------------------------------------------------------------------------- 1 | = 本のスタイルはどうすればいいのか？ 2 | 3 | 同人誌を作成する場合、大きくは、印刷所に出すのか、コピー誌にするのか、電子書籍にするのか、という選択があります。印刷所に出す場合には、オフセット印刷、オンデマンド印刷の選択があり、コピー誌にも選択肢がいくつかあります。見た目、読みやすさ、大きさ、コストがそれぞれ違います。本節では、同人誌の体裁や印刷方法について触れます。 4 | 5 | == 印刷所に出すか、コピー誌にするか、または電子書籍にするか 6 | 7 | 一般的にイメージする同人誌は、印刷所での印刷と思って良いでしょう。くるみ製本（表紙で本文をくるんであるのでそう呼ばれます）の本ができあがります。ページ数によっては中綴じとする場合もありますが、技術系同人誌はある程度厚みがある事が多いので、中綴じについてはここではあまり触れません。 8 | 9 | なお、本節において、（広義の）コピー本は、自分で印刷して、製本した本という意味で使います。必ずしもコピー機でコピーしてホチキス止めした本のみを指すわけではありません。 10 | 11 | 印刷所に出す場合、イベントの2週間から3週間前には原稿を仕上げて、入稿する必要があります。この締切を守れない場合は、費用がUPする、あるいは本が発行できないということになります。 12 | 13 | これに対してコピー本は、直前まで執筆・製作が可能です。あまりおすすめはしませんが、当日朝まで徹夜で書いて、そのままイベント開始までの時間で印刷・製本し当日頒布するということも可能です。突発で本のネタを思いついたときなどに活躍します。自宅のプリンター、コンビニのコピー機、キンコーズのような印刷サービスを利用して印刷します。キンコーズであれば製本まで自動ですが、それ以外だとホチキス止めなどは自分で行う必要があります。 14 | 15 | コピー本のデメリットは、コピー本は頒価が上げづらい割に、少部数のコピー／印刷なので、案外印刷コストがかかります。 16 | 17 | 3つめの選択が、電子書籍として頒布する方法です。PCで書いているので、そのまま電子書籍として頒布可能なpdfやepub形式が出力可能です。これをCDやUSBなどのメディアに書き込んで配布する、あるいは、ダウンロードURL／QRコードを載せたダウンロードカードを販売するとか、電子書籍頒布プラットフォームに載せます。 18 | 19 | 印刷費用がほぼ不要であるとともに、技術書は電子書籍として馴染みやすいというメリットがあります。また適宜改訂も可能であるというメリットがあります。また、搬入の手間や在庫リスクがないのも大きなメリットです。 20 | 21 | デメリットは、技術書典といえど、紙の本の志向が強いという点です。本と電子書籍があったとして、本のほうがよく売れるという傾向にあるようです。所有欲というわけではないのですが…紙志向というのは私は納得するところです。 22 | 23 | 発行媒体それぞれについてのメリット・デメリットをまとめます。 24 | 25 | //table[pubmed][媒体まとめ]{ 26 | 出版方法 メリット デメリット 27 | ------------------------------------------------- 28 | 印刷所 直接搬入可、体裁クオリティ高、 入稿日早い、少部数困難 29 | コピー本 締め切り自由度高い 頒価の割にコスト大、手間大 30 | 電子書籍 在庫リスクなし、印刷費小 紙志向は案外強い 31 | //} 32 | 33 | ====[column] 印刷所のえらびかた：@erukiti 34 | 35 | はじめて同人誌をだすとき一番悩むのはおそらくどの印刷所にお願いするか？でしょう。技術書典であれば公式サイトからリンクされている印刷所にお願いするといいでしょう。技術書典ほどの大規模イベントだと、印刷所が「イベント支援」をしていることが多いです。イベント支援とは会場への直接搬入だったり、締め切りの融通が利いたり、すこしお得な値段設定だったりです。 36 | 37 | わからないことがあれば早めに問い合わせをしましょう。入稿形式であったり、印刷所の人は色々丁寧に教えてくれますし、向こうでなんとかしてくれることも多いです。問い合わせはなるべくなら電話がいいです。そして入稿後は必ず電話はちゃんとすぐ出られるようにしましょう。 38 | 39 | 慣れている人達は、自分の好きな印刷所があるようです。印刷所によって品質や値段がだいぶん違うですね。 40 | 41 | ====[/column] 42 | 43 | ====[column] 印刷所を選んだ遍歴：親方 44 | 45 | これまで15冊近く同人誌を発行してきて、3回ほど印刷所を変えました。不満があってというわけではななく、そのときに必要だったから変えた、という面が多いのですが、その履歴を少し説明します。 46 | 47 | * 共信印刷：オンデマンドセットを利用。初めての本から数冊。締切が遅い。 48 | * ポプルス：共信印刷では対応しない厚み（100Pover)をオンデマンドで実施。 49 | * 栄光：表紙絵師から勧められて、オフセットで実施。リピーターへのサービスが厚い。 50 | * K-9：栄光より安かった。締切は栄光より若干遅い。 51 | 52 | いずれも印刷クオリティ、対応については申し分なく、不満があって印刷所を変えたわけではないことは繰り返しておきます。 53 | 54 | 同人誌印刷で検索すれば、非常にたくさんの印刷所が検索に引っかかります。 55 | 私の場合は、価格と締切のバランスを考えつつ、直接搬入に対応していることは必要条件として、さらにはポスター印刷サービスなどがあるか、といったところを基準に選んでいます。 56 | 57 | ====[/column] 58 | 59 | == オフセット印刷とオンデマンド印刷 60 | 61 | 印刷所に印刷してもらう場合はこれらのどちらかになります。オフセット印刷はある程度の分量を刷るのに向いていて、印刷が綺麗という特徴があります。オンデマンド印刷は多少安いですが場合によっては印刷が微妙なケースもあります。 62 | 63 | オフセット印刷は、大型印刷機で版下を作って印刷する方法です。「印刷」といったときのイメージはだいたいこれです。大部数にも対応し、印刷品質が高いというメリットがあります。 64 | 65 | デメリットは、少部数の印刷には向かない（コストが高い）という点です。 66 | 67 | オンデマンド印刷は、業務用レーザープリンターのようなもので印刷する方法で、少部数（10部とかから）でも比較的安価に印刷可能です。印刷クオリティはオフセットに比べると若干落ちるのですが、そうはいっても、同じ原稿を比べると発色が眠いかな…？線の再現が甘いかな？程度の話で、一冊だけを見てどうこういうほど劣るわけではありません。 68 | 69 | お金の話の章で金額的な詳細がありますが、両者の逆転ポイントは150部程度にあり、ざっと100部以下ならオンデマンド、200部以上ならオフセットとするのが印刷費上有利です。 70 | 71 | また印刷所によっては、印刷し易いモノクロ本文はオフセット印刷をし、表紙はオンデマンド印刷をして製本時に合わせるという方式を取っているところもあります。本文は印刷がきれい、表紙はコスト低減しつつ納期余裕ありということで、美味しい選択肢です。 72 | 73 | オンデマンド印刷もオフセット印刷も入稿方法には差はありません。オンデマンドのほうが若干締切が遅い傾向がありますが、それも印刷所次第であまり大きな差ではありません。 74 | 75 | == コピー誌 76 | 77 | 大昔であればコンビニでコピーして製本用のホッチキスを使って作る光景がよく見かけられましたが、イマドキならキンコーズを使うのが楽でしょう。 78 | 79 | くるみ製本まで自動でやってくれるらしいです。 80 | 81 | デメリットは、頒価を上げづらい割に、印刷コストがかかるという点です。例えば、20Pのコピー本を作るのに、両面印刷したとしても10回コピーする必要があり、1回10円として100円かかります。ページ数が増えると、印刷コストが上がりますが、体裁的に頒価を上げるのはなかなか勇気のいるところです。また、表紙をカラーにした場合は更にその分UPします。また、作成の手間も（キンコーズ等を使う場合はともかく）、折ったり綴じたりは案外大変です。コピー機やプリンターに張り付く時間は結構長くなりますし、本が厚くなると、ホチキスの針が通らないのでやり直すなど、案外手間を取られます。 82 | 83 | == 判型：B5, A5, A4… 84 | 85 | 本の大きさについてです。同人誌全般にB5がやはり主流です。特段問題なければ、B5として良いと思います。 86 | 87 | ページ数が少ない場合、本文の分量が少ない場合は、A5としても良い場合があるでしょう。とはいえ、A5サイズの厚い本も普通にあります。ある程度文章量がある場合に、厚みを出すために使うということも可能です。 88 | 89 | 逆に、A4サイズの同人誌も時々あります。個人的には、持ち帰るのが大変なのでちょっと・・・と思うこともありますが。また対応していない印刷所もあるようです。特段の意図をもってA4を選択する場合は、対応している印刷所を選ぶ必要があります。 90 | 91 | 本の大きさをいずれにしようとも、原稿作成にあたっては文字数、行数、文字サイズを設定後執筆する必要があります。本文原稿作成中に一度実寸で印刷してみて、文字が小さすぎないか、マージンが大きすぎないか（スカスカに見えないか、つまりすぎていないか）等をチェックして、出来上がり原稿サイズとページ数の兼ね合いを検討すると良いでしょう。 92 | 93 | //table[size][判型]{ 94 | 名称 サイズ 95 | ------------------------------ 96 | B5 182×257mm 同人誌や技術書ではよく見かけられるサイズ。あるいは教科書（大きい方） 97 | A5 148×210mm 教科書（小さい方） 98 | B4 257×364mm 99 | A4 210×297mm 100 | A3 297×420mm セブンイレブンのネットプリントでの最大サイズ 101 | //} 102 | 103 | == フォントをどうするか 104 | 105 | 最近は無料で使える優秀なフォントもいっぱいあります。もしMacを利用していれば、ヒラギノなどMacのフォントは商用利用可能です。 106 | 107 | フォントは大きく分けて明朝体とゴシックに分かれます。明朝体は教科書っぽさがでますし、ゴシックだと少し柔らかい感じになります。どういうターゲット層にどういう印象を与えたいかで選択すればいいと思います。 108 | 109 | == サンプルソースをどうするか 110 | 111 | ソフトウェアの技術書にはサンプルコードがつきものです。ベストは、Githubなどでサンプルソース専用のリポジトリを作成してそこで公開です。これなら、読者がいつでも最新のサンプルソースを入手できます。Re:VIEWで原稿を書く場合でもサンプルソースをそのまま引っ張ってくる記法もあります。 112 | 113 | サポートページを作ってもそこでサンプルソースを配布してもいいですが、手間を考えるとGithubというエコシステムに乗っかるのがもっとも楽です。 114 | 115 | == 電子書籍 116 | 117 | 電子書籍の場合はepub形式かPDF形式が主流です。 118 | 119 | epubはめちゃくちゃ雑にいってしまうとHTML+CSSをzipで固めたものです。サイズの違う端末で見たときに文字数などを変えるリフロー機能が特徴的です。そのため、スマートフォン、タブレットなどを活用するひとにはepub形式が便利です。ただ、epub形式もそれぞれの閲覧環境によって細かい違いがあったり、微妙なバッドノウハウがはびこるところもあます。 120 | 121 | PDFはリフローはできませんが印刷物と同じクォリティを実現できるフォーマットです。技術書としてはPDFの方がありがたいという人もそれなりにいるようです。 122 | 123 | どちらも利点・欠点があり、需要があるため、一番いいのは両方を生成することです。本書の執筆に用いているRe:VIEWなんかはepubとPDFの両方を生成できます。 124 | -------------------------------------------------------------------------------- /articles/catalog.yml: -------------------------------------------------------------------------------- 1 | PREDEF: 2 | # 1.　この本の目的 3 | - preface.re 4 | 5 | CHAPS: 6 | # 4.　技術書オンリー+コミケ　参加のメリット 7 | - 04-attendEvent.re 8 | 9 | # 4 イベント参加のメリットとネタだしに関連する感じですがうまく編集していただければ！！ 10 | - output.re 11 | 12 | # 5.　ネタ出し法 13 | - 05-thinkScript.re 14 | 15 | # 　・本のスタイル（サイズ、印刷方法）に関して考える。 16 | - book-style.re 17 | 18 | # 表紙を作る 19 | - frontcover.re 20 | - sec-cover.re 21 | 22 | # 6.　執筆環境について：本文を書くので、ここ。 23 | - writing.re 24 | 25 | # 図を埋め込む（MacOS編） 26 | - sec-image.re 27 | # 図を埋め込む（Windows 7編） 28 | - sec-image-win7.re 29 | # ノンブルについて 30 | - sec-nombre.re 31 | 32 | # 7.　印刷業者に頼むためのTips 33 | # 印刷所に発注するために必要なこと。 34 | - 07-howToOrder.re 35 | 36 | # 準備をしよう。 37 | # 8.　当日までの準備 38 | # 　・持ち物リスト 39 | # 　・告知をしよう 40 | - prepare.re 41 | 42 | # 9.　当日朝、開場までの準備 43 | - 09-morning.re 44 | 45 | # 10.　開催中のTips 46 | # 　・イベント中のオペレーション体制 47 | # 　・ワンオペ時の回し方 48 | - 10-eventTips.re 49 | 50 | # 11.　イベント終わってからやること 51 | 52 | - 11-afterevent.re 53 | 54 | 55 | # 13.　委託しよう　ZIN委託もここに書く 56 | - 13-booth.re 57 | 58 | # 14.　コミュニティに参加する 59 | # 　・もくもく会とか。 60 | - 14-Meetup.re 61 | 62 | # 15.　お金の話 63 | # 　・印刷費用と頒布価格、イベント収支 64 | - 15-aboutMoney.re 65 | 66 | # 16.　次の締切を手に入れる&モチベーションの話。 67 | - 16-tempTopix.re 68 | 69 | APPENDIX: 70 | 71 | # なにか付録があれば 72 | # 3.　この本の執筆環境について 73 | - 01-writing.re 74 | 75 | # Re:VIEWのインストール（Windows7編） 76 | - sec-windows7-installation.re 77 | 78 | # Wordの簡単な入門 79 | - sec-word-intro.re 80 | 81 | POSTDEF: 82 | # 16.　あとがき 83 | - postscript.re 84 | 85 | # 17.　執筆者一覧 86 | - contributors.re 87 | -------------------------------------------------------------------------------- /articles/codes/rake-images.rb: -------------------------------------------------------------------------------- 1 | desc "convert images" 2 | task :images do 3 | ## macOSならsipsコマンドを使い、それ以外ではImageMagickを使う 4 | has_sips = File.exist?("/usr/bin/sips") 5 | ## 高解像度の画像をもとに低解像度の画像を作成する 6 | for src in Dir.glob("images_highres/**/*.{png,jpg,jpeg}") 7 | ## 低解像度の画像を作成済みなら残りの処理をスキップ 8 | dest = src.sub("images_highres/", "images_lowres/") 9 | next if File.exist?(dest) && File.mtime(src) == File.mtime(dest) 10 | ## 必要ならフォルダを作成 11 | dir = File.dirname(dest) 12 | mkdir_p dir if ! File.directory?(dir) 13 | ## 高解像度の画像のDPIを変更（72dpi→360dpi） 14 | if has_sips 15 | sh "sips -s dpiHeight 360 -s dpiWidth 360 #{src}" 16 | else 17 | sh "convert -density 360 -units PixelsPerInch #{src} #{src}" 18 | end 19 | ## 低解像度の画像を作成（72dpi、横幅1/5） 20 | if has_sips 21 | `sips -g pixelWidth #{src}` =~ /pixelWidth: (\d+)/ 22 | option = "-s dpiHeight 72 -s dpiWidth 72 --resampleWidth #{$1.to_i / 5}" 23 | sh "sips #{option} --out #{dest} #{src}" 24 | else 25 | sh "convert -density 72 -units PixelsPerInch -resize 20% #{src} #{dest}" 26 | end 27 | ## 低解像度の画像のタイムスタンプを、高解像度の画像と同じにする 28 | ## （＝画像のタイムスタンプが違ったら、画像が更新されたと見なす） 29 | File.utime(File.atime(dest), File.mtime(src), dest) 30 | end 31 | ## 高解像度の画像が消されたら、低解像度の画像も消す 32 | for dest in Dir.glob("images_lowres/**/*").sort().reverse() 33 | src = dest.sub("images_lowres/", "images_highres/") 34 | rm_r dest if ! File.exist?(src) 35 | end 36 | end 37 | -------------------------------------------------------------------------------- /articles/codes/rake-toggle.rb: -------------------------------------------------------------------------------- 1 | namespace "images" do 2 | 3 | desc "toggle image directories ('images_{lowres,highres}')" 4 | task :toggle do 5 | link = File.readlink("images") 6 | rm "images" 7 | if link == "images_lowres" 8 | ln_s "images_highres", "images" 9 | else 10 | ln_s "images_lowres", "images" 11 | end 12 | end 13 | 14 | end 15 | -------------------------------------------------------------------------------- /articles/config.yml: -------------------------------------------------------------------------------- 1 | # review-epubmaker向けの設定ファイルの例。 2 | # yamlファイルをRe:VIEWファイルのある場所に置き、 3 | # 「review-epubmaker yamlファイル」を実行すると、.epubファイルが 4 | # 生成されます。 5 | # このファイルはUTF-8エンコーディングで記述してください。 6 | 7 | # この設定ファイルでサポートするRe:VIEWのバージョン番号。 8 | # major versionが違うときにはエラーを出す。 9 | review_version: 2.0 10 | 11 | # ほかの設定ファイルの継承を指定できる。同じパラメータに異なる値がある場合は、 12 | # 呼び出し元の値が優先される。 13 | # A.yml、B.ymlのパラメータを継承する例。A.ymlとB.ymlに同じパラメータがある 14 | # 場合、B.ymlの値が優先される。さらに今このファイルに同じパラメータがあるなら、 15 | # その値がB.ymlよりも優先される。 16 | # 同様にA.yml、B.yml内でさらにinherit:パラメータを使うこともできる。 17 | # inherit: ["A.yml", "B.yml"] 18 | 19 | # ブック名(ファイル名になるもの。ASCII範囲の文字を使用) 20 | bookname: c93-onestop-techbook 21 | # 記述言語。省略した場合はja 22 | language: ja 23 | 24 | # 書名 25 | # 読みを入れる例 booktitle: {name: "Re:VIEW EPUBサンプル", file-as: "リビューイーパブサンプル"} 26 | booktitle: ワンストップ！技術同人誌を書こう 27 | 28 | # 著者名。「, 」で区切って複数指定できる 29 | # 読みを入れる例 aut: [{name: "青木峰郎", file-as: "アオキミネロウ"}, {name: "武藤健志", file-as: "ムトウケンシ"}, {name: "高橋征義", file-as: "タカハシマサヨシ"}, {name: "角征典", file-as: "カドマサノリ"}] 30 | aut: ["親方@oyakata2438"] 31 | #aut: [{"えるきち@erukiti","せとあず♂@setoazusa","もふもふ@froakie0021","湊川あい@llminatoll","暗黙の型宣言","Yuki Ichinomiya@yk_ichinomiya"}] 32 | 33 | # 以下はオプション 34 | # 以下はオプション(autと同じように配列書式で複数指定可能)。 35 | # 読みの指定はaut:の例を参照。 36 | # a-が付いているものはcreator側、 37 | # 付いていないものはcontributor側(二次協力者)に入る 38 | # a-adp, adp: 異なるメディア向けに作り直した者 39 | # a-ann, ann: 注釈記述者 40 | # a-arr, arr: アレンジした者 41 | # a-art, art: グラフィックデザインおよび芸術家 42 | # a-asn, asn: 関連・かつての所有者・関係者 43 | # a-aqt, aqt: 大きく引用された人物 44 | # a-aft, aft: 後書き・奥付の責任者 45 | # a-aui, aui: 序論・序文・前書きの責任者 46 | # a-ant, ant: 目録責任者 47 | # a-bkp, bkp: メディア制作責任者 48 | # a-clb, clb: 限定参加または補足者 49 | # a-cmm, cmm: 解釈・分析・考察者 50 | # a-csl, csl: 監修者 51 | # a-dsr, dsr: デザイナ 52 | # a-edt, edt: 編集者 53 | # edt: ["編集者"] 54 | # a-ill, ill: イラストレータ 55 | # a-lyr, lyr: 歌詞作成者 56 | # a-mdc, mdc: メタデータセットの一次的責任者 57 | # a-mus, mus: 音楽家 58 | # a-nrt, nrt: 語り手 59 | # a-oth, oth: その他 60 | # a-pht, pht: 撮影責任者 61 | # a-pbl, pbl: 出版社（発行所） 62 | pbl: 親方Project 63 | # a-prt, prt: 印刷所 64 | prt: ケーナイン 65 | # prt: TechBooster 66 | # a-red, red: 項目の枠組起草者 67 | # a-rev, rev: 評論者 68 | # a-spn, spn: 援助者 69 | # a-ths, ths: 監督者 70 | # a-trc, trc: 筆記・タイプ作業者 71 | # a-trl, trl: 翻訳者 72 | 73 | # 刊行日(省略した場合は実行時の日付) 74 | date: 2017-12-29 75 | # 発行年月。YYYY-MM-DD形式による配列指定。省略した場合はdateを使用する 76 | # 複数指定する場合は次のように記述する 77 | # [["初版第1刷の日付", "初版第2刷の日付"], ["第2版第1刷の日付"]] 78 | # 日付の後ろを空白文字で区切り、任意の文字列を置くことも可能。 79 | history: [["2017-12-29 コミックマーケットC93 v1.0.0"]] 80 | # 権利表記(配列で複数指定可) 81 | # rights: (C) 2016 Re:VIEW Developers 82 | rights: (C) 2017 親方Project 83 | # description: 説明 84 | # subject: 短い説明用タグ(配列で複数指定可) 85 | # type: 書籍のカテゴリーなど(配列で複数指定可) 86 | # format: メディアタイプおよび特徴(配列で複数指定可) 87 | # source: 出版物生成の重要なリソース情報(配列で複数指定可) 88 | # relation: 補助的リソース(配列で複数指定可) 89 | # coverage: 内容の範囲や領域(配列で複数指定可) 90 | 91 | # デバッグフラグ。nullでないときには一時ファイルをカレントディレクトリに作成し、削除もしない 92 | debug: null 93 | 94 | # 固有IDに使用するドメイン。省略した場合は時刻に基づくランダムUUIDが入る 95 | # urnid: urn:uid:https://github.com/TechBooster/ReVIEW-Template 96 | # 97 | # ISBN。省略した場合はurnidが入る 98 | # isbn: null 99 | # 100 | # HTMLファイルの拡張子(省略した場合はhtml) 101 | htmlext: html 102 | # 103 | # CSSファイル(配列で複数指定可、yamlファイルおよびRe:VIEWファイルを置いたディレクトリにあること) 104 | stylesheet: ["style.scss"] 105 | 106 | # ePUBのバージョン (2か3) 107 | epubversion: 3 108 | # 109 | # HTMLのバージョン (4か5。epubversionを3にしたときには5にする) 110 | htmlversion: 5 111 | 112 | # 目次として抽出する見出しレベル 113 | toclevel: 3 114 | 115 | # 採番の設定。採番させたくない見出しには「==[nonum]」のようにnonum指定をする 116 | # 117 | # 本文でセクション番号を表示する見出しレベル 118 | secnolevel: 3 119 | 120 | # 以下のsecnolevelはまだ未実装。 121 | # 前付でセクション番号を表示する見出しレベル(未実装) 122 | # pre_secnolevel: 0 123 | # 124 | # 後付(付録)でセクション番号を表示する見出しレベル(未実装) 125 | # post_secnolevel: 1 126 | # 127 | # 部番号を表示する見出しレベル(未実装) 128 | # part_secnolevel: 1 129 | 130 | # 本文中に目次ページを作成するか。省略した場合はnull (作成しない) 131 | toc: true 132 | 133 | # EPUB2標準の目次(NCX)以外に物理目次ファイルを作成するか。省略した場合はnull (作成しない) 134 | # ePUB3においてはこの設定によらず必ず作成される 135 | # mytoc: true 136 | 137 | # 表紙にするHTMLファイル。ファイル名を指定すると表紙として入る 138 | # cover: null 139 | # 140 | # 表紙に配置し、書籍の影絵にも利用する画像ファイル。省略した場合はnull (画像を使わない)。画像ディレクトリ内に置いてもディレクトリ名は不要(例: cover.jpg) 141 | # coverimage: cover.png 142 | # 143 | # 表紙の後に大扉ページを作成するか。省略した場合はnull (作成しない) 144 | titlepage: true 145 | # 146 | # 自動生成される大扉ページを上書きするファイル。ファイル名を指定すると大扉として入る 147 | # titlefile: null 148 | # 149 | # 原書大扉ページにするHTMLファイル。ファイル名を指定すると原書大扉として入る 150 | # originaltitlefile: null 151 | # 152 | # 権利表記ページファイル。ファイル名を指定すると権利表記として入る 153 | # creditfile: null 154 | 155 | # 奥付を作成するか。デフォルトでは作成されない。trueを指定するとデフォルトの奥付、ファイル名を指定するとそれがcolophon.htmlとしてコピーされる 156 | colophon: true 157 | 158 | # 裏表紙ファイル (画像はcoversまたはimagesに配置する)。ファイル名を指定すると裏表紙として入る 159 | # backcover: null 160 | 161 | # プロフィールページファイル。ファイル名を指定すると著者紹介として入る 162 | # profile: null 163 | # プロフィールページの目次上の見出し 164 | # profiletitle: 著者紹介 165 | 166 | # 広告ファイル。ファイル名を指定すると広告として入る 167 | # advfile: null 168 | 169 | # 取り込む画像が格納されているディレクトリ。省略した場合は以下 170 | # imagedir: images 171 | 172 | # 取り込むフォントが格納されているディレクトリ。省略した場合は以下 173 | # fontdir: fonts 174 | 175 | # imagedir内から取り込まれる対象となるファイル拡張子。省略した場合は以下 176 | # image_ext: ["png", "gif", "jpg", "jpeg", "svg", "ttf", "woff", "otf"] 177 | 178 | # fontdir内から取り込まれる対象となるファイル拡張子。省略した場合は以下 179 | # font_ext: ["ttf", "woff", "otf"] 180 | 181 | # ソースコードハイライトを利用する (pygmentsには外部gemが必要) 182 | # highlight: 183 | # html: "rouge" 184 | # html: "pygments" 185 | # latex: "listings" 186 | 187 | # カタログファイル名を指定する 188 | # catalogfile: catalog.yml 189 | 190 | # 1ページの行数文字数と1kbごとのページ数を用紙サイズで指定する(A5 or B5)。 191 | # page_metric: A5 192 | # 193 | # あるいは、配列で指定することもできる 194 | # 各数字の意味は、順にリストの行数、リストの1行字数、テキストの行数、テキストの1行字数、1kバイト毎のページ数 195 | # page_metric: [40,80,40,80,2] 196 | 197 | # ページ送りの送り方向、page-progression-directionの値("ltr"|"rtl"|"default") 198 | direction: "ltr" 199 | 200 | # EPUBのOPFへの固有の追加ルール 201 | # 要素に追加する名前空間 202 | # opf_prefix: {ebpaj: "http://www.ebpaj.jp/"} 203 | # 追加する要素のプロパティとその値 204 | # opf_meta: {"ebpaj:guide-version": "1.1.3"} 205 | 206 | # 以下のパラメータを有効にするときには、 207 | # epubmaker: 208 | # パラメータ: 値 209 | # パラメータ: 値 210 | # ... 211 | # という構成にする必要がある(インデントさせる) 212 | 213 | epubmaker: 214 | # HTMLファイルの拡張子 215 | htmlext: xhtml 216 | # 217 | # 目次を要素の階層表現にしない。省略した場合(null)は階層化する。 218 | # 特に部扉が入るなどの理由で、構成によっては階層化目次でepubcheckに 219 | # パスしない目次ができるが、そのようなときにはこれをtrueにする 220 | # flattoc: null 221 | # 222 | # 目次のインデントレベルをスペース文字で表現する(flattocがtrueのときのみ) 223 | # flattocindent: true 224 | # 225 | # NCX目次の見出しレベルごとの飾り(配列で設定)。EPUB3ではNCXは作られない 226 | # ncxindent: 227 | #- 228 | #- - 229 | # フックは、各段階で介入したいときのプログラムを指定する。自動で適切な引数が渡される 230 | # プログラムには実行権限が必要 231 | # ファイル変換処理の前に実行するプログラム。スタイルシートのコンパイルをしたいときなどに利用する。 232 | # 渡される引数1=作業用展開ディレクトリ 233 | # hook_beforeprocess: null 234 | # 235 | # 前付の作成後に実行するプログラム。作業用展開ディレクトリにある目次ファイル(toc-html.txt)を操作したいときなどに利用する。 236 | # 渡される引数1=作業用展開ディレクトリ 237 | # hook_afterfrontmatter: null 238 | # 239 | # 本文の変換後に実行するプログラム。作業用展開ディレクトリにある目次ファイル(toc-html.txt)を操作したいときなどに利用する。 240 | # 渡される引数1=作業用展開ディレクトリ 241 | # hook_afterbody: null 242 | # 243 | # 後付の作成後に実行するプログラム。作業用展開ディレクトリにある目次ファイル(toc-html.txt)を操作したいときなどに利用する。 244 | # 渡される引数1=作業用展開ディレクトリ 245 | # hook_afterbackmatter: null 246 | # 247 | # 画像およびフォントをコピーした後に実行するプログラム。別の画像やフォントを追加したいときなどに利用する。 248 | # 渡される引数1=作業用展開ディレクトリ 249 | # hook_aftercopyimage: null 250 | # 251 | # ePUB zipアーカイブ直前に実行するプログラム。メタ情報などを加工したいときなどに利用する。 252 | # 渡される引数1=ePUB準備ディレクトリ 253 | # hook_prepack: null 254 | # 255 | # 変換したHTMLファイルおよびCSSを解析して厳密に使用している画像ファイルだけを取り込むか。デフォルトはnull(imagesディレクトリすべてを取り込む) 256 | # なお、フォント、カバー、広告についてはこの設定によらずディレクトリ内のものがすべて取り込まれる 257 | # verify_target_images: null 258 | # 259 | # verify_target_imagesがtrueの状態において、解析で発見されなくても強制的に取り込むファイルの相対パスの配列 260 | # force_include_images: [] 261 | # 262 | # Re:VIEWファイル名を使わず、前付にpre01,pre02...、本文にchap01,chap02l...、後付にpost01,post02...という名前付けルールにするか 263 | # rename_for_legacy: null 264 | # 265 | # ePUBアーカイブの非圧縮実行 266 | # zip_stage1: "zip -0Xq" 267 | # 268 | # ePUBアーカイブの圧縮実行 269 | # zip_stage2: "zip -Xr9Dq" 270 | # 271 | # ePUBアーカイブに追加するパス(デフォルトはmimetype、META-INF、OEBPS) 272 | # zip_addpath: null 273 | # 274 | # EPUBで表紙をコンテンツに含めるか。デフォルトでは作成されない。yesにするとiBooks等でも最初に表紙が表示されるようになる 275 | # cover_linear: null 276 | # 277 | # @タグでの外部リンクを禁止し、地の文にする(falseで禁止する) 278 | # externallink: true 279 | # 280 | # epubmaker:階層を使うものはここまで 281 | 282 | # LaTeX用のスタイルファイル(styディレクトリ以下に置くこと) 283 | # tatsumacroは、電子書籍版の制作に利用する 284 | # texstyle: tatsumacro 285 | texstyle: onestop-techbook 286 | # 287 | # LaTeX用のdocumentclassを指定する 288 | # texdocumentclass: ["jsbook", "oneside,14pt,uplatex"] 289 | texdocumentclass: ["jsbook", "b5j,oneside,openany,uplatex,9.5pt"] 290 | # texdocumentclass: ["jsbook", "a5j,twoside,openany,uplatex,9pt"] 291 | # 292 | # LaTeX用のコマンドを指定する 293 | # texcommand: "uplatex" 294 | # 295 | # LaTeXのコマンドに渡すオプションを指定する 296 | # texoptions: null 297 | # 298 | # LaTeX用のdvi変換コマンドを指定する(dvipdfmx) 299 | # dvicommand: "dvipdfmx" 300 | # 301 | # LaTeX用のdvi変換コマンドのオプションを指定する 302 | # dvioptions: "-d 5" 303 | 304 | # 以下のパラメータを有効にするときには、 305 | # pdfmaker: 306 | # パラメータ: 値 307 | # パラメータ: 値 308 | # ... 309 | # という構成にする必要がある(インデントさせる) 310 | # 311 | pdfmaker: 312 | # 313 | # TeXコンパイル前に実行するプログラム。変換後のTeXソースを調整したいときに使用する。 314 | # 渡される引数1=作業用展開ディレクトリ、引数2=呼び出しを実行したディレクトリ 315 | # hook_beforetexcompile: null 316 | # 317 | # TeXコンパイル後に実行するプログラム。索引作業をして再度コンパイルしたいときなどに使用する。 318 | # 渡される引数1=作業用展開ディレクトリ、引数2=呼び出しを実行したディレクトリ 319 | # hook_aftertexcompile: null 320 | # 321 | # PDF(book.pdf)作成後に実行するプログラム。PDFに加工を施したいときに使用する。 322 | # 渡される引数1=作業用展開ディレクトリ、引数2=呼び出しを実行したディレクトリ 323 | # hook_afterdvipdf: null 324 | # 325 | # 画像のscale=X.Xという指定を画像拡大縮小率からページ最大幅の相対倍率に変換します。 326 | # image_scale2width: true 327 | # 328 | # 奥付を作成するか。trueを指定するとデフォルトの奥付、ファイル名を指定するとそれがcolophon.htmlとしてコピーされる 329 | colophon: true 330 | # pdfmaker:階層を使うものはここまで 331 | 332 | # 以下のパラメータを有効にするときには、 333 | # webmaker: 334 | # パラメータ: 値 335 | # パラメータ: 値 336 | # ... 337 | # という構成にする必要がある(インデントさせる) 338 | # 339 | webmaker: 340 | stylesheet: ["style.css","style-web.css"] 341 | -------------------------------------------------------------------------------- /articles/contributors.re: -------------------------------------------------------------------------------- 1 | = 著者紹介 2 | 3 | #@# dowonloaded jpg files used as icons 4 | #@# 1f6wNFTw_400x400.jpg 暗黙の型宣言 5 | #@# 47l90qIj_400x400.jpg えるきち 6 | #@# 5eJbCw7L_400x400.jpg もふもふ 7 | #@# F-f1SUHd_400x400.jpg せとあず♂ 8 | #@# i-kZmS-f_400x400.jpg 親方 9 | #@# mIiEPqG9_400x400.jpg 病葉 10 | #@# mUB3SJSi_400x400.jpg Yuki Ichonomiya 11 | #@# NqlbbcCl_400x400.jpg カウプラン機間極東支部 12 | #@# RkmwJH1I_400x400.jpg 湊川あい 13 | #@# wQsdxU4b_400x400.jpg なかひこくん 14 | #@#自己紹介ひな形↓ 15 | #@#　←ダミー空白行用の全角スペース（embed内では上方向のスペースが有効にならないため） 16 | #@#//embed{ 17 | #@# \begin{minipage}{.1\linewidth} 18 | #@# \centering 19 | #@# \includegraphics[width=.75\linewidth]{images/contributors/アイコン画像ファイル} 20 | #@# \end{minipage} 21 | #@# \begin{minipage}{.89\linewidth} 22 | #@# 名前\\ %\\は改行．_を記述するときは\_ 23 | #@# サークル名： %ハイパーリンクは張れない 24 | #@# \end{minipage} 25 | #@# \hspace{1ex} %コメントとアイコンの間を空けて体裁を整える 26 | #@#//} 27 | #@# ここに一言コメントを書く 28 | 29 | == 発起人 30 | 31 | 　 32 | //embed{ 33 | \begin{minipage}{.1\linewidth} 34 | \centering 35 | \includegraphics[width=.75\linewidth]{images/contributors/i-kZmS-f_400x400.jpg} 36 | \end{minipage} 37 | \begin{minipage}{.89\linewidth} 38 | 親方 @oyakata2438 https://twitter/oyakata2438\\ 39 | サークル名：親方Project 40 | \end{minipage} 41 | \hspace{1ex} 42 | //} 43 | 普段は「レーザープロジェクタを自作するためのいろいろ」というあたりのネタで執筆中。コミケと技術書典に出没。デッドライナーだけど、最近締め切りをでっち上げて自分の尻を叩く方法を学んだので、コンスタントに本が書けるようになった。プログラミングは苦手。しめきりたのしー。 44 | 45 | == 執筆者 46 | 47 | 　 48 | //embed{ 49 | \begin{minipage}{.1\linewidth} 50 | \centering 51 | \includegraphics[width=.75\linewidth]{images/contributors/47l90qIj_400x400.jpg} 52 | \end{minipage} 53 | \begin{minipage}{.89\linewidth} 54 | えるきち @erukiti https://twitter.com/erukiti\\ 55 | サークル名：東京ラビットハウス https://rabbit-house.tokyo/ 56 | \end{minipage} 57 | \hspace{1ex} 58 | //} 59 | 最近はひたすらJavaScript ASTを触ってる感じのエンジニア兼技術書執筆を楽しんでおります。僕も重度の締め切り駆動執筆罹患者なんですが、技術書典4は余裕のあるスケジュールで書きたいなーなどと思っています。先端エッジのソフトウェア技術からエモい話、なんでもござれ。JavaScript/TypeScript大好きのわりにはフロントエンドはあまりやってなくてバックエンドやインフラ技術の方が詳しいという謎の存在。技術書典4もきっとJSに絡めた何かを書いていると思います。 60 | 61 | 　 62 | //embed{ 63 | \begin{minipage}{.1\linewidth} 64 | \centering 65 | \includegraphics[width=.75\linewidth]{images/contributors/F-f1SUHd_400x400.jpg} 66 | \end{minipage} 67 | \begin{minipage}{.89\linewidth} 68 | せとあず♂ @setoazusa https://twitter.com/setoazusa\\ 69 | サークル名：ふぃーるどのーつ https://pub.fieldnotes.jp/ 70 | \end{minipage} 71 | \hspace{1ex} 72 | //} 73 | ソフトウェアテストとデリバリーに関する同人誌を執筆。参加した勉強会で登壇者の方が執筆した同人誌を紹介したことがきっかけで技術系同人誌というジャンルを知り、同人誌の執筆を志す。初参加した技術書典2で、自分が執筆した本を目の前で求めてくれる人がいるという即売会の魔力に 74 | ひきつけられ、同人沼にはまったITエンジニア。 75 | 76 | 　 77 | //embed{ 78 | \begin{minipage}{.1\linewidth} 79 | \centering 80 | \includegraphics[width=.75\linewidth]{images/contributors/5eJbCw7L_400x400.jpg} 81 | \end{minipage} 82 | \begin{minipage}{.89\linewidth} 83 | もふもふ @froakie0021 https://twitter.com/froakie0021\\ 84 | サークル名：りまりま団 http://rimarimadan.hatenablog.com 85 | \end{minipage} 86 | \hspace{1ex} 87 | //} 88 | いやー、今回ばかりは締め切りぶっちぎりで守れたんで幸せですわー！自分の同人誌も余裕入稿したいですね。 89 | 90 | 　 91 | //embed{ 92 | \begin{minipage}{.1\linewidth} 93 | \centering 94 | \includegraphics[width=.75\linewidth]{images/contributors/RkmwJH1I_400x400.jpg} 95 | \end{minipage} 96 | \begin{minipage}{.89\linewidth} 97 | 湊川あい @llminatoll https://twitter.com/llminatoll\\ 98 | サークル名：マンガでわかるWebデザイン+Git http://webdesign-manga.com/ 99 | \end{minipage} 100 | \hspace{1ex} 101 | //} 102 | 絵を描くWebデザイナー。2014年、個人でWebに技術解説マンガを投稿し始め今に至る。書籍「わかばちゃんと学ぶGoogleアナリティクス」が12月末締切の中、親方さんからお声がけいただき、大変魅力的な企画だったので、勢いで表紙イラスト・一部原稿に参加させていただきました。表紙のキャラクターは、スカンクの天使です。性別は不明なので、皆様の趣味に合わせて好きに解釈していただければ幸いです。 103 | 104 | #@#改行されない，hspace効かない，@
{}ではエラーがでるので，全角スペースで空の行を入れている 105 | 　 106 | //embed{ 107 | \begin{minipage}{.1\linewidth} 108 | \centering 109 | \includegraphics[width=.75\linewidth]{images/contributors/1f6wNFTw_400x400.jpg} 110 | \end{minipage} 111 | \begin{minipage}{.89\linewidth} 112 | 暗黙の型宣言\\ 113 | サークル名：暗黙の型宣言 @implict\_none https://twitter.com/implict\_none 114 | \end{minipage} 115 | \hspace{1ex} 116 | //} 117 | Fortranと数値計算に関する同人誌を執筆するためのサークルを運営。蓄積した情報をまとめる機会と位置づけて技術書典２に参加。好奇心が駆動力。ネタが現在進行形で増え続けているので執筆が追いつかないことが目下の悩み。 118 | 119 | 　 120 | //embed{ 121 | \begin{minipage}{.1\linewidth} 122 | \centering 123 | \includegraphics[width=.75\linewidth]{images/contributors/mUB3SJSi_400x400.jpg} 124 | \end{minipage} 125 | \begin{minipage}{.89\linewidth} 126 | Yuki Ichonomiya @yk\_ichinomiya https://twitter.com/yk\_ichinomiya\\ 127 | サークル名：clear-mint http://clear-mint.net/ 128 | \end{minipage} 129 | \hspace{1ex} 130 | //} 131 | 昼は1人情シスとして働きつつ、夜な夜な創作イラストを描いています。「木村拓哉タイムリープ説」の発生源の人。 132 | 133 | 　 134 | //embed{ 135 | \begin{minipage}{.1\linewidth} 136 | \centering 137 | \includegraphics[width=.75\linewidth]{images/contributors/mIiEPqG9_400x400.jpg} 138 | \end{minipage} 139 | \begin{minipage}{.89\linewidth} 140 | 病葉(わくらば) @sickleaf3 https://twitter.com/sickleaf3\\ 141 | サークル名：radiberry pi! 142 | \end{minipage} 143 | \hspace{1ex} 144 | //} 145 | ラジオを如何に快適に聴き、録音するかに心血を注いでいるうちにraspberry piを使った技術同人誌作成に辿り着いたエンジニアもどき。 146 | 今回はRe:View環境に躓き、コラムを書く以外何も出来ず...この本を読んで出直します。 147 | 148 | 　 149 | //embed{ 150 | \begin{minipage}{.1\linewidth} 151 | \centering 152 | \includegraphics[width=.75\linewidth]{images/contributors/NqlbbcCl_400x400.jpg} 153 | \end{minipage} 154 | \begin{minipage}{.89\linewidth} 155 | kauplan @\_kauplan https://twitter.com/\_kauplan\\ 156 | サークル名：カウプラン機関極東支部 https://kauplan.org/ 157 | \end{minipage} 158 | \hspace{1ex} 159 | //} 160 | 「パンプキンシザーズ」という漫画、クソおもしろいのでぜひ買ってください。あと「オブジェクト指向言語解体新書」という同人誌、クソ売れ残ってるのでぜひ買ってください。 161 | 162 | -------------------------------------------------------------------------------- /articles/epub_style.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* Tatujin-Publishing */ 3 | /* Style sheet for epub */ 4 | /* Ver.0.8b1 */ 5 | 6 | /* 7 | Scale & Rhythm 8 | line-height 1.6 9 | 16px = 1em 10 | x:p:h1:h2:h3 = 12px:14px:16px:24px:30px 11 | */ 12 | * { 13 | } 14 | body { 15 | margin: 0; 16 | padding: 0; 17 | font-size: 1em; 18 | line-height:1.6; 19 | font-family: "ShinGoPro-Regular","ShinGo-Regular", sans-serif; 20 | /* 21 | word-break: normal; 22 | -webkit-line-break: after-white-space; 23 | */ 24 | } 25 | p, ul, ol, dl, pre, table { 26 | font-family: "ShinGo Regular","ShinGo R","新ゴR","新ゴ R", sans-serif; 27 | font-size: 0.875em; 28 | } 29 | /* Heading */ 30 | h1 { 31 | margin: 0 0 3em; 32 | padding: 0.5em 0 0; 33 | border-top: 14px #326450 solid; 34 | text-align: left; 35 | font-size: 1.875em; 36 | font-weight: bold; 37 | } 38 | h2 { 39 | margin: 3em 0 0.5em; 40 | padding: 0.5em 0 0; 41 | border-top: 2px #326450 solid; 42 | text-align: left; 43 | font-size: 1.5em; 44 | font-weight: bold; 45 | } 46 | h3 { 47 | margin: 3em 0 0.5em; 48 | padding: 0; 49 | text-align: left; 50 | font-size: 1em; 51 | font-weight: bold; 52 | } 53 | h4, h5, h6 { 54 | margin:0.7em 0; 55 | padding: 0; 56 | text-align: left; 57 | line-height: 1.6; 58 | font-weight: bold; 59 | } 60 | /* Paragraph */ 61 | p { 62 | margin:0.7em 0; 63 | padding: 0; 64 | text-align: left; 65 | text-indent: 1em; 66 | line-height: 1.6; 67 | } 68 | div.lead p { 69 | color: #666; 70 | line-height: 1.6; 71 | font-size: 0.75em; 72 | } 73 | /* List */ 74 | ul, ol { 75 | margin: 2em 0 2em 2em; 76 | padding: 0; 77 | list-style-position: outside; 78 | } 79 | ul > li, 80 | ol > li { 81 | margin: 0 0 0.7em 0; 82 | padding: 0; 83 | line-height: 1.6; 84 | } 85 | dl { 86 | margin: 2em 0; 87 | padding: 0; 88 | } 89 | dt { 90 | margin: 0; 91 | padding: 0; 92 | font-weight: bold; 93 | } 94 | dd { 95 | margin: 0 0 1em 2em; 96 | padding: 0; 97 | line-height: 1.6; 98 | } 99 | /* Table 100 | p.tablecaptionではなく 101 | table caption {}を使う方が良いかも？ 102 | */ 103 | table { 104 | margin: 0 auto 2em auto; 105 | border-collapse: collapse; 106 | } 107 | table tr th { 108 | background-color: #eee; 109 | border:1px #aaa solid; 110 | font-size: 0.75em; 111 | font-weight: normal; 112 | } 113 | table tr td { 114 | padding: 0.3em; 115 | border:1px #aaa solid; 116 | font-size: 0.75em; 117 | } 118 | p.tablecaption, table caption { 119 | margin: 0; 120 | color: #666; 121 | font-size: 0.75em; 122 | font-weight: bold; 123 | text-indent: 0; 124 | } 125 | /* Quote */ 126 | blockquote { 127 | margin: 2em 0 2em 2em; 128 | padding: 0.3em 1em; 129 | border: 1px #aaa solid; 130 | } 131 | /* Column Block */ 132 | div.column { 133 | margin: 2em 0 2em 2em; 134 | padding: 0.3em 1em; 135 | background-color: #eee; 136 | -webkit-border-radius: 0.7em; 137 | } 138 | div.column *{ 139 | margin:0.7em 0; 140 | } 141 | div.column ul, 142 | div.column ol { 143 | list-style-position: inside; 144 | } 145 | /* Code Block */ 146 | /* 147 | ※シンプルにできるかも 148 | div.code {} 149 | div.code pre.list, 150 | div.code pre.cmd {} 151 | div.code p.caption {} 152 | */ 153 | div.code, div.caption-code, div.source-code, div.emlist-code, div.emlistnum-code { 154 | margin: 1em 0 2em 2em; 155 | padding: 0; 156 | } 157 | pre.emlist, pre.source, pre.list { 158 | margin: 0; 159 | padding: 5px; 160 | border: 1px #aaa solid; 161 | } 162 | div p.caption { 163 | margin: 0; 164 | color: #666; 165 | font-size: 0.75em; 166 | font-weight: bold; 167 | } 168 | div.cmd-code pre.cmd { 169 | margin: 0; 170 | padding: 5px; 171 | color: #ccc; 172 | font-weight: bold; 173 | background-color: #444; 174 | -webkit-border-radius: 0.5em; 175 | } 176 | pre.cmd, pre.emlist, pre.list, pre.source { 177 | white-space: pre-wrap; 178 | } 179 | 180 | /* Image Block */ 181 | /* div.image p.caption {} 182 | ※captionをそろえた方が良いかも？*/ 183 | div.image { 184 | margin: 2em auto; 185 | padding: 0; 186 | } 187 | div.image img { 188 | margin: 0 auto; 189 | padding: 0; 190 | display: block; 191 | } 192 | div.image p.caption { 193 | margin: 0 auto; 194 | text-align: center; 195 | color: #666; 196 | font-size: 0.75em; 197 | font-weight: bold; 198 | text-indent: 0; 199 | } 200 | /* Footnote Block */ 201 | /* p.footnoteはいらないかも？ */ 202 | div.footnote { 203 | } 204 | div.footnote p.footnote { 205 | color: #666; 206 | line-height: 1.6; 207 | font-size: 0.75em; 208 | text-indent: 0; 209 | } 210 | /* Colophon */ 211 | div.colophon { 212 | margin: 3em auto; 213 | } 214 | div.colophon p { 215 | text-indent: 0; 216 | } 217 | div.colophon p.title { 218 | font-size: 1.5em; 219 | } 220 | div.colophon table { 221 | margin: 1em 0 2em; 222 | border: none; 223 | } 224 | div.colophon table tr th { 225 | background-color: #fff; 226 | font-size: 1.2em; 227 | font-weight: normal; 228 | border: none; 229 | } 230 | div.colophon table tr td { 231 | font-size: 1.2em; 232 | font-weight: normal; 233 | border: none; 234 | } 235 | 236 | /* Inline */ 237 | a[href], 238 | a:link, 239 | a:visited { 240 | border-bottom: 1px dotted #531084; 241 | text-decoration: none; 242 | } 243 | b { 244 | font-weight: bold; 245 | } 246 | strong { 247 | font-weight: bold; 248 | } 249 | em { 250 | font-style: italic; 251 | } 252 | 253 | /** 254 | * from EBPAJ EPUB 3 File Creation Guide sample style 255 | * 256 | * cf. http://ebpaj.jp/counsel/guide 257 | */ 258 | 259 | /* image width definition(pacentage) */ 260 | .width-010per { width: 10%; } 261 | .width-020per { width: 20%; } 262 | .width-025per { width: 25%; } 263 | .width-030per { width: 30%; } 264 | .width-033per { width: 33%; } 265 | .width-040per { width: 40%; } 266 | .width-050per { width: 50%; } 267 | .width-060per { width: 60%; } 268 | .width-067per { width: 67%; } 269 | .width-070per { width: 70%; } 270 | .width-075per { width: 75%; } 271 | .width-080per { width: 80%; } 272 | .width-090per { width: 90%; } 273 | .width-100per { width: 100%; } 274 | -------------------------------------------------------------------------------- /articles/frontcover.re: -------------------------------------------------------------------------------- 1 | = 表紙を作る 2 | 3 | 表紙は同人誌の顔ですから、キチンと作ってあげたいところですが、悩ましい部分でもあります。そんな、同人誌の表紙の作り方についての章です。 4 | 5 | == 表紙デザインについて 6 | 7 | 技術系同人誌の表紙をどんなデザインにするか、という点は、非常に悩ましい問題です。一般的な同人誌であれば、イラストやマンガを自分で描いているので、中身に関連する絵を自分で描けばよく、その時のテーマにかかわる絵を用いれば良いので、ある意味かんたんです(作成がかんたんと言っているわけではありませんので誤解なきよう)。また、そもそも絵描きの能力があるので、自分で作ればよい/作る必要があるので、悩むところではありません。 8 | 9 | 一方で、技術書においては、中身は基本的に文字またはコードですから、関連するキャラクターがいるわけでもなければ、内容を表すイラストがあるわけでもありません。しかし、表紙は「同人誌の顔」ですから、見た目は重要です。即売会では、技術書なのにモエモエキュンキュンしたイラストが表紙の本がたくさんあり、みているだけで楽しかったりもします。そこで本節では、「同人誌の表紙をどうするか」という問題について扱います。 10 | 11 | === よくある技術系同人誌の表紙 12 | 13 | 非常に一般的な話として、技術系同人誌の表紙は、大きく以下の3つに分けられると思っています。某有名出版社のオマージュ系表紙、萌イラスト系、写真系。技術書典やコミケで同人誌を買ったことのある方なら納得頂けるのではないでしょうか。@{frontcover}に、えいやで作った表紙を3パターン並べてみました。(真ん中ミクさんのは、過去の私の同人誌の表紙です) 14 | 15 | //image[frontcover][よくある技術系同人誌の表紙] 16 | 17 | 某出版社オマージュ系は、動物や昆虫などの線画と単色ベタでタイトルを入れたものなので、比較的カンタンに作成できますし、それだけで非常に技術書っぽい表紙になります。デザインとしてもシンプルながら、タイトルもわかりやすく、大変よいと思います。 18 | 19 | 写真系は、フリーの写真を使ってもよく、全体デザインの自由度も高いものになります。また、フォントをどうするのか、文字の色や配置をどうするのか、自由であることは、全部自分で考えなければならないということで、なかなか大変です。 20 | 21 | イラスト系は、同人誌ならではの表紙で、同人誌作った感あふれるものになります。イベント会場でもやはりよく見かけるものですから、一度は作ってみたいものですね。ただし中身と表紙の関係を出すのはかなり難しく、「表紙と中身は関係ありません」となったりします。同人誌ですから、関係なくてもいいのです。ただし、クオリティの高いイラスト表紙だから技術書として売れるというわけでもないのは悩ましいところです。コミケの技術系島にせよ、技術書典にせよ、「技術書」を買いに来ている人が多数なので、イラストだけでは売れません。よっぽど著名なプロが描いてくれたイラストであれば、その絵だけ買いに来る人もいるかもしれませんが… 22 | 23 | === フリー素材を利用する場合 24 | 25 | オマージュ系と写真系に共通するのは、フリー素材を使って表紙を作るということです。 26 | 27 | インターネットにはいくつか同人誌の表紙に使っても大丈夫なライセンスで配布されている画像（イラストもしくは写真）があります。 28 | 29 | //image[kenkyu_woman][@{http://www.irasutoya.com/2015/03/blog-post_90.html}][scale=0.3] 30 | 31 | これはいらすとやという有名なフリー素材サイトで配布されているイラストです。作風によってはこういったイラストを使うという手があります。 32 | 33 | 「フリー 画像」とかで検索して素材を探すのもありですが、もう少しいいキーワードがあります。それは@{CC0}です。これはクリエイティブコモンズ@{CC}という団体が作ったライセンスの1つで、実質パブリックドメインに該当するものです。つまり商用・非商用問わず、自由に使っていいというライセンスなのです。CC0でライセンスされた写真は山ほどあるので、そういったものを使うというのはよいでしょう@{AST-book}。 34 | //footnote[AST-book][たとえば、@erukitiは技術書典3に出した本の表紙に @{https://www.pexels.com/photo/nature-sky-clouds-field-9198/} の画像を使いました。] 35 | //footnote[CC][@{https://creativecommons.org/}] 36 | 37 | ====[column] クリエイティブコモンズ : @erukiti 38 | 39 | エンジニアの方ならBSD、GPL、MITライセンスなどをご存じかもしれません。みんなが有名なライセンスを使えば、いちいち細かい規定をしたオリジナルのライセンスにまつわるトラブルから解放されるため、作者・ユーザーに大きな利点となっています。 40 | 41 | クリエイティブコモンズも同様の考え方で成り立っています。音楽・写真・文芸など、芸術・創作系での採用例が多いものです。クリエイティブコモンズは基本的には○○は許可する。○○は許可しない、などを選んで組み合わせるスタイルです。その中でも一番シンプルなのがCC0です。 42 | 43 | パブリックドメイン、つまり著作権の行使を放棄するというのは、じつは多くの国では法的に面倒ごとが生じやすいのですが、そういう面倒が生じない程度に規定されたライセンスがCC0です。 44 | 45 | みなさんもプログラム以外の何かを公開するときにCC0やクリエイティブコモンズを検討してみてもいいかもしれません。 46 | 47 | ====[/column] 48 | 49 | == イラスト系表紙をクラウドソーシングで作る 50 | 51 | イラスト系表紙の魅力は大きいとはいえ、その調達方法についてはかなりのハードルがあることも事実です。要するに、そのイラストをどうやって入手するか、という問題です。自分で描けるならそもそもそんなことで悩む必要はなく、一般的に誰かにお願いする必要があるわけですが、そのツテをさがすことも大変です。そこで有効なのが、クラウドソーシングです。 52 | 53 | === クラウドソーシングとは？ 54 | 55 | クラウドソーシング（英語: crowdsourcing）@{cloud}とは、不特定多数の人に募集をかけ、必要とするサービス、アイデア、またはコンテンツなどの成果を取得するプロセスです。ある種デジタル内職ともいえる形態で、仕事を依頼したいクライアントと、仕事を受けたいワーカー/ランサーとのマッチングを行うサイトはいくつかの企業が展開しています。一般には、マッチングサイトを提供するとともに、対価の幾ばくか(20%程度)を手数料として徴収しているビジネスモデルとなっているようです。 56 | //footnote[cloud][ネットの向こうに仕事をお願いするので、"cloud"だと思っていた人が通ります] 57 | 58 | 詳細な依頼方法などは、直接当該サイトを見ていただくとして、ここを読んでいる人は、同人誌表紙を誰かに作ってほしい側ですから、クライアントになるわけです。発注仕様や報酬を決めて依頼を出すと、数日から数週間のうちに成果が得られる、とっても便利なサービスで、筆者自身最近の同人誌表紙イラストはクラウドソーシングに依頼しております。 59 | 60 | そこで、本節では、クラウドソーシングに依頼するメリットおよび依頼に当たっての実際についてまとめたいと思います。 61 | 62 | === クラウドソーシングに依頼するメリット 63 | 64 | なんといっても、比較的安価な原稿料で、クオリティの高い表紙イラストが手に入ることです。先に述べたように、特注イラストを誰にお願いするか、という問題は非常に悩ましい問題で、そもそもお願いできる先に心当たりがない場合が多いかと思います。友人知人にイラストが趣味な人がいればよいのですが、その人とて本業が忙しいなどの都合があり、お願いしづらいかと思います。また、TwitterやPixivで「イラストお仕事募集」とやっている絵師さんなどもいらっしゃいますが、直接依頼するのもなかなかハードルが高いものです。 65 | 66 | それに対し、クラウドソーシングは、ある意味で受けてくれる人を待つシステムですから、やる気のある人しかエントリーしません。ですから、依頼を出したのにスルーされた、などといった精神を削られることは発生しません。 67 | 68 | また、発注仕様を自分で決められるので、キャラ指定、タイトル入れの依頼も可能です。デザイン含めてまとめて依頼することも可能ですから、自分のデザインセンスのなさに絶望する必要はありません。 69 | 70 | また外注費も魅力の一つです。これまでの体験から、15k程度の費用で表紙イラストの完全データを上げてもらえます。絵師さま側からすると、全体に安すぎるという意見・指摘もあろうと思いますし、その指摘も理解はするところです。とはいえ、同人誌発行における収支を計算すると、イラスト部分の費用割合にも自ずと限界が生じます。そういう意味で、これくらいの費用であれば、十分安価に実施可能であるといえます。 71 | 72 | === 依頼するときに必要なこと 73 | 74 | * 仕様 75 | 仕様がないと話が始まりません。技術系同人誌の表紙をお願いしたいということ。タイトル文字入れ、デザイン全部込みでお願いしたい。完成原稿を納品してほしい。発注者側での使用に制限を設けないこと、など、いくつか明記しておいたほうが良いことがあります。 76 | 77 | * 納期 78 | 納期は明確にしましょう。マイルストーンも記載しておくと良いです。自分の入稿から逆算して、完成原稿提出期限、入れてもらうべき文字を連絡する期限、クリーンアップ提出・確認、ラフ提出・確認、あたりがあると、絵師さんのスケジュールが立てやすいです。 79 | 80 | 1. 入稿日　12/15 81 | 2. 完成原稿提出　12/13 82 | 3. 原稿提出→修正指示　12/10 83 | 4. イラスト完成　12/5 84 | 5. タイトル・表紙文字類連絡　12/1 85 | 6. ラフ提出　11/20　→承認後仕上げ 86 | 87 | など、といった感じになります。もちろん、詳細な作業スケジュールは、絵師さんに確認して、すり合わせをしておくことは重要です。 88 | 89 | * 本の大きさ、背表紙厚さ、綴じ方向 90 | B5なのか、A4なのか、A5なのかによって原稿サイズが変わります。何ページくらいなのかによって背表紙厚さが変わります。技術書ならば横書きが多いと思うので、左綴じになりますから、表紙(表1)は右側にきて、裏表紙（表4）は左側に来ます。これを間違えると大変なことになるので、明記しましょう。 91 | 92 | * その他、希望 93 | キャラ指定、どんな感じのイラストがいいかなど、ある程度具体的にしておくと、ミスマッチが減ります。せっかくエントリーしてもらうので、自分の好みから外れる可能性は減らしておくと、お互いに無駄な工数が減ります。（たとえば、好きではないキャラ、知らないキャラは基本外されるでしょ？） 94 | 95 | * 直接依頼よりも、コンテスト形式の方がよい 96 | コンテスト形式にすると、多数のクリエイターからのエントリーが期待できます。自ずとクオリティも上がりますし、バチっと好みに刺さる可能性が高くなります。ただし、逆に選定までの時間がかかるようになります。募集期間がざっと2週間から3週間あり、それから仕上げの時間が必要です。修正依頼や文字入れ作業等もありますので、余裕を持って依頼開始しましょう。 97 | あとは、依頼ページに書いてあるテンプレートを使えば良いでしょう。 98 | 99 | === クラウドソーシングを実際に使ってみた例 100 | 過去実際に使ってみたときは結果的に1300アクセス、8件の提案・エントリーがありました。また、別の機会(C91の親方Project表紙募集時)には、16件もの提案がありました。@{C91cover}に提案エントリー一覧画面を例として貼ります。いろいろバラエティに富んだエントリーがあることがわかります。この中から好みのイラストを選ぶことでお仕事が始まることになります。最初に表示した、ミクさんのイラストも、クラウドソーシングで依頼したものです。これが、筆者が初めてクラウドソーシングを使ったときのものになります。 101 | 102 | //image[C91cover][表紙イラスト発注時の提案の例] 103 | 104 | なお、絵師によっては、既存のポートフォリオからの画像を貼ってお仕事可能です、と言ってくる人もいれば、ラフを載せてくれる人、かなり手を入れた（カラーの）イラストを上げてくれる人もいるので、自分の好みのテイストの絵師を選ぶと良いでしょう。一応過去のお仕事履歴を見るのも良いですが、「エントリーしたものの落選した」という履歴には評価がつかないため、ヤフオクなど違って「評価がゼロ」だからダメというわけではありません。 105 | 106 | 選定後は、スケジュール、仕様、その他相談すべき内容について詰めた上で、納品まで適宜フォローしつつ進めていくことになります。エントリーしてくれたということは、仕事やる気満々ということなので、一般にこちらからの投げかけへのレスも早く、適切に仕事が進んでいく場合が多いと思われます。なお修正依頼や仕様変更もあるかもしれませんが、必要以上に遠慮する必要はありません。ただし、無理難題を出すとか、土壇場でひっくり返すなど、納期・工数的にサービスさせることがないように注意したいところです。まあ色々常識的な範囲内でやりましょう。 107 | -------------------------------------------------------------------------------- /articles/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/.gitkeep -------------------------------------------------------------------------------- /articles/images/10-eventTips/UriageGraph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/10-eventTips/UriageGraph.png -------------------------------------------------------------------------------- /articles/images/15-aboutMoney/CostGraph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/15-aboutMoney/CostGraph.png -------------------------------------------------------------------------------- /articles/images/16-tempTopix/Commit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/16-tempTopix/Commit.png -------------------------------------------------------------------------------- /articles/images/16-tempTopix/Contribute.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/16-tempTopix/Contribute.png -------------------------------------------------------------------------------- /articles/images/16-tempTopix/motcurve.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/16-tempTopix/motcurve.png -------------------------------------------------------------------------------- /articles/images/16-tempTopix/motcurveblank.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/16-tempTopix/motcurveblank.png -------------------------------------------------------------------------------- /articles/images/frontcover/C91cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/frontcover/C91cover.png -------------------------------------------------------------------------------- /articles/images/frontcover/frontcover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/frontcover/frontcover.png -------------------------------------------------------------------------------- /articles/images/frontcover/kenkyu_woman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/frontcover/kenkyu_woman.png -------------------------------------------------------------------------------- /articles/images/preface/first-tweet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/preface/first-tweet.png -------------------------------------------------------------------------------- /articles/images/prepare/Setuei.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/prepare/Setuei.png -------------------------------------------------------------------------------- /articles/images/sec-cover/cover-backbone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-cover/cover-backbone.png -------------------------------------------------------------------------------- /articles/images/sec-cover/cover-badexample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-cover/cover-badexample.png -------------------------------------------------------------------------------- /articles/images/sec-cover/cover-pdfsize.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-cover/cover-pdfsize.png -------------------------------------------------------------------------------- /articles/images/sec-cover/cover-pdfsize2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-cover/cover-pdfsize2.png -------------------------------------------------------------------------------- /articles/images/sec-cover/cover-samples1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-cover/cover-samples1.jpg -------------------------------------------------------------------------------- /articles/images/sec-cover/cover-samples2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-cover/cover-samples2.jpg -------------------------------------------------------------------------------- /articles/images/sec-cover/cover-samples3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-cover/cover-samples3.jpg -------------------------------------------------------------------------------- /articles/images/sec-cover/cover-samples4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-cover/cover-samples4.jpg -------------------------------------------------------------------------------- /articles/images/sec-cover/cover-samples5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-cover/cover-samples5.jpg -------------------------------------------------------------------------------- /articles/images/sec-cover/cover-slidesize.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-cover/cover-slidesize.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_cmd_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_cmd_1.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_1.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_10.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_11.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_12.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_13.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_14.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_15.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_16.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_17.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_18.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_19.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_2.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_20.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_21.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_3.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_4.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_5.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_6.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_7.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_8.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_ppt_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_ppt_9.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_reg_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_reg_1.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_reg_10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_reg_10.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_reg_11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_reg_11.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_reg_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_reg_2.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_reg_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_reg_3.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_reg_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_reg_4.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_reg_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_reg_5.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_reg_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_reg_6.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_reg_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_reg_7.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_reg_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_reg_8.png -------------------------------------------------------------------------------- /articles/images/sec-image-win7/win7_draw_reg_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image-win7/win7_draw_reg_9.png -------------------------------------------------------------------------------- /articles/images/sec-image/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/.DS_Store -------------------------------------------------------------------------------- /articles/images/sec-image/AboutThisMacbook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/AboutThisMacbook.png -------------------------------------------------------------------------------- /articles/images/sec-image/AboutThisMacbookAir.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/AboutThisMacbookAir.png -------------------------------------------------------------------------------- /articles/images/sec-image/example1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/example1.png -------------------------------------------------------------------------------- /articles/images/sec-image/example2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/example2.png -------------------------------------------------------------------------------- /articles/images/sec-image/example3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/example3.png -------------------------------------------------------------------------------- /articles/images/sec-image/example4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/example4.png -------------------------------------------------------------------------------- /articles/images/sec-image/example5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/example5.png -------------------------------------------------------------------------------- /articles/images/sec-image/high-resolution.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/high-resolution.png -------------------------------------------------------------------------------- /articles/images/sec-image/keynote-bgbox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/keynote-bgbox.png -------------------------------------------------------------------------------- /articles/images/sec-image/keynote-enlarge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/keynote-enlarge.png -------------------------------------------------------------------------------- /articles/images/sec-image/keynote-installed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/keynote-installed.png -------------------------------------------------------------------------------- /articles/images/sec-image/keynote-newimage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/keynote-newimage.png -------------------------------------------------------------------------------- /articles/images/sec-image/keynote-screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/keynote-screenshot.png -------------------------------------------------------------------------------- /articles/images/sec-image/low-resolution.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-image/low-resolution.png -------------------------------------------------------------------------------- /articles/images/sec-nombre/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-nombre/.DS_Store -------------------------------------------------------------------------------- /articles/images/sec-nombre/acrobat-reader.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-nombre/acrobat-reader.png -------------------------------------------------------------------------------- /articles/images/sec-nombre/ilovepdf-english.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-nombre/ilovepdf-english.png -------------------------------------------------------------------------------- /articles/images/sec-nombre/ilovepdf-english_retina.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-nombre/ilovepdf-english_retina.png -------------------------------------------------------------------------------- /articles/images/sec-nombre/ilovepdf-form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-nombre/ilovepdf-form.png -------------------------------------------------------------------------------- /articles/images/sec-nombre/ilovepdf-form_retina.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-nombre/ilovepdf-form_retina.png -------------------------------------------------------------------------------- /articles/images/sec-nombre/ilovepdf-top.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-nombre/ilovepdf-top.png -------------------------------------------------------------------------------- /articles/images/sec-nombre/ilovepdf-top_retina.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-nombre/ilovepdf-top_retina.png -------------------------------------------------------------------------------- /articles/images/sec-nombre/nombre-overview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-nombre/nombre-overview.png -------------------------------------------------------------------------------- /articles/images/sec-nombre/nombre-place.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-nombre/nombre-place.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_dvioutinst.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_dvioutinst.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsinst_1_start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsinst_1_start.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsinst_2_license.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsinst_2_license.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsinst_3_path.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsinst_3_path.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsinst_4_finish.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsinst_4_finish.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_1_start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_1_start.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_2_lang.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_2_lang.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_3_check.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_3_check.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_4_license.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_4_license.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_5_pref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_5_pref.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_6_path.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_6_path.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_7_startmenu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_7_startmenu.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_8_finish.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_gsviewinst_8_finish.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_pdfmake_1_init.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_pdfmake_1_init.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_pdfmake_2_progress.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_pdfmake_2_progress.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_pdfmake_3_error.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_pdfmake_3_error.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_pdfmake_4_result.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_pdfmake_4_result.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_reviewinst.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_reviewinst.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_rubyinst_1_license.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_rubyinst_1_license.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_rubyinst_2_path.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_rubyinst_2_path.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_rubyinst_3_progress.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_rubyinst_3_progress.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_rubyinst_4_finish.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_rubyinst_4_finish.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_rubyinst_5_startmenu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_rubyinst_5_startmenu.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_rubyinst_6_prompt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_rubyinst_6_prompt.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_rubyinst_7_confirm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_rubyinst_7_confirm.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_rubyinst_exe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_rubyinst_exe.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_sty_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_sty_1.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_sty_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_sty_2.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_10_reboot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_10_reboot.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_11_cmd.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_11_cmd.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_12_confirm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_12_confirm.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_1_start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_1_start.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_2_1_path_org.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_2_1_path_org.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_2_2_path_changed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_2_2_path_changed.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_3_url.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_3_url.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_4_texwork.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_4_texwork.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_5_confirm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_5_confirm.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_6_others.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_6_others.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_7_download.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_7_download.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_8_progress.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_8_progress.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_9_finish.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_9_finish.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_exe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_exe.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_texinst_extract.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_texinst_extract.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_vscode_10_pdfmaker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_vscode_10_pdfmaker.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_vscode_1_extension.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_vscode_1_extension.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_vscode_2_openfolder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_vscode_2_openfolder.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_vscode_3_selectfolder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_vscode_3_selectfolder.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_vscode_4_workspace.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_vscode_4_workspace.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_vscode_5_edit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_vscode_5_edit.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_vscode_6_preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_vscode_6_preview.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_vscode_7_runterminal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_vscode_7_runterminal.png -------------------------------------------------------------------------------- /articles/images/sec-windows7-installation/ReviewWin7_vscode_8_terminal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-windows7-installation/ReviewWin7_vscode_8_terminal.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_chapter_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_chapter_1.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_chapter_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_chapter_2.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_chapter_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_chapter_3.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_chapter_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_chapter_4.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_fig_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_fig_1.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_fig_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_fig_2.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_fig_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_fig_3.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_fig_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_fig_4.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_fig_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_fig_5.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_fig_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_fig_6.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_header_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_header_1.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_header_10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_header_10.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_header_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_header_2.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_header_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_header_3.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_header_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_header_4.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_header_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_header_5.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_header_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_header_6.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_header_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_header_7.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_header_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_header_8.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_header_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_header_9.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_mode_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_mode_1.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_mode_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_mode_2.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_1.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_10.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_11.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_12.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_13.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_14.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_2.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_3.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_4.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_5.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_6.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_7.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_8.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_pref_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_pref_9.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_1.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_10.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_11.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_12.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_13.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_2.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_3.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_4.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_5.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_6.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_7.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_8.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_style_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_style_9.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_toc_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_toc_1.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_toc_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_toc_2.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_toc_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_toc_3.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_toc_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_toc_4.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_toc_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_toc_5.png -------------------------------------------------------------------------------- /articles/images/sec-word-intro/word_intro_toc_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/images/sec-word-intro/word_intro_toc_6.png -------------------------------------------------------------------------------- /articles/locale.yml: -------------------------------------------------------------------------------- 1 | locale: ja 2 | column_head: ■コラム 3 | columnname: コラム 4 | memo_head: ■メモ 5 | image: 図 6 | table: 表 7 | list: リスト 8 | -------------------------------------------------------------------------------- /articles/material/chapter_9/ExportBitmapResolution_300dpi_win7_x64_office2010.reg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/articles/material/chapter_9/ExportBitmapResolution_300dpi_win7_x64_office2010.reg -------------------------------------------------------------------------------- /articles/material/chapter_9/Readme.txt: -------------------------------------------------------------------------------- 1 | 【本資料について】 2 | ExportBitmapResolution_300dpi_win7_x64_office2010.regは，PowerPoint2010でスライドを画像として保存する際のDPIを300に変更するための登録エントリです． 3 | 詳しくは，親方Projectさんの同人誌「ワンストップ！ 技術同人誌を書こう」の第9章で紹介しています． 4 | 使い方は，登録エントリ（ExportBitmapResolution_300dpi_win7_x64_office2010.reg）をダウンロードし，Office 製品を終了した状態でファイルをダブルクリックするだけです． 5 | 6 | 【使用上の注意】 7 | この資料は情報の提供のみを目的としています．そのため，同人誌に掲載されている情報やこの資料を用いたことによる結果について，親方Projectならびに共同執筆者はいかなる責任も負いません． 8 | 9 | この登録エントリは以下の環境で動作確認されています． 10 | 他の環境での動作を保証するものではありません． 11 | 12 | Microsoft Windows 7 SP1 64bit 13 | PowerPoint 2010 14 | -------------------------------------------------------------------------------- /articles/postscript.re: -------------------------------------------------------------------------------- 1 | = あとがき 2 | 3 | この本を手に取っていただきありがとうございます。この本の企画発起人の親方です。 4 | 5 | いつもはArduinoやレーザーに関する本を書くことをメインの活動としているのですが、今回はいつもと少し毛色が変わって、技術系同人誌発行のためのノウハウ本を出すことになりました。この本の意図はまえがきにあるとおり、「技術系同人誌を作って、イベント売りするまでに必要なことすべてを網羅すること」です。多数の執筆者のみなさんが精力的に執筆いただき、200ページ近い本になり、内容的にもかなり網羅できているかと思います。 6 | 7 | ネタ出しから、本文執筆のためのツールの選定、表紙の作り方、入稿のためのお作法、事前準備、当日のオペレーション、委託ノウハウ、イベント参加や頒布価格に関するお金の話と、思いつく限りのネタを満載してます。読者の皆様の初めての執筆の一助になれば幸いです。もちろんすでに執筆してるよ、という方にとっても役に立てば良いと思っていますし、逆に私はもっといい方法を知ってるぞ、ということであれば、ぜひこの本の改訂版にご参加いただければと思います。全文をGitで公開していますし、随時加筆修正をやっていく予定です。 8 | 9 | 続いて、それぞれの執筆者から、一言づつ感想など頂きたいと思います。 10 | 11 | 　 12 | 13 | @erukitiです。あれは錬金術について語り合う会だったか。親方さんから「技術書執筆の合同誌やりたい」というお話を聞いて、早速手をあげてみました。僕自身これまでのRe:VIEWの踏み抜いてきた罠の数々を初めとして同人活動する上で困ったこと悩んだこと、そういったものを体系だってまとめたいと思っていたところなので渡りに船でした。しかも「今のうちなら好きにできるよ！」っていわれたので、個人の趣味全開で、Githubで合同誌メンバーのチーム作成、リポジトリ作成、Re:VIEWのひな形の準備、自動原稿生成マシーン（wercker CI）のセットアップなどひととおりやらせていただきました。実際書き始めて12月に入ってからの追い上げの激しさや、皆さんの原稿の完成度の高さに驚くばかりでした。発起人の親方さん、共著の皆さん、そして手にとって頂いた方、みなさま本当にありがとうございます。とても楽しかったです。 14 | 15 | 　 16 | 17 | やめて！これ以上Switchから神供給が続いたら、闇の締め切りゲームで原稿と繋がってるもふちゃん（@froakie0021）の精神まで燃え尽きちゃう！お願い！死なないでもふちゃん！あんたが今ここで倒れたら次の新刊はどうなっちゃうの！？時間はまだ残ってる！ここを耐えれば入稿できるんだから！次回、「もふちゃん　死す」デュエルスタンバイ！ 18 | 19 | 　 20 | 21 | @setoazusaです。C93の抽選落ちで「これで締切に追われない日々が」と一瞬思ったのもつかの間、気がつけばこのような形でまた同人誌と関わることになっていました。もはやこの因果からは逃れられないようです。 22 | 23 | 　 24 | 25 | みなさまこんにちは。暗黙の型宣言@implict_noneです。C93は申込用紙の購入が必要なことを知らず、当落以前に申込すらできませんでした。本合同誌のお話はTwitter上で拝見して趣旨には大いに賛同していたのですが、時期的に時間がとれるか分からなかったので参加表明はせず、動向を眺めているだけにしていました。熊谷さん@es_kumagaiと湊川さん@llminatoll主催のもくもく執筆会帰りに親方さんとお話をして、参加を前向きに検討しはじめました。当サークルが技術系同人同人誌を書き始めてからまだ1年も経っておらず、色々と悩んだことがまだ思い出せるうちに、それらの情報をまとめておきたいというのも大きな理由です。 26 | 27 | 参加に際してRe:VIEWをインストールしはじめて、四苦八苦しているうちに、DockerやCygwinを使わなくてもRe:VIEWをインストールすることに成功したので、それをそのままネタとして採用することにしました。奇しくも親方さんもWindows上でWordを使って原稿を執筆しており、お互いにRe:VIEWをWindowsにインストールするのが大変だという認識をもっていたので、これはいいネタになるなとも思いました。 28 | 29 | 今回初めてRe:VIEWを使い、Githubで原稿を管理して共同執筆したのですが、非常にいい経験になりました。当サークルは同人誌作成経験が乏しく、主題とはあまり関係のない内容ばかり書いていましたので、親方さん、共著の皆さんの尽力なくしては決して完成しませんでした。長くなったのでそろそろ終わります。皆さん本当にありがとうございました。そしてこの本を手にとって頂いた方々にとって、一つでも有益な情報が提供できていれば非常に嬉しく思います。 30 | 31 | 　 32 | 33 | 病葉です。技術同人誌作成の動機部分だけ参加させて頂きました。もっと書けるように精進します。 34 | 35 | 　 36 | 37 | カウプラン機関極東支部（@_kauplan）です。@{sec-cover}と@{sec-image}と@{sec-nombre}を書きました。技術書らしく「本に埋め込んだプログラムコードのテスト方法」というネタも書きたかったのですが、締め切りに間に合わず。無念ナリ。いつかリベンジしたいですね。 38 | 39 | 　 40 | 41 | 湊川あい（@llminatoll）です。微力ながら、本書に関われたことを嬉しく思います。表紙イラストものびのびと楽しく描けました。「作る楽しさ」みたいなものが表現できていれば嬉しいです。この企画にお声がけいただきました親方さん、素晴らしい執筆環境をセットアップいただきました@erukitiさん、共著の皆様に心からの感謝を。 42 | 43 | 　 44 | 45 | Yuki Ichonomiya（@yk_ichinomiya）です。今回は多人数同時執筆に憧れて参加させていただきました。おかげさまで過去10年間の同人活動のなかでも最も超エキサイティングな経験となりました。楽しかったです。 46 | 47 | 　 48 | 49 | 以上、8名の方に執筆頂きました。重ねて、お礼申し上げます。ありがとうございました。それでは、この本を読まれた皆様の中から、次回の技術書典やコミケに向けて本を書く人がいること、この本を読んでの参加宣言、さらには技術書執筆の仲間が増えることを祈っています。 50 | 51 | //flushright{ 52 | 53 | 2017年12月 54 | 55 | 親方Project 56 | 57 | 親方 58 | 59 | //} 60 | 61 | 62 | == Special Thanks: 63 | === レビュアー 64 | 65 | 双樹＠燃え尽き　＠sarah_souju　さん 66 | 67 | norakyuuri　マリオメーカーで計算機作る人　＠norakyuuri さん 68 | 69 | === 参考書 70 | わかばちゃんと学ぶGit使い方入門　湊川あい 71 | 72 | はじめてのRe:VIEW　Techbooster 73 | 74 | 75 | #@# ファイル名はpostscript.reとしました。言語のpsじゃないよｗ 76 | -------------------------------------------------------------------------------- /articles/preface.re: -------------------------------------------------------------------------------- 1 | = はじめに 2 | 3 | == この本の目的 4 | 5 | この本は、10/22に開催された技術書典3@{tbf03}のあと、このスクショにあるようなことを思いついたので実行してみた結果になります。 6 | //footnote[tbf03][@{https://techbookfest.org/event/tbf03}] 7 | 8 | //indepimage[first-tweet][][scale=0.8] 9 | #@# indepimage は、「図1.1 ほげほげ」みたいなのが付かない画像はりつけです 10 | 11 | この本を一冊読めば、技術書を書いて、イベントで売るところまで全体の流れがわかるマニュアル的な本を作ってみたら面白いのではなかろうか、と思ったのがきっかけです。もちろん、そこに至る要素である、執筆環境、共著の際のgitの使い方、入稿マニュアル、イベントでの展示、etc…それぞれの個別の内容については、既存の本なりBlogなりWebページはたくさんあります。しかし、それらを統合したワンストップ手引的な資料は私が知る限りありません。そこで、できる範囲で網羅したマニュアル本を作ってみよう、という試みです。 12 | 13 | 今回の声掛けに対して、数名の方が手を上げてくれました。いずれも、技術書典にサークル参加されている方で、それぞれの分野についての技術書を作っておられる方です。 14 | 15 | 技術書典に参加した経験値を、みんなに還元・共有して、技術書に関わるみんなで盛り上がりたい、という意識から参加いただけたのではないかと想像しています。あるいは、単純に面白そうだったから、かもしれませんが。 16 | 17 | さて、本書の中身ですが、共著に関するテクニックのみならず、イベントに参加することはこんなに楽しいぞ、技術書コミュニティは楽しいぞ、という記事もあります。 18 | 19 | さらに、ネタ出しや事前準備、当日のオペレーションといったイベントのノウハウ的な内容についても可視化することを目的の一つとしました。これらは、文字を読んでも一度やってみないとわからないという意見ももちろんあろうかと思いますが、事前知識・対策で回避できる点も多分にあり、些細な障害で参加を尻込みしていてはもったいないです。 20 | 21 | いずれにせよ、これまで暗黙知、あるいは経験者のみしか持ち得ない経験として公開されていなかった内容をある程度含むものにできたのではないかと考えています。もちろんお金の話や印刷部数など、非常にデリケートな内容を含むことも事実です。ですが、これらは公開されづらいからこそ価値のあるデータです。 22 | 23 | この本は、2017年冬コミ=C93にて発行されます。次回技術書典4は、本稿執筆時点ではまだ告知はありませんが、中の人のコメントによれば、「半年ごと開催を試しているところである」ということですから、2018年の春頃に開催されるのではないかという希望的観測を持っています。したがって、冬コミでこの本を買って、それから技術書典に申し込んで、技術書典4で自分の本を売るということができるスケジュールとなっており、実際そうなってくれればいいな、という夢を持って書いています。 24 | 25 | 最後に、執筆者の皆様、いろいろ無茶な思いつきに付き合っていただきありがとうございました。特に、東京ラビットハウス　＠erukitiさん、執筆環境設定やいろいろ交通整理含めて本当にお手数おかけしました。誇張ではなく、えるきちさんの初動なくしてはこの本は成立しませんでした。ありがとうございます。 26 | 27 | また、「わかばちゃんと学ぶGit使い方入門」の著者でもある湊川さん＠llminatollには、ステキな表紙を作っていただきました。かわいいです。ありがとうございます。そして、わかばちゃんと学ぶGit使い方入門があったおかげで、この本の複数人同時執筆という環境が成立しました。Gitの有効性を目の当たりにしつつ、迷ったら調べるというのができました。 28 | 29 | 他の執筆者の皆様も、様々なテクニック、ノウハウを文章化・可視化してくださいました。ありがとうございます。おかげさまで、素晴らしい本になったと思います。 30 | 31 | それでは、この本を手に取っていただいた方に、よっしゃいっちょかいてみようか、と思って頂けることを期待して、まえがきとします。 32 | 33 | //flushright{ 34 | 35 | 2017年12月 36 | 37 | 発起人:親方 38 | 39 | 親方Project 40 | 41 | //} 42 | 43 | 　 44 | 45 | 　 46 | 47 | == 免責事項 48 | 49 | 本書の内容については、できるだけ正確を期すよう執筆しましたが、その保証はありません。したがって、本書の内容に基づく行動に対して、発行者は一切の責任を負いかねます。 50 | 51 | ただし、不正確な部分、誤認等ありましたら、お知らせ頂けますと幸いです。電子版については、適宜改訂を行います。 52 | 53 | また、当然ながらイベントごとに参加規約は異なります。運営への確認等実施いただけますようお願い致します。 -------------------------------------------------------------------------------- /articles/prepare_ykichinmiya.re: -------------------------------------------------------------------------------- 1 | = 当日までの準備 2 | 3 | == サークル参加案内を熟読する 4 | 通行証に同封されているサークル参加案内を熟読しましょう。宅配搬入の期限などが記載されていますので、早めに確認しておきましょう。 5 | また、イベント公式サイトや公式Twitterアカウントなどの情報もこまめにチェックすることをお勧めします。 6 | 7 | == 持ち物リスト 8 | 一般的な持ち物は次のとおりです。 9 | 10 | === 持ち物（必須系） 11 | 1. 通行証 12 | 2. サークル参加案内 13 | 3. サークル参加登録証 14 | 4. 提出用見本誌 15 | 5. 釣銭 16 | 6. 頒布物 17 | 7. POP類 18 | 8. 値札 19 | 9. ポスター 20 | 10. おしながき 21 | 11. 実機（実機展示する場合） 22 | 23 | === あると便利なもの 24 | 1. 名刺　……来訪者にすぐ渡せるよう、机の上に置いておきましょう。 25 | 2. 壁掛け収納ポケット　……机の手前側にぶら下げることでイベント中に使う小物類の収納に役立ちます。 26 | 3. コインケース　……釣銭の整理に使います。 27 | 4. ガムテープ、両面テープ　……撤収時の段ボール詰めやPOPの固定に使います。 28 | 5. 大きなごみ袋　……普通にゴミ袋といて使ったり、雨天の搬入の際に中身が濡れないようかぶせたりします。 29 | 6. 筆記具（ボールペン、サインペン等）　……状況に応じてPOPを手書き作成することもあります。 30 | 7. 硬質カードケース　……お品書きやPOPを硬質カードケースに入れることで、丸まらず、立て掛けて設置することも可能になります。 31 | 8. ダブルクリップ　……POPの固定などに役立ちます。 32 | 33 | === ディスプレイ用品の例 34 | 机の上に本と値札を置いただけではいまひとつ見栄えがしません。サークルスペースを飾り付けて見栄えUPを図りましょう。100円ショップで手に入るアイテムも多いです。 35 | 36 | * クロス（敷き布） 37 | 38 | 机に敷く布です。ただ布を敷くだけでもサークルスペース美観は確実に上がります。クロスで机の前面側を覆えば、机の下の荷物を隠すことができ、防犯面でもプラスです。布は無地でも柄物でも大丈夫です。あらかじめスペースの幅（コミケの場合は90cm）に合わせて裁断しておいたり、目印を付けておくと便利です。 39 | 40 | * 本を立てるもの 41 | 42 | 　　通路を歩く参加者から本の表紙がよく見えるよう、本を立てます。 43 | 　　雑誌用のスタンドのほか、まな板立て、皿立て、小型イーゼルなどが使えます。しっかりと安定するものを選びましょう。 44 | 45 | * 小型黒板 46 | 47 | 　　ホワイトボードを使うよりも何となくおしゃれに見えます。 48 | 49 | * コルクボード 50 | 51 | 　　POPを自由な位置に張り付けられます。 52 | 53 | * フォトフレーム 54 | 55 | 　　いろいろなデザインのものがあり、装飾に適しています。 56 | 57 | * ポスタースタンド 58 | 59 | * 折り畳み式の棚 60 | 61 | 　　100円ショップの折り畳み式の小型の棚などを使って雛壇を作ることができます。頒布物の種類が多い場合のスペース活用に有効です。 62 | 63 | * 電飾 64 | 65 | 　　LEDを点灯させるなど、光るものがあると目を引きやすくなります。周囲に配慮し、節度を守って使いましょう。 66 | 67 | 68 | == 事前搬入 69 | 70 | === 宅配搬入 71 | 頒布物や当日の設営に使う物などを宅配便で会場へ搬入できます。運営からの案内にしたがって期日までに発送を手配しましょう。 72 | その際、何を送ったかを確認できるよう、きちんとメモや写真で控えておくことをお勧めします。 73 | 74 | === 印刷所からの直接搬入 75 | 同人印刷所で新刊を印刷した場合、印刷所からイベント会場へ直接搬入することができる場合があります。直接搬入に対応しているかわからない場合は印刷所に問い合わせて聞いてみましょう。 76 | 77 | === 前日搬入（コミケの場合） 78 | コミケの場合は前日に会場への搬入を行うことが可能です。但し、前日搬入には事前の申請が必要なため注意しましょう。 79 | 80 | === 期日に注意 81 | 事前搬入は期日が決まっています。サークル参加案内を読んで早めに確認しましょう。 82 | 83 | 84 | == スペース設営の事前準備 85 | サークルスペースの設営はぶっつけ本番で行うと設営時間が足りなくなったり、イメージどおりの装飾にならないことがあります。当日スムーズに思いどおりの設営ができるよう、自宅でサークルスペースのプロトタイプを作成してみましょう。出来れば事前に自宅で予行練習をしてみましょう。 86 | 87 | === 確認ポイント 88 | ・不安定で倒れやすいものはないか？ 89 | ・視認性は十分か？ 90 | ・POPの説明は分かりやすいか？ 91 | ・空間を有効に活用できているか？ 92 | ・装飾が質素すぎたり、派手すぎたりしていないか？ 93 | 94 | == サークルスペース設営の例 95 | [図 前面] 96 | [図 背面] 97 | * クロス 98 | * ポスター 99 | * 値札 100 | * 卓上POP 101 | * 壁掛けポケット 102 | * コインケース 103 | * 実機 104 | * キャリーカート 105 | * ダンボール 106 | * ゴミ袋 107 | 108 | === POPを活用する 109 | ワンオペの場合、参加者と会話していると他の参加者に声掛けは出来なくなります。声掛けできなくても本を手に取ってもらえるよう、必要な情報はお品書きやPOPに書き、目立つ位置に掲出しておきましょう。 110 | 111 | == 告知をしよう 112 | === Webページ、Blog 113 | === SNS 114 | === イベント公式サイト 115 | === 同人書店（事前発注） 116 | -------------------------------------------------------------------------------- /articles/prh.yml: -------------------------------------------------------------------------------- 1 | # https://gist.github.com/inao/f55e8232e150aee918b9 2 | # from WEB+DB PRESS 3 | # 対応は不完全(途中で飽きた) 一部手心を加えている 4 | version: 1 5 | 6 | imports: 7 | # 気合で移行した気持ちになった 8 | - ../prh-rules/media/techbooster.yml 9 | 10 | rules: 11 | - expected: asm.js 12 | pattern: ams.js 13 | - expected: 本章 14 | pattern: 本記事 15 | - expected: Angular 2 16 | pattern: Angular2 17 | - expected: Web Components 18 | pattern: WebComponents 19 | - expected: Custom Elements 20 | pattern: CustomElements 21 | - expected: Shadow DOM 22 | pattern: ShadowDOM 23 | - expected: Houdini 24 | pattern: houdini 25 | - expected: Incremental DOM 26 | pattern: IncrementalDOM 27 | - expected: ECMAScript 28 | pattern: EcmaScript 29 | - expected: いわ 30 | pattern: 言わ 31 | prh: 呼ぶ、で代替するか漢字で書かず、ひらがなで書くと読みやすくなります。 32 | - expected: のよう 33 | pattern: の様 34 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 35 | - expected: まったく 36 | pattern: 全く 37 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 38 | - expected: さきほど 39 | pattern: 先程 40 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 41 | - expected: あるいは 42 | pattern: 或いは 43 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 44 | - expected: はじめて 45 | pattern: 初めて 46 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 47 | - expected: どういうとき 48 | pattern: どういう時 49 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 50 | - expected: いくつか 51 | pattern: 幾つか 52 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 53 | - expected: 下げ 54 | pattern: さげ 55 | prh: ひらがなで書かず、漢字で「下げ」と読みやすくなります。 56 | - expected: すべて 57 | pattern: 総て 58 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 59 | - expected: もらう 60 | pattern: 貰う 61 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 62 | - expected: もらい 63 | pattern: 貰い 64 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 65 | - expected: いったん 66 | pattern: 一旦 67 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 68 | - expected: こと 69 | pattern: /(記|大|仕|返|無|食|見|議)?事(?!情|件|前|後|例|実|体|態|項|務|象)/ 70 | regexpMustEmpty: $1 71 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 72 | specs: 73 | - from: ある事 74 | to: あること 75 | - from: 記事 76 | to: 記事 77 | - from: 事件 78 | to: 事件 79 | - from: 事象 80 | to: 事象 81 | -------------------------------------------------------------------------------- /articles/sample/01-writing/hoge.re: -------------------------------------------------------------------------------- 1 | = Re:View はこんな感じでかきますよー の章 2 | 3 | == ほげー 4 | 5 | ふがー@{@}{fuga} 6 | //footnote[fuga][ふがー] 7 | 8 | ぴよー 9 | 10 | @{#@#} コメント 11 | -------------------------------------------------------------------------------- /articles/sec-nombre.re: -------------------------------------------------------------------------------- 1 | #@# -*- coding: utf-8 -*- 2 | 3 | = ノンブルのつけ方 4 | 5 | ノンブルとは、ページの1枚目から順番につけれらた番号のことです。ページ番号と似ていますが、読者のためではなく、印刷所がページ順番を確認するためにつけられます。ページ順のトラブルを避けるためにたいていの印刷所ではノンブルが必須であり、たとえページ番号があってもノンブルがないと印刷を受けつけてくれません。 6 | 7 | この章では、ノンブルとページ番号の違いを詳しく説明したあとに、PDFにノンブルを入れる方法を紹介します。 8 | 9 | 10 | =={nombre-overview} ノンブルとは 11 | 12 | 印刷所が原稿を印刷するときは、ページ順番を間違えてないかを確認します。そのためには、あらかじめ原稿のすべてのページに、番号を順番につけておく必要があります。この番号を「ノンブル」といいます。 13 | 14 | ノンブルはページ番号とよく似ていますが、次のような違いがあります（@{nombre-overview}）。 15 | 16 | //image[nombre-overview][ページ番号とノンブルの違い（ページ隅のグレーの数字がノンブル）。] 17 | 18 | * 【用途の違い】 19 | ** ページ番号は、読者のためにつけられます。そのため、目につく位置に置く必要があります。 20 | ** ノンブルは、印刷所の人が印刷物のページ順序を確認するためにつけられます。そのため、印刷所の人にのみ見えればよく、読者には極力見せない位置に置かれます。 21 | * 【必須・非必須の違い】 22 | ** ページ番号は、大扉（タイトルページ）や空白のページにはつかないことがあります。そのため、印刷物のページ順序を確認する用途では不十分です。 23 | ** ノンブルは、大扉（タイトルページ）や空白のページであっても必須です。省略はできません。 24 | * 【連続する・しないの違い】 25 | ** ページ番号は、まえがきや目次と本文では番号が連続しているとは限りません。たとえばまえがきや目次では「i」「ii」のようなローマ数字を使い、本文では番号をリセットしてアラビア数字を使う、というのはよくあります。そのため、印刷物のページ順序を確認する用途には向きません。 26 | ** ノンブルは、必ず連続した数字を使います。そうしないと印刷物のページ順序の確認には使えないからです。 27 | 28 | なおノンブルもページ番号も、表紙1?4にはつけません。表紙1?4は、本文とは用紙も印刷工程も違うのでページ順番の確認対象ではないため、ノンブルは必要ありません。 29 | 30 | 31 | =={nombre-required} ノンブルが必須である印刷所 32 | 33 | ノンブルを必要とするのは、読者でも作者でもなく、印刷所です。そしてノンブルを必須とする印刷所もあれば、なくても構わないという印刷所もあり@{nombre-optional}、まちまちです。 34 | //footnote[nombre-optional][ノンブルがなくてもいいのは、あくまで原稿がデジタルデータの場合だけです。技術書ではまずないと思いますが、もし原稿がデジタルデータではなくアナログの場合は、どの印刷所でもノンブルが必須のはずです。] 35 | 36 | いくつか印刷所の例を挙げてみます。 37 | 38 | //table[printing-house][印刷所別のノンブル必須状況（2017年11月現在）]{ 39 | 印刷所 ノンブル 参考URL 40 | -------------------------------------------------- 41 | 日光企画 必須 @{http://www.nikko-pc.com/q&a/yokuaru-shitsumon.html#3-1} 42 | ねこのしっぽ 非必須 @{https://www.shippo.co.jp/neko/faq_3.shtml#faq_039} 43 | プリペラ 必須 @{https://www.pripela.com/user_data/document#genkou2} 44 | 栄光 非必須 @{http://www.eikou.com/qa/answer/66} 45 | サンライズ 必須 @{http://www.sunrisep.co.jp/09_genkou/002genko_kiso.html} 46 | 金沢印刷 必須 @{http://www.kanazawa-p.co.jp/howtodata/howtodata_kihon-rule.html} 47 | オレンジ工房 必須 @{http://www.orangekoubou.com/order/question.php} 48 | 太陽出版 必須 @{https://www.taiyoushuppan.co.jp/doujin/howto/nombre.php} 49 | トム出版 必須 @{http://www.tomshuppan.co.jp/manual/data.html} 50 | ポプルス 非必須 @{http://www.inv.co.jp/~popls/genkou/q_and_a.html#nombre} 51 | //} 52 | 53 | もしノンブルが必須かどうか分からない場合は、「<印刷所名>　ノンブル」でインターネット検索してみてください。たいてい手がかりが見つかるはずです。 54 | 55 | またノンブルが必須でない印刷所でも、ノンブルをつけることが推奨されているはずです。「ページ順番が間違って印刷される」というトラブルを避けるためには、ノンブルを入れるのがいちばんの予防策です。 56 | 57 | 58 | =={nombre-view} ノンブルをつける場所 59 | 60 | ノンブルは印刷所の人に見えればよく、読者にはなるべく見せないほうがいいです。そのため、できるだけ目立たない場所に、目立たない色や大きさで入れましょう。たとえば： 61 | 62 | * フォントサイズ：6pt@{\sim}8pt 63 | * フォントカラー：#CCCCCC 64 | * 入れる場所：綴じしろ最下部（@{nombre-place}） 65 | 66 | //image[nombre-place][ノンブルを入れるべき場所。読者にはなるべく見えないようにする。]{ 67 | //} 68 | 69 | #@# とはいえ、フォントのサイズが小さすぎたり色が薄すぎて見えづらいと、印刷所から「やり直してください」と言われて再提出するはめになります。 70 | 71 | 72 | =={nombre-howto} ノンブルのつけ方 73 | 74 | PDF原稿にノンブルを入れるには、iLovePDF (@{https://www.ilovepdf.com/ja}) というWebサイトを使うのが便利です。 75 | #@# このサイトでは、PDFを加工するさまざまな機能を提供しています。そのうちのひとつにページ番号を入れる機能があるので、これを利用してPDF原稿に（ページ番号ではなく）ノンブルを入れます。 76 | 77 | 具体的な手順は次の通りです。なお初めて使うなら、4@{\sim}8ページ程度のPDFを用意し、それで動作を確かめることを強く勧めます（詳しい理由は後述）。 78 | 79 | 1. @{https://www.ilovepdf.com/ja} にアクセスし、「ページ番号」をクリックします（@{ilovepdf-top}）。 80 | 2. 「PDFファイルを選択」ボタンを押してPDFファイルを指定するか、Finder.appからPDFファイルを「PDFファイルを選択」ボタンへドラッグします。 81 | 3. しばらくするとオプション選択フォームになるので、次のように入力します（@{ilovepdf-form}）。@
{} 82 | ・ページ様式：見開き@
{} 83 | ・最初のページは表紙ページですか?：いいえ@
{} 84 | ・ページ番号の位置：下部@
{} 85 | ・ページ番号挿入対象：1@{\sim}最後@
{} 86 | ・最初のページ番号：1@
{} 87 | ・ページ番号の位置：左側（ページ隅に赤丸）を選択@
{} 88 | ・フォント：6pt、#CCCCCC@
{} 89 | ・フォーマット：ページ番号のみを挿入@
{} 90 | 入力したら、黒い「ページ番号の設定」ボタンを押します。 91 | 4. しばらくすると、「ページ番号が入ったPDFをダウンロード」という赤いボタンのページになります。そのまましばらく待つと、ノンブルが入ったPDFが自動的にダウンロードされます。 92 | 93 | //image[ilovepdf-top][iLovePDF (https://www.ilovepdf.com/ja)][scale=0.8] 94 | //image[ilovepdf-form][オプション選択フォーム][scale=0.8] 95 | 96 | ダウンロードしたPDFファイルを開いてみましょう。ページの隅に小さくノンブルがついているはずです。本当なら、ノンブルを入れる位置を細かく調整したい（もっと隅に寄せたい）のですが、残念ながらそのようなオプションはありません@{ilovepdf-position}。 97 | //footnote[ilovepdf-position][iLovePDFはAPIを用意しており、それを使うと位置の指定ができますが、できるのはより中側への移動だけで、より外側への移動はできませんでした。今後の機能拡張が望まれます。] 98 | 99 | なお英語版の画面だと、フォントの大きさや色に加えて、フォントの種類を選べます（@{ilovepdf-english}）。デフォルトでは「Helvetica」が使われており、よほどの理由がない限り切り替える必要はありませんが、もしよほどの理由があるなら英語の画面を使ってみましょう。左上にある「メニュー」→「言語」→「English」を選ぶと、英語版の画面に切り替わります。 100 | 101 | //image[ilovepdf-english][英語版だとフォントの種類が選べる][scale=0.8] 102 | 103 | 104 | =={nombre-font} フォントの埋め込み 105 | 106 | iLovePDFのサイトでノンブルをつけた場合、デフォルトでは「Helvetica」のフォントが使われます。このフォントがPDF内に埋め込まれてない場合は、フォントを埋め込まないと印刷所が受けつけてくれないことがあります。 107 | 108 | フォントが埋め込まれているかどうかは、「Adobe Acrobat Reader DC.app」を使って確認できます。 109 | @
{} 110 | 111 | //noindent 112 | 【macOSでの手順】 113 | 114 | 1. Adobe Acrobat Reader DC.appをインストールしていない場合は、「Acrobat Reader DC」でインターネット検索して、インストールしてください。 115 | 2. Finder.appで、Controlキーを押しながら対象のPDFファイルをクリックし、「このアプリケーションで開く」→「Adobe Acrobat Reader DC.app」を選びます。 116 | 3. Adobe Acrobat Reader DC.appが起動するので、Command+Dを押すか、メニューから「ファイル」→「プロパティ...」を選びます。 117 | 4. 「文書のプロパティ」ダイアログが出るので、「フォント」タブを選びます（@{acrobat-reader}）。フォント名の後ろに「埋め込みサブセット」とついているフォントは、PDFファイルに埋め込まれています。 118 | 119 | //image[acrobat-reader][Adobe Acrobat Reader DC.appでフォントの埋め込み状況を調べる][scale=0.7] 120 | 121 | @{acrobat-reader}の場合、「Helvetica」フォントがPDFに埋め込まれていないことが分かります。この場合は、次のようにしてPDFにフォントを埋め込みましょう。 122 | @
{} 123 | 124 | //noindent 125 | 【macOSでの手順】 126 | 127 | 1. 対象のPDFファイルをPreview.appで開きます。 128 | 2. Preview.appで、メニューから「ファイル」→「PDFとして書き出す...」を選びます。 129 | 3. ファイル名を指定して、新しいPDFファイルとして保存します。 130 | 131 | これでPDFファイルにフォントが埋め込まれました。この新しいPDFファイルをAdobe Acrobat Reader DC.appで開き、Command+Dを押してプロパティを表示してみましょう。すべてのフォントに「埋め込みサブセット」とついていれば、フォントの埋め込みが成功しています。 132 | 133 | 134 | =={nombre-notice} 注意点 135 | 136 | ノンブルに関して、次の点に注意してください。 137 | 138 | * 表紙1@{\sim}4にはノンブルをつける必要はありません。これらは用紙も印刷工程も別だからです。 139 | * ノンブルの番号は、通常は1または3から始めます（3から始めるのは表紙1と表紙2があるから）。印刷所の説明では、ノンブルは連続した番号でさえあればよく、1始まりでも3始まりでも構わないそうです@{nombre-zeroorigin}。 140 | //footnote[nombre-zeroorigin][技術書だからといって、ノンブルを0から始めるのは止めておきましょう。] 141 | 142 | またiLovePDF (@{https://www.ilovepdf.com/ja}) を使う上で、次の点に注意してください。 143 | 144 | * 月間で利用できるページ数やファイルサイズに上限があります。100ページあるPDFファイルで何度も試していると、あっという間に上限に達します。なので、試すときは4@{\sim}8ページのPDFを使い、印刷所に入稿する直前に本番のPDF原稿を使いましょう。 145 | * 一度にアップロードできるPDFのサイズは、ユーザ登録なしだと10MBまで、ユーザ登録すると15MBまで、有料会員になると200MBです@{ilovepdf-limit}。画像が多い原稿の場合は、ぜひ画像を圧縮しましょう。またどうしても10MBや15MBを超える場合は、PDFを分割してアップロードするか、有料会員登録しましょう。 146 | * サイトがいつも正常稼働しているとは限りませんし、いつまでも継続されるという保証もないです@{ilovepdf-limit2}。利用したいけどメンテナンス中で利用できなかった（特に締め切り直前に限って！）、ということは十分あり得るので、締め切りには余裕をもって原稿を仕上げましょう。 147 | * もしiLovePDFが便利だと思ったら、寄付をお願いします。有料会員登録は毎月4.99ドルなのでちょっと…という人も多いと思うので、かわりに幾ばくかの寄付をしてあげてください。寄付の受付は @{https://www.ilovepdf.com/ja/donate} です@{ilovepdf-donation}。 148 | //footnote[ilovepdf-limit][2017年11月現在。詳細は https://www.ilovepdf.com/ja/accounts 。] 149 | //footnote[ilovepdf-limit2][これはWebで提供されるサービスの宿命であり、iLovePDFに限った話ではありません。] 150 | //footnote[ilovepdf-donation][ただし日本からだと、PayPalは寄付金への支払いを受け付けてくれないし（「PayPalでは、現在JPの買い手からの寄付支払いはサポートされません」と言われる）、クレジットカードでの支払いもできませんでした（2017年11月現在）。] 151 | 152 | 153 | =={nombre-conclusion} まとめ 154 | 155 | 本章では、ノンブルの説明と、PDF原稿へのノンブルの入れ方を説明しました。ノンブルについての知識がないと、印刷所に入稿したあとに「ノンブルを入れてくれないと印刷できませんよ？」と言われて、てんやわんやになります。そんなときは、あせらず本章を熟読してください。 156 | -------------------------------------------------------------------------------- /articles/sty/onestop-techbook.sty: -------------------------------------------------------------------------------- 1 | \usepackage{geometry} 2 | \geometry{top=14mm,bottom=18mm,left=20mm,right=20mm} 3 | 4 | \usepackage[most]{tcolorbox} 5 | \tcbuselibrary{breakable} 6 | \renewenvironment{shaded}{ 7 | \vspace{\baselineskip} 8 | \begin{tcolorbox}[breakable, enhanced jigsaw, colback=black!10!white, colframe=black!30!white]} 9 | {\end{tcolorbox}} 10 | \renewenvironment{shadedb}{ 11 | \vspace{\baselineskip} 12 | \begin{tcolorbox}[breakable, enhanced jigsaw, colback=black!80!white, colframe=black, colupper=white, sharp corners, rounded corners=southeast]} 13 | {\end{tcolorbox}} 14 | 15 | %% サンプルコードを更に小さく 16 | \renewenvironment{reviewemlist}{% 17 | \medskip\footnotesize\begin{shaded}\setlength{\baselineskip}{1.2zw}\begin{alltt}}{% 18 | \end{alltt}\end{shaded}} 19 | 20 | \renewenvironment{reviewlist}{% 21 | \begin{shaded}\footnotesize\setlength{\baselineskip}{1.2zw}\begin{alltt}}{% 22 | \end{alltt}\end{shaded}\par\vspace*{0.5zw}} 23 | 24 | \renewenvironment{reviewcmd}{% 25 | \color{white}\medskip\footnotesize\begin{shadedb}\setlength{\baselineskip}{1.2zw}\begin{alltt}}{% 26 | \end{alltt}\end{shadedb}} 27 | 28 | %% from review-pdfmaker 29 | \usepackage{fancyhdr} 30 | \usepackage{ulem} 31 | \pagestyle{fancy} 32 | 33 | \fancyhead{} 34 | \fancyhead[LE]{\gtfamily\sffamily\bfseries\upshape \leftmark} 35 | \fancyhead[RO]{\gtfamily\sffamily\bfseries\upshape \rightmark} 36 | \cfoot{\thepage} 37 | 38 | \renewcommand{\sectionmark}[1]{\markright{\thesection~#1}{}} 39 | \renewcommand{\chaptermark}[1]{% 40 | \if@mainmatter 41 | \markboth{\prechaptername\ \thechapter\ \postchaptername~#1}{} 42 | \else 43 | \markboth{#1}{#1} 44 | \fi} 45 | \renewcommand{\headfont}{\gtfamily\sffamily\bfseries} 46 | 47 | \fancypagestyle{plainhead}{% 48 | \fancyhead{} 49 | \fancyfoot{} % clear all header and footer fields 50 | \fancyfoot[CE,CO]{\thepage} 51 | \renewcommand{\headrulewidth}{0pt} 52 | \renewcommand{\footrulewidth}{0pt}} 53 | 54 | \hypersetup{colorlinks=false} 55 | %%Helveticaを使う 56 | \renewcommand{\sfdefault}{phv} 57 | 58 | \sloppy 59 | 60 | \cfoot{\thepage} 61 | 62 | \def\cleardoublepage{% 63 | \clearpage% 64 | \if@twoside% 65 | \ifodd \c@page \else \hbox{}\thispagestyle{plainhead}\newpage% 66 | \if@twocolumn\hbox{}\thispagestyle{plainhead}\newpage\fi% 67 | \fi% 68 | \fi% 69 | } 70 | 71 | 72 | \renewcommand{\baselinestretch}{0.96} 73 | 74 | \usepackage{fancyvrb} 75 | \VerbatimFootnotes 76 | \usepackage{seqsplit} 77 | \let\textttorg=\texttt 78 | \def\texttt{\begingroup\obeyspaces\do@texttt} 79 | \def\do@texttt#1{\textttorg{\seqsplit{#1\relax}}\endgroup} 80 | 81 | \newcommand{\captionsize}{\fontsize{9}{9}\selectfont} 82 | \newlength{\captionnumwidth} 83 | \setlength{\captionnumwidth}{6zw} 84 | \newlength{\captionwidth} 85 | \setlength{\captionwidth}{\textwidth} 86 | \addtolength{\captionwidth}{-\captionnumwidth} 87 | \def\captionhead{\sffamily{\color{black!30!white}{▲}}} 88 | \long\def\@makecaption#1#2{% 89 | \addvspace\abovecaptionskip 90 | \buildcaption{!}{#1}{#2} 91 | \vskip\belowcaptionskip 92 | } 93 | \long\def\buildcaption#1#2#3{% 94 | \sbox\@tempboxa{\captionsize\sffamily #3}% 95 | \ifdim \wd\@tempboxa <\captionwidth% 96 | \def\capline{\captionsize\captionhead #2% 97 | \hskip1zw\relax\usebox{\@tempboxa}\mbox{}\relax} 98 | \ifx#1!\relax\centerline{\capline}\else\noindent\capline\fi 99 | \else 100 | \noindent% 101 | \parbox[t]{\captionnumwidth}{% 102 | {\captionsize\captionhead #2% 103 | \hskip1zw}}% 104 | \parbox[t]{\captionwidth}{\captionsize\sffamily #3} 105 | \fi 106 | } 107 | 108 | \long\def\listcaption#1:#2\relax{\buildcaption{}{#1}{#2}} 109 | 110 | \renewcommand{\reviewtablecaption}[1]{% 111 | {\def\captionhead{\sffamily{\color{black!30!white}{▼}}} 112 | \caption{#1}}} 113 | 114 | \renewcommand{\reviewlistcaption}[1]{% 115 | {\def\captionhead{\sffamily{\color{black!30!white}{▼}}} 116 | \medskip{\listcaption#1\relax}\vspace*{-1.3zw}}} 117 | 118 | \renewcommand{\reviewemlistcaption}[1]{% 119 | {\def\captionhead{\sffamily{\color{black!30!white}{▼}}} 120 | \medskip{\buildcaption{}{}{#1}\relax}\vspace*{-1.3zw}}} 121 | 122 | \renewcommand{\reviewcmdcaption}[1]{% 123 | {\def\captionhead{\sffamily{\color{black!30!white}{▼}}} 124 | \medskip{\listcaption#1\relax}\vspace*{-1.3zw}}} 125 | 126 | \renewcommand{\reviewindepimagecaption}[1]{% 127 | \begin{center}#1\end{center}} 128 | 129 | \renewcommand{\reviewboxcaption}[1]{% 130 | {\def\captionhead{\sffamily{\color{black!30!white}{▼}}} 131 | \medskip{\captionsize\captionhead #1}\vspace*{-1.3zw}}} 132 | 133 | 134 | 135 | \renewenvironment{reviewcolumn}{% 136 | \vspace{\baselineskip} 137 | \begin{tcolorbox}[colback=white] 138 | }{% 139 | \end{tcolorbox} 140 | \vspace{\baselineskip} 141 | } 142 | 143 | \renewcommand{\reviewcolumnhead}[2]{% 144 | {\noindent\large\sffamily #2} 145 | \vspace{\baselineskip}} 146 | 147 | %%シングルクォート対応 148 | \usepackage{upquote,textcomp} 149 | \xspcode`'=0 150 | -------------------------------------------------------------------------------- /articles/sty/reviewmacro.sty: -------------------------------------------------------------------------------- 1 | %% from review-pdfmaker 2 | \usepackage{fancyhdr} 3 | \pagestyle{fancy} 4 | \lhead{\gtfamily\sffamily\bfseries\upshape \leftmark} 5 | \chead{} 6 | \rhead{\gtfamily\sffamily\bfseries\upshape \rightmark} 7 | \renewcommand{\sectionmark}[1]{\markright{\thesection~#1}{}} 8 | \renewcommand{\chaptermark}[1]{\markboth{\prechaptername\ \thechapter\ \postchaptername~#1}{}} 9 | \renewcommand{\headfont}{\gtfamily\sffamily\bfseries} 10 | 11 | \fancypagestyle{plainhead}{% 12 | \fancyhead{} 13 | \fancyfoot{} % clear all header and footer fields 14 | \fancyfoot[CE,CO]{\thepage} 15 | \renewcommand{\headrulewidth}{0pt} 16 | \renewcommand{\footrulewidth}{0pt}} 17 | 18 | %% using Helvetica as sans-serif 19 | \renewcommand{\sfdefault}{phv} 20 | 21 | \sloppy 22 | 23 | %% del tag strike 24 | \usepackage{ulem} 25 | \renewcommand{\reviewstrike}[1]{\sout{#1}} 26 | 27 | -------------------------------------------------------------------------------- /articles/sty/samplemacro.sty: -------------------------------------------------------------------------------- 1 | %% from review-pdfmaker 2 | \usepackage{fancyhdr} 3 | \usepackage{ulem} 4 | \pagestyle{fancy} 5 | 6 | \fancyhead{} 7 | \fancyhead[LE]{\gtfamily\sffamily\bfseries\upshape \leftmark} 8 | \fancyhead[RO]{\gtfamily\sffamily\bfseries\upshape \rightmark} 9 | \cfoot{\thepage} 10 | 11 | \renewcommand{\sectionmark}[1]{\markright{\thesection~#1}{}} 12 | \renewcommand{\chaptermark}[1]{\markboth{\prechaptername\ \thechapter\ \postchaptername~#1}{}} 13 | \renewcommand{\headfont}{\gtfamily\sffamily\bfseries} 14 | 15 | \fancypagestyle{plainhead}{% 16 | \fancyhead{} 17 | \fancyfoot{} % clear all header and footer fields 18 | \fancyfoot[CE,CO]{\thepage} 19 | \renewcommand{\headrulewidth}{0pt} 20 | \renewcommand{\footrulewidth}{0pt}} 21 | 22 | \hypersetup{colorlinks=false} 23 | %%Helveticaを使う 24 | \renewcommand{\sfdefault}{phv} 25 | 26 | \sloppy 27 | 28 | \cfoot{\thepage} 29 | 30 | \def\cleardoublepage{% 31 | \clearpage% 32 | \if@twoside% 33 | \ifodd \c@page \else \hbox{}\thispagestyle{plainhead}\newpage% 34 | \if@twocolumn\hbox{}\thispagestyle{plainhead}\newpage\fi% 35 | \fi% 36 | \fi% 37 | } -------------------------------------------------------------------------------- /articles/sty/tatsumacro.sty: -------------------------------------------------------------------------------- 1 | \geometry{top=14mm,bottom=16mm,left=5mm,right=5mm} 2 | 3 | \definecolor{borderblue}{rgb}{0.2,0.4,0.9} 4 | 5 | \hypersetup{% 6 | colorlinks,% 7 | %%urlcolor=borderblue, 8 | linkcolor=borderblue% 9 | } 10 | 11 | %% from review-pdfmaker 12 | \usepackage{fancyhdr} 13 | \usepackage{ulem} 14 | %%\usepackage{supertabular} 15 | \setlength{\headheight}{29pt} 16 | \pagestyle{fancy} 17 | \lhead{\gtfamily\sffamily\bfseries\upshape \leftmark} 18 | \chead{} 19 | \rhead{} 20 | \cfoot{} 21 | \rfoot{\thepage} 22 | \renewcommand{\sectionmark}[1]{\markright{\thesection~#1}{}} 23 | \renewcommand{\chaptermark}[1]{% 24 | \if@mainmatter 25 | \markboth{\prechaptername\ \thechapter\ \postchaptername~#1}{} 26 | \else 27 | \markboth{#1}{#1} 28 | \fi} 29 | \renewcommand{\headfont}{\gtfamily\sffamily\bfseries} 30 | 31 | \fancypagestyle{plainhead}{% 32 | \fancyhead{} 33 | \fancyfoot{} % clear all header and footer fields 34 | \fancyfoot[R]{\thepage} 35 | \renewcommand{\headrulewidth}{0pt} 36 | \renewcommand{\footrulewidth}{0pt}} 37 | 38 | 39 | \renewcommand{\reviewtitlefont}[0]{% 40 | \usefont{T1}{pag}{b}{n}\gtfamily\ebseries} 41 | \renewcommand{\reviewmainfont}[0]{% 42 | \usefont{T1}{phv}{m}{n}\mgfamily} 43 | 44 | \renewcommand{\textbf}[1]{% 45 | {\usefont{T1}{phv}{b}{n}\gtfamily\bfseries~#1}} 46 | 47 | %%URLのフォントを通常のフォントにする 48 | \urlstyle{same} 49 | 50 | %%Helveticaを使う 51 | \renewcommand{\sfdefault}{phv} 52 | 53 | %%全体のデフォルトを丸ゴシック+Helveticaに 54 | \renewcommand{\kanjifamilydefault}{\mgdefault} 55 | \renewcommand{\familydefault}{\sfdefault} 56 | 57 | %%色修正 58 | \definecolor{shadecolorb}{gray}{0.5} 59 | 60 | %%シングルクォート対応 61 | \usepackage{upquote,textcomp} 62 | \xspcode`'=0 63 | 64 | %\renewcommand{\reviewcolumnhead}[2]{% 65 | %{\noindent\large ■#2}} 66 | 67 | %%framed.sty 68 | %%//cmdや//emlistの横幅をぎりぎりまで広げる 69 | \setlength{\FrameSep}{4pt} 70 | 71 | %%table 72 | \renewenvironment{reviewtable}[1]{% 73 | \begin{center}\scriptsize\setlength{\baselineskip}{1.5zw} 74 | \renewcommand\arraystretch{1.5} 75 | \begin{tabular}{#1}}{% 76 | \end{tabular} 77 | \end{center}} 78 | 79 | \renewcommand{\reviewappendix}{% 80 | \backmatter% 81 | \fancyhead{} 82 | } 83 | 84 | \def\@makechapterhead#1{% 85 | \vspace*{0.5\Cvs}% 欧文は50pt 86 | {\parindent \z@ \raggedright \normalfont 87 | \ifnum \c@secnumdepth >\m@ne 88 | \if@mainmatter 89 | \hfill{\huge\headfont \@chapapp\thechapter\@chappos} 90 | \par\nobreak 91 | \vskip 0.5\Cvs % 欧文は20pt 92 | \fi 93 | \fi 94 | \interlinepenalty\@M 95 | \hfill{\huge \headfont #1\par\nobreak} 96 | \vspace*{-2mm}% 97 | \rule{\textwidth}{0.1mm} 98 | \vskip 1.0\Cvs}} % 欧文は40pt 99 | 100 | 101 | 102 | \makeatletter%% 103 | 104 | \long\def\@makecaption#1#2{{\small 105 | \advance\leftskip .0628\linewidth 106 | \advance\rightskip .0628\linewidth 107 | \vskip\abovecaptionskip 108 | \sbox\@tempboxa{\textgt{\textsf{#1}}\hskip1zw\relax \textgt{\textsf{#2}}}% 109 | \ifdim \wd\@tempboxa <\hsize \centering \fi 110 | \textgt{\textsf{#1}}\hskip1zw\relax \textgt{\textsf{#2}}\par 111 | \vskip\belowcaptionskip}} 112 | 113 | \makeatother%% プリアンブルで定義する場合は必須(文字コードも) 114 | 115 | \sloppy 116 | 117 | %%目次と本文でページ番号を振り直しても表紙・中表紙ページと重複しないようRomanにしておく 118 | \pagenumbering{Roman} 119 | 120 | -------------------------------------------------------------------------------- /articles/style-web.scss: -------------------------------------------------------------------------------- 1 | /* stylesheet for Re:VIEW web */ 2 | 3 | $cursor-top: 100px; 4 | $cursor-width: 40px; 5 | $side-width: 200px; 6 | $page-width: 800px; 7 | 8 | nav.side-content 9 | { 10 | 11 | width: $side-width; 12 | position: fixed; 13 | 14 | h1.side-title 15 | { 16 | margin: 0; 17 | padding: 0; 18 | font-size: 1em; 19 | border-top: none; 20 | } 21 | 22 | ul 23 | { 24 | list-style: none; 25 | } 26 | } 27 | 28 | .book-body 29 | { 30 | margin-left: $cursor-width + $side-width; 31 | margin-right: $cursor-width; 32 | position: relative; 33 | 34 | .book-page 35 | { 36 | max-width: $page-width; 37 | margin:0 auto; 38 | padding: 32px 0 32px; 39 | } 40 | 41 | .book-navi 42 | { 43 | position: fixed; 44 | top: 0; 45 | min-width: $cursor-width; 46 | 47 | a 48 | { 49 | text-decoration: none; 50 | } 51 | } 52 | 53 | .book-prev 54 | { 55 | left: $side-width + 10px; 56 | } 57 | .book-next 58 | { 59 | right: 10px; 60 | } 61 | 62 | .book-cursor 63 | { 64 | height: 100vh; 65 | text-align: center; 66 | font-size: 32pt; 67 | padding: $cursor-top 0 0 0; 68 | color: #eee; 69 | } 70 | .book-cursor:hover 71 | { 72 | color: #333; 73 | } 74 | 75 | } 76 | 77 | footer p 78 | { 79 | margin-left: $side-width + $cursor-width; 80 | text-align: center; 81 | } 82 | 83 | .cover-image img 84 | { 85 | max-width: 100%; 86 | } 87 | 88 | -------------------------------------------------------------------------------- /articles/style.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | $main-color: #64C1D7; 3 | $footer-link-color: #9e9e9e; 4 | $font-size: 16px; 5 | $paragraph-margin-bottom: $font-size * 0.75; 6 | 7 | // デフォルトの装飾を上書く 8 | body { 9 | font-family: "Helvetica Neue", Helvetica, Arial, Meiryo, "メイリオ", sans-serif; 10 | font-size: $font-size; 11 | line-height: 24px / $font-size; 12 | } 13 | h2 { 14 | border-bottom: 1px solid #ccc; 15 | } 16 | h1, h2, h3 { 17 | margin-top: $font-size * 0.875 * 2; 18 | margin-bottom: $font-size * 0.875; 19 | } 20 | h4, h5, h6 { 21 | margin-top: $font-size * 0.875; 22 | margin-bottom: $font-size * 0.875; 23 | &:before { 24 | content: "■"; 25 | } 26 | } 27 | p { 28 | margin-bottom: $paragraph-margin-bottom; 29 | } 30 | dd { 31 | margin-left: 3em; 32 | } 33 | 34 | // コラム 35 | div.column { 36 | border: solid 3px; 37 | border-radius: 10px; 38 | padding-left: 1em; 39 | padding-right: 1em; 40 | margin-top: $paragraph-margin-bottom; 41 | margin-bottom: $paragraph-margin-bottom; 42 | h1, h2, h3 { 43 | margin-top: $font-size * 0.875; 44 | } 45 | } 46 | 47 | // リード文 48 | div.lead { 49 | font-size: $font-size; 50 | margin-left: 3em; 51 | } 52 | 53 | // footnote 54 | .noteref { 55 | vertical-align: super; 56 | font-size: smaller; 57 | } 58 | p.footnote { 59 | font-size: 0.8em; 60 | } 61 | // footnoteは最後に持ってくる 62 | .main-content { 63 | display: flex; 64 | flex-direction: column; 65 | } 66 | div.footnote { 67 | order: 1; 68 | } 69 | 70 | // 画像やリストなどのキャプション系 71 | .image, .table, .caption-code, .cmd-code { 72 | margin-bottom: $paragraph-margin-bottom; 73 | } 74 | .image, .table { // キャプションを中央寄せするもの 75 | .caption { 76 | text-align: center; 77 | } 78 | } 79 | .image { // キャプションに▲を付けるもの 80 | .caption { 81 | margin-top: 0; 82 | &:before { 83 | content: "▲"; 84 | color: lightgray; 85 | } 86 | } 87 | } 88 | .caption-code, .table { // キャプションに▼を付けるもの 89 | .caption { 90 | margin-bottom: 0; 91 | &:before { 92 | content: "▼"; 93 | color: lightgray; 94 | } 95 | } 96 | } 97 | .image { 98 | img { // 画像は中央余生にしとく 99 | display: block; 100 | max-width: 100%; 101 | height: auto; 102 | margin-left: auto;; 103 | margin-right: auto; 104 | } 105 | } 106 | 107 | // ヘッダ 108 | .tb-header { 109 | background-image: url(images/html_header.jpg); 110 | background-size: cover; 111 | height: 20vw; 112 | background-color: $main-color; 113 | color: white; 114 | 115 | // テキストは隠す 116 | text-indent: 150%; 117 | overflow: hidden; 118 | white-space: nowrap; 119 | } 120 | 121 | // メニューまわり 122 | .tb-nav-link { 123 | margin-top: 1em; 124 | margin-bottom: 1em; 125 | a.prev:before { 126 | content: "<<"; 127 | } 128 | a.next:after { 129 | content: ">>"; 130 | } 131 | } 132 | 133 | // フッタ 134 | .tb-footer { 135 | margin-top: 16px; 136 | padding-top: 16px; 137 | padding-bottom: 16px; 138 | color: white; 139 | background-color: #424242; 140 | a { 141 | color: $footer-link-color; 142 | } 143 | p { 144 | margin-right: 10px; 145 | } 146 | } 147 | .tb-footer-links { 148 | li:nth-child(n+2)::before { 149 | color: $footer-link-color; 150 | content: "/"; 151 | margin-right: 16px; 152 | } 153 | } 154 | -------------------------------------------------------------------------------- /articles/writing.re: -------------------------------------------------------------------------------- 1 | = 執筆環境 2 | 3 | DTP（Desk Top Publishing)と呼ばれるものが一般化した現代、ひとまず執筆環境としてはコンピュータを使ったものを前提としてこの章では色々紹介してみます。 4 | 5 | == DTPツールを使う 6 | 7 | ソフト上で文字やイラストを並べて作業をすすめるソフトを広い意味でDTPソフトと呼称することができます。プロも使っているDTPソフトといえば、Adobe InDesingが業界標準です。あまり技術同人誌では出番が無いかも知れませんが、Adobe InDesign を使えば凝った本を作成できるでしょう。 8 | 9 | また、技術書を書く場合、ワープロソフトがそのままDTPソフトになります。したがって、Microsoft Wordを使うとお手軽に同人誌を書けます。Wordは、たいていのPCにインストールされているし、日常的に使うこともあるでしょうから、とりあえず使い方に困ることは少ないかと思います。そういう意味で、初めて技術書を書く場合の執筆ツールとしてはBestな選択です。使い方で迷う前に本文を書き上げてしまいましょう。なお、効率的に書くならフォーマットをうまくいじるといいです。Appendix Cに技術書を書く場合のWordの使い方エッセンスがありますのでこちらを参照することをおすすめします。 10 | 11 | また、ワープロソフトとして有名な一太郎も、ここ数年は同人誌執筆層を取り込みにかかっています。最新の一太郎では、主要な印刷所のフォーマットに合わせたpdfをいきなり出力できる機能が追加されたようです。 12 | 13 | さて、DTPツールを使う場合、いきなりそのソフトで書き始めるより、テキストエディタで本文を書いてから、そのソフトに流し込み、図を貼り付けたり、参照関係調整をするほうが楽に書ける気がします。細かい使い勝手に左右されるのではなく、文章、構成を作り込む方に集中すると良いと思います。ざっくり5割から8割くらいの分量を書くまではテキストエディタで十分だと思います。 14 | 15 | #@# FIXME: 加筆もとむ 16 | 17 | == テキストファイルをコンパイルする系の版組ツールを使う 18 | 19 | なんらかのテキストエディタを使って、ソースコードをコンパイルするというのはソフトウェア技術者にとってはなじみ深いと思います。技術書典で出されている本の多くはそういった手法が使われています。 20 | 21 | * Re:VIEW 22 | * Markdown 23 | * HTML+CSS 24 | * Sphinx 25 | * TeX/LaTeX 26 | 27 | だいたいここらへんが人気あるところでしょうか。いずれも、本文を書いて、体裁に関する命令を間にはさみ、コンパイルするとpdfなどの入稿可能なファイルが出力されます。 28 | 29 | === Re:VIEW 30 | 31 | Re:VIEW@{Re:VIEW}は現時点ではkmuto@{kmuto}さんを中心に40人以上の開発者が参加するオープンソースな組み版ソフトです。実際にいくつもの出版社が採用しているプロユースのソフトですが、技術系同人誌でもよく使われるなど、プロもアマチュアも使うとても便利なソフトです。 32 | //footnote[Re:VIEW][@{http://reviewml.org/}] 33 | //footnote[kmuto][@{https://github.com/kmuto}] 34 | 35 | 技術系同人誌でよく使われるのは、技術同人誌の大家であるTechBoosterさんがちょうどそのまんま、ノウハウを惜しみなく詰め込んだリポジトリを公開しているため、環境さえ構築できれば、そのまま書き始められるという利点があるためです。 36 | 37 | * @{https://github.com/TechBooster/ReVIEW-Template} 38 | * @{https://github.com/TechBooster/C89-FirstStepReVIEW-v2} 39 | 40 | 後者は実際にコミケC89で販売されていた「技術書をかこう！　はじめてのRe:VIEW　改訂版」という本のソースコードに該当します。 41 | 42 | 本書は、@{ReVIEW-Template}をベースに書かれています。 43 | 44 | * @{https://github.com/onestop-techbook/c93-onestop-techbook} 45 | 46 | #@# 詳しくは@{01-writing.re}に書いています。 47 | 48 | Re:VIEWでは、ASCIIで使われていた画期的な電子出版（Editor's Work Bench）の書式をベースにしつつ簡易化した記述方法で本を書きます。Markdownや他のWikiとは違う少し癖があるように感じられる記法ですが、組み版に特化していて必要十分な機能を持っています。 49 | 50 | おおまかに分けて、行単位の命令と文章の中に入れるインライン命令で構成されています。 51 | 52 | //listnum[list-test][リストのテスト]{ 53 | #@mapfile(sample/01-writing/hoge.re) 54 | = Re:View はこんな感じでかきますよー の章 55 | 56 | == ほげー 57 | 58 | ふがー@{@}{fuga} 59 | //footnote[fuga][ふがー] 60 | 61 | ぴよー 62 | 63 | @{#@#} コメント 64 | #@end 65 | //} 66 | 67 | #@# リストの中でもRe:Viewのインライン命令を解釈してしまうので要注意 68 | #@# #@ で始まる行に関しても、プリプロセッサの都合があるので、こんな感じに 69 | 70 | たとえば@{list-test}は実際のRe:VIEWのソースコードです。 71 | 72 | もっと知りたければ、@{https://github.com/onestop-techbook/c93-onestop-techbook} を開いてみてください。本書の原稿はRe:VIEWで書かれていて Github で公開されています。RubyとTeXさえ準備できれば、本書をそのままコンパイルしてPDFを生成できます。 73 | 74 | @{=} で始まる行は見出しです。特に@{=}のようなイコール記号が1つのものは章です。 75 | 76 | * @{=} 章 77 | * @{==} 節 78 | * @{===} 項 79 | * @{====} 段 80 | * @{=====} 小段 81 | 82 | @{//} で始まる行はブロック命令です。 83 | 84 | @{@}{fuga}のような命令はインライン命令です。 85 | 86 | 詳しくは公式Wiki@{format-ja}をご覧ください。 87 | //footnote[format-ja][@{https://github.com/kmuto/review/blob/master/doc/format.ja.md}] 88 | 89 | ====[column]明示的に空行を入れる方法：親方 90 | 91 | Re:viewでは、2行以上の空行は無視されます。改行はbrで入れられるのですが、あとがき部分で著者ごとのコメントを明示的に区切りたい場合に困りました。 92 | 93 | 暗黙の型宣言さんから、改行　全角スペース　改行とすると、よいよ、というコメントを貰いました。 94 | 95 | 　 96 | 97 | 全角スペースのみの段落ができますので、実質的に空行が入ります。なるほどなるほど。 98 | 99 | ====[/column] 100 | 101 | 102 | === Markdown 103 | 104 | Markdownは技術者向けの簡易言語です。お手軽かつ、統一フォーマットとしての側面があり、Githubで使えるGFM（Github Fravored Markdown@{GFM}）が事実上の標準となっています。 105 | //footnote[GFM][@{https://github.github.com/gfm/}] 106 | 107 | ブログやドキュメントをMarkdownで書いたり、プレゼンのスライドをMarkdownで作成するなどがよくある使われ方ですが、Markdownでも技術書を執筆できます。 108 | 109 | md2review@{md2review}を使えば、Markdownで書いた本をRe:VIEWを経由して高品質なPDFなどを作成できます。 110 | //footnote[md2review][@{https://github.com/takahashim/md2review}] 111 | 112 | Gitbook@{gitbook}という、Markdownで執筆できるツールもあります。Re:VIEWほどの高品質ではありませんが、これでも十分同人誌を作成できる品質かつ、Re:VIEWよりは遙かに楽です。 113 | //footnote[gitbook][@{https://github.com/GitbookIO/gitbook}] 114 | 115 | === HTML+CSS 116 | 117 | 電子書籍のフォーマットとして標準となっているEPub形式ですが、実質HTML+CSSです。頑張ってCSSでうまく装飾すれば、印刷して同人誌にすることもできます。 118 | 119 | #@# FIXME: 加筆もとむ 120 | 121 | === reST（Sphinx） 122 | 123 | MarkdownよりはマイナーですがreSTという記述形式があり、Sphinxというツールを使うという手もあります。Sphinx@{sphinx}はPythonの公式ドキュメントを作るために生まれたものですが、これで同人誌を作成もできます。reST形式についてはreStructuredText入門@{reST}を読むといいでしょう。 124 | //footnote[sphinx][@{http://docs.sphinx-users.jp/}] 125 | //footnote[reST][@{http://docs.sphinx-users.jp/rest.html}] 126 | 127 | === TeX/LaTex 128 | 129 | おっと、TeXも忘れちゃいけません。Re:VIEWはTeXのフロントエンドであり、裏ではTeXが走っていますから、同じといえないこともないですが、一方で本家TeXはお作法はだいぶ複雑です。情報系、数学系、工学系の人は一度は触ったことがあるかと思いますが…使い慣れないと評判はよろしくないです。自由度も高いのですが…数式は確かにきれいに書けますが、これを期にTeXを始めよう、というのはあまりおすすめできません。 130 | 131 | なお、数式を多用する場合、しかも微分積分、あるいは累乗や添字が飛び交うような文章、その他の数学記号が攻めてくるような文章を書く場合は選択肢に入るでしょう。 132 | 133 | なお、フロントエンドとして、LyX@{LyX}を使うというのは良い選択です。TeXのおまじないがかなり軽減されていて、ワープロソフト／DTPソフトとしてかなり使い勝手が良くなります。 134 | //footnote[LyX][@{https://www.lyx.org/WebJa.Home}] 135 | 136 | ====[column] テキストエディタ：@erukiti 137 | 138 | テキストエディタ、何を使っていますか？Windowsのメモ帳で頑張ってる強者なひともいらっしゃるかもしれませんが、エンジニアに人気のテキストエディタというと、Vim や Emacs という昔ながらのエディタもありますが、最近はよりモダンな Atom@{atom} や Visual Studio Code@{vscode} があります。 139 | 140 | Visual Studio Code（VSCode）は名前の通り Visual Studio なのでテキストエディタというよりは IDE なのですがとても軽量でテキストエディタとしてもとても良いので最近シェアを急激に伸ばしているようです。実際、本書や別の本も、Re:VIEW プラグインをインストールした VSCode で書いています。筆者が試した限りだと Atom より動作が軽量かつ、JavaScript/TypeScript での IDE としての機能が筆者にとっての必要十分なので、愛用しているエディタです。 141 | 142 | Markdown で執筆する場合は、Markdown 専門のツールを使うという手もあります。Windows でも Mac でも最近はいろいろな Markdown 執筆ツールがあるので、それらを利用してみるという手もあります。最近はウェブサービスで Markdown 形式をサポートしているケースも多く、ブログを書いたりするのにも便利です。 143 | 144 | //footnote[vscode][@{https://code.visualstudio.com/}] 145 | //footnote[atom][@{https://atom.io/}] 146 | 147 | ====[/column] 148 | -------------------------------------------------------------------------------- /build-in-docker.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | # コマンド手打ちで作業したい時は以下の通り /book に pwd がマウントされます 4 | # docker run -i -t -v $(pwd):/book vvakame/review /bin/bash 5 | 6 | docker run -t --rm -v $(pwd):/book vvakame/review /bin/bash -ci "cd /book && ./setup.sh && npm run pdf" 7 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "c93-onestop-techbook", 3 | "version": "0.0.1", 4 | "private": true, 5 | "description": "", 6 | "main": "Gruntfile.js", 7 | "repository": { 8 | "type": "git", 9 | "url": "git+https://github.com/onestop-techbook/c93-onestop-techbook.git" 10 | }, 11 | "author": "", 12 | "license": "MIT", 13 | "bugs": { 14 | "url": "https://github.com/onestop-techbook/c93-onestop-techbook/issues" 15 | }, 16 | "homepage": "", 17 | "engines": { 18 | "node": ">=6.0.0" 19 | }, 20 | "scripts": { 21 | "site": "cd site ; hugo --cleanDestinationDir", 22 | "global-bundler": "gem install bundler", 23 | "global": "npm run global-bundler", 24 | "postinstall": "bundle install", 25 | "pdf": "grunt pdf", 26 | "md": "grunt markdown", 27 | "html": "grunt html", 28 | "test": "npm run html" 29 | }, 30 | "dependencies": {}, 31 | "devDependencies": { 32 | "grunt": "1.0.1", 33 | "grunt-cli": "1.2.0", 34 | "grunt-contrib-clean": "1.0.0", 35 | "grunt-open": "0.2.3", 36 | "grunt-shell": "1.3.0", 37 | "js-yaml": "3.6.0", 38 | "load-grunt-tasks": "3.5.0" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /prh-rules/README.ja.md: -------------------------------------------------------------------------------- 1 | # A collection of prh rules [![CircleCI](https://circleci.com/gh/prh/rules.svg?style=svg)](https://circleci.com/gh/prh/rules) 2 | 3 | ## フォルダ構成 4 | 5 | * languages 6 | * 各自然言語固有のルール 7 | * terms 8 | * 技術用語のルール 9 | * 商標やツールの正式名称などのルール 10 | * 各種ツール固有のルール 11 | * media 12 | * 各媒体固有のルール 13 | 14 | ## ルール 15 | 16 | * yaml内でimportを使ってはならない 17 | * rootディレクトリのprh.ymlとmediumの中は除く 18 | * 原則として、media内のルールを他のファイルから参照しない（組み合わせて運用する前提のものではないため） 19 | * mediaには原則として、各団体・出版社別ルールを置く 20 | * 作品別ルールは作品のリポジトリにて個別に管理するのを推奨する 21 | * 団体内部で複数のファイルを置きたい場合、 media/techbooster/ のように団体名のディレクトリを切ってその中で自由にすること 22 | -------------------------------------------------------------------------------- /prh-rules/README.md: -------------------------------------------------------------------------------- 1 | # A collection of prh rules [![CircleCI](https://circleci.com/gh/prh/rules.svg?style=svg)](https://circleci.com/gh/prh/rules) 2 | 3 | [in japanese](https://github.com/prh/rules/blob/master/README.ja.md) 4 | -------------------------------------------------------------------------------- /prh-rules/languages/ja/typo.yml: -------------------------------------------------------------------------------- 1 | # Rules for Japanese typo 2 | meta: 3 | reviewer: 4 | - vvakame 5 | - mhidaka 6 | rules: https://github.com/prh/rules 7 | 8 | version: 1 9 | rules: 10 | - expected: なるほど 11 | pattern: なほるど 12 | -------------------------------------------------------------------------------- /prh-rules/media/techbooster.yml: -------------------------------------------------------------------------------- 1 | # Rules for TechBooster 2 | meta: 3 | reviewer: 4 | - vvakame 5 | - mhidaka 6 | related: http://techbooster.org/ 7 | rules: https://github.com/prh/rules 8 | 9 | # techbooster editor lint!! 10 | # C89 冬コミ開始前時点で利用している版だよ！ 11 | version: 1 12 | imports: 13 | - ../languages/ja/typo.yml 14 | - ../terms/software.yml 15 | - ../terms/review.yml 16 | - ../terms/trademark.yml 17 | rules: 18 | - expected: TechBooster 19 | pattern: てっくぶーすたー 20 | prh: 警告メッセージのカスタマイズができるよ！ 21 | # 記号 22 | # 半角括弧を全角括弧に 23 | - expected: （$1） 24 | pattern: /\((.+?)\)/ 25 | specs: 26 | - from: そうですね(笑) 27 | to: そうですね（笑） 28 | - from: (@{test}) 29 | to: （@{test}） 30 | - from: "(ほげ)ほげ)" 31 | to: "（ほげ）ほげ)" 32 | prh: 半角カッコの代わりに全角カッコを使うこと。文字のバランスが崩れるためです 33 | # TODO 英単語の前後の空白を殺す 34 | 35 | # 開き 36 | - expected: いえ 37 | pattern: 言え 38 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 39 | - expected: いう 40 | pattern: 言う 41 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 42 | - expected: いわ 43 | pattern: 言わ 44 | prh: 呼ぶ、で代替するか漢字で書かず、ひらがなで書くと読みやすくなります。 45 | - expected: さまざま 46 | pattern: 様々 47 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 48 | - expected: よい 49 | pattern: /良い(?!例)/ 50 | prh: 良し悪しを評価する表現は"良い"、しなくていい、など評価でない表現は"よい"を使います 51 | specs: 52 | - from: 良い 53 | to: よい 54 | - from: 良い例 55 | to: 良い例 56 | - expected: さらに 57 | pattern: /(変)?更に/ 58 | regexpMustEmpty: $1 59 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 60 | specs: 61 | - from: 変更に 62 | to: 変更に 63 | - expected: もつ 64 | pattern: 持つ 65 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 66 | - expected: とおり 67 | pattern: 通り 68 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。"どおり"のケースもありえます 69 | - expected: ひととおり 70 | pattern: /(一|ひと)通り/ 71 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 72 | - expected: すでに 73 | pattern: 既に 74 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 75 | - expected: すべて 76 | pattern: /(全て|総て)/ 77 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 78 | - expected: たとえば 79 | pattern: 例えば 80 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 81 | - expected: 他の 82 | pattern: ほかの 83 | prh: ひらがなで書かず、漢字で書くと読みやすくなります 84 | - expected: 分かる 85 | pattern: わかる 86 | prh: ひらがなで書かず、漢字で書くと読みやすくなります 87 | - expected: $1中 88 | pattern: /(その)なか/ 89 | prh: ひらがなで書かず、漢字で書くと読みやすくなります 90 | - expected: きれい 91 | pattern: 綺麗 92 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 93 | - expected: こと 94 | pattern: /(記|大|仕|返|無|食|見|議)?事(?!情|件|前|後|象|例|実|体|態|項|務|業|柄)/ 95 | regexpMustEmpty: $1 96 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 97 | specs: 98 | - from: ある事 99 | to: あること 100 | - from: 記事 101 | to: 記事 102 | - from: 事件 103 | to: 事件 104 | - from: 事象 105 | to: 事象 106 | - from: 事柄 107 | to: 事柄 108 | - expected: $1とき 109 | pattern: /(の)時(?!点|代|々|間)/ 110 | specs: 111 | - from: その時 112 | to: そのとき 113 | - from: その時点 114 | to: その時点 115 | - from: その時代 116 | to: その時代 117 | - from: それまでの時間 118 | to: それまでの時間 119 | - from: 同時 120 | to: 同時 121 | - from: 実行時 122 | to: 実行時 123 | - from: 利用時 124 | to: 利用時 125 | - from: 開発時 126 | to: 開発時 127 | - from: 執筆時 128 | to: 執筆時 129 | - from: 時点 130 | to: 時点 131 | - from: 時代 132 | to: 時代 133 | - from: 時間 134 | to: 時間 135 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 136 | - expected: でき$1 137 | pattern: /出来(る|て|た|ま|上が)/ 138 | specs: 139 | - from: 出来上がった 140 | to: でき上がった 141 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 142 | - expected: したがって 143 | pattern: 従って 144 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 145 | - expected: $1ように 146 | pattern: /(の)様に/ 147 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 148 | - expected: 次$1 149 | pattern: /(?:以下|下記)(の|に)/ 150 | specs: 151 | - from: 以下の 152 | to: 次の 153 | - from: 以下に 154 | to: 次に 155 | - from: 次回 156 | to: 次回 157 | - from: 下記の 158 | to: 次の 159 | prh: 書籍の場合は、以下ではなく次を利用します（常に下にあるとは限らないため） 160 | - expected: かかわらず 161 | pattern: /関わ?らず/ 162 | specs: 163 | - from: 関わらず 164 | to: かかわらず 165 | - from: 関らず 166 | to: かかわらず 167 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 168 | - expected: なる 169 | pattern: 成る 170 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 171 | - expected: お勧め 172 | pattern: おすすめ 173 | prh: ひらがなで書かず、漢字で書くと読みやすくなります 174 | - expected: $1あとで 175 | pattern: /(して|した|、)後で/ 176 | specs: 177 | - from: して後で 178 | to: してあとで 179 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 180 | - expected: あらかじめ 181 | pattern: 予め 182 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 183 | - expected: なぜ 184 | pattern: 何故 185 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 186 | - expected: ゆえに 187 | pattern: 故に 188 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 189 | - expected: うまく 190 | pattern: 巧く 191 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 192 | - expected: もっぱら 193 | pattern: 専ら 194 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 195 | - expected: はやる 196 | pattern: 流行る 197 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 198 | - expected: のよう 199 | pattern: の様 200 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 201 | - expected: まったく 202 | pattern: 全く 203 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 204 | - expected: さきほど 205 | pattern: 先程 206 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 207 | - expected: あるいは 208 | pattern: 或いは 209 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 210 | - expected: はじめて 211 | pattern: 初めて 212 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 213 | - expected: どういうとき 214 | pattern: どういう時 215 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 216 | - expected: いくつか 217 | pattern: 幾つか 218 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 219 | - expected: 下げ 220 | pattern: さげ 221 | prh: ひらがなで書かず、漢字で「下げ」と読みやすくなります。 222 | - expected: もら$1 223 | pattern: /貰(う|い)/ 224 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 225 | specs: 226 | - from: 貰う 227 | to: もらう 228 | - from: 貰い 229 | to: もらい 230 | - expected: いったん 231 | pattern: 一旦 232 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります。 233 | 234 | # 通常は、ひとつ。数詞は１つ、漢数字は数えられる固有名詞を指す場合に利用 235 | - expected: ひとつ 236 | pattern: 一つ 237 | prh: 通常は、ひとつ。数詞は１つ、漢数字は数えられる固有名詞を指す場合に利用します 238 | - expected: ふたつ 239 | pattern: 二つ 240 | prh: 通常は、ふたつ。数詞は１つ、漢数字は数えられる固有名詞を指す場合に利用 241 | - expected: もっとも 242 | pattern: 最も 243 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 244 | - expected: ちょうど 245 | pattern: /(丁度|調度)/ 246 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 247 | - expected: いずれ 248 | pattern: 何れ 249 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 250 | - expected: ほとんど 251 | pattern: 殆ど 252 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 253 | - expected: 、 254 | pattern: ， 255 | prh: カンマとコンマではなく句点読点を使います。 256 | - expected: 。 257 | pattern: ． 258 | prh: カンマとコンマではなく句点読点を使います。 259 | - expected: すべて 260 | pattern: 全て 261 | prh: 漢字で書かず、ひらがなで書くと読みやすくなります 262 | # footnoteの末尾は読点を使わない 263 | # タイトル見出しの末尾は読点を使わない 264 | # 表、コード見出しの末尾は読点を使わない 265 | # 箇条書きの末尾は読点を使わない 266 | # 箇条書きの末尾は体言止め、または動詞でとめる、が統一されているか 267 | # footnoteの参照は名詞、または末尾にかかっているか（原則、動詞にかからない） 268 | # 表、ソースコードへの参照が本体より前に配置されているか。 269 | # 文末の参照は（@{id}）。となっているか。@{id}。などはNG 270 | # 。（@{manifest_gradle}） などもNG 271 | # だいたい、ほとんど、など：曖昧語への注意喚起Lintしたい 272 | # listnum記法などあんまり積極的に使いたくない記法を喚起したい 273 | 274 | # 本文中の半角スペースは排除したい 275 | 276 | # 横文字 277 | - expected: ライブラリ 278 | pattern: ラブライブ # C87でやらかした人がいましたね？ 279 | prh: C87でざきさんがやらかした思い出 280 | 281 | # その他 282 | - expected: コード保管 283 | pattern: コード補完 284 | prh: コード補完の間違いと思われます。 285 | -------------------------------------------------------------------------------- /prh-rules/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "prh-rules", 3 | "private": true, 4 | "version": "1.0.0", 5 | "description": "", 6 | "scripts": { 7 | "test": "node test.js" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/prh/rules.git" 12 | }, 13 | "author": "vvakame", 14 | "license": "MIT", 15 | "bugs": { 16 | "url": "https://github.com/prh/rules/issues" 17 | }, 18 | "homepage": "https://github.com/prh/rules#readme", 19 | "dependencies": { 20 | "prh": "^1.0.3" 21 | }, 22 | "devDependencies": { 23 | "glob-expand": "^0.2.1" 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /prh-rules/terms/android.yml: -------------------------------------------------------------------------------- 1 | # Rules for Android 2 | meta: 3 | reviewer: 4 | - vvakame 5 | - mhidaka 6 | related: https://www.android.com/ 7 | rules: https://github.com/prh/rules 8 | 9 | version: 1 10 | rules: 11 | - expected: API Level 12 | pattern: API level 13 | prh: APIドキュメントでも揺れてますが、Levelで統一してます 14 | - expected: View 15 | pattern: Vew 16 | - expected: aidl 17 | pattern: /adil/ 18 | - expected: AIDL 19 | pattern: /ADIL/ 20 | -------------------------------------------------------------------------------- /prh-rules/terms/javascript.yml: -------------------------------------------------------------------------------- 1 | # Rules for JavaScript 2 | meta: 3 | reviewer: 4 | - vvakame 5 | related: http://www.ecma-international.org/publications/standards/Ecma-262.htm 6 | rules: https://github.com/prh/rules 7 | 8 | version: 1 9 | rules: 10 | - expected: jQuery 11 | - expected: Angular 2 12 | pattern: Angular2 13 | - expected: Web Components 14 | pattern: WebComponents 15 | - expected: Custom Elements 16 | pattern: CustomElements 17 | - expected: Shadow DOM 18 | pattern: ShadowDOM 19 | - expected: Incremental DOM 20 | pattern: IncrementalDOM 21 | -------------------------------------------------------------------------------- /prh-rules/terms/review.yml: -------------------------------------------------------------------------------- 1 | # Rules for Re:VIEW 2 | meta: 3 | reviewer: 4 | - vvakame 5 | - mhidaka 6 | related: https://github.com/kmuto/review/ 7 | rules: https://github.com/prh/rules 8 | 9 | version: 1 10 | rules: 11 | - expected: "@<$1>{$2}" # 先頭 @ はyaml的にアレなのでダブルクォートで囲む 12 | pattern: /@([^{<>]+)\{([^}]+)\}/ 13 | specs: 14 | - from: "@list{foo}" 15 | to: "@{foo}" 16 | - from: "@{foo}" 17 | to: "@{foo}" 18 | prh: Re:VIEW記法の書き方を間違えていませんか？ 19 | -------------------------------------------------------------------------------- /prh-rules/terms/software.yml: -------------------------------------------------------------------------------- 1 | # Rules for Software Development 2 | meta: 3 | reviewer: 4 | - vvakame 5 | - mhidaka 6 | rules: https://github.com/prh/rules 7 | 8 | version: 1 9 | rules: 10 | - expected: Web 11 | - expected: superset 12 | pattern: super set 13 | -------------------------------------------------------------------------------- /prh-rules/terms/trademark.yml: -------------------------------------------------------------------------------- 1 | # Rules for Trademark 2 | meta: 3 | reviewer: 4 | - vvakame 5 | - mhidaka 6 | rules: https://github.com/prh/rules 7 | 8 | version: 1 9 | rules: 10 | - expected: Re:VIEW 11 | pattern: /ReVIEW/ 12 | specs: 13 | - from: ReVIEW 14 | to: Re:VIEW 15 | - from: review 16 | to: review 17 | - expected: 技術書典 18 | pattern: /技術書(店|…|点|展|てん)/ 19 | specs: 20 | - from: 技術書点 21 | to: 技術書典 22 | - from: 技術書展 23 | to: 技術書典 24 | - expected: American Express（Amex） 25 | pattern: 26 | - アメリカン・エキスプレス 27 | - アメックス 28 | - アメリカンエクスプレス 29 | - expected: 技術書典 30 | pattern: /技術書(店|…|点|展|てん)/ 31 | specs: 32 | - from: 技術書点 33 | to: 技術書典 34 | - from: 技術書展 35 | to: 技術書典 36 | -------------------------------------------------------------------------------- /prh-rules/test.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | const expand = require("glob-expand"); 4 | const prh = require("prh"); 5 | const assert = require("assert"); 6 | 7 | const ymlList = expand({ filter: "isFile", cwd: __dirname }, [ 8 | "**/*.yml", 9 | "!node_modules/**", 10 | ]); 11 | 12 | ymlList.forEach(yml => { 13 | try { 14 | const engine = prh.fromYAMLFilePath(yml); 15 | const changeSet = engine.makeChangeSet("./README.ja.md"); 16 | } catch (e) { 17 | console.log(`processing... ${yml}\n`); 18 | throw e; 19 | } 20 | }); 21 | 22 | console.log("😸 done"); 23 | -------------------------------------------------------------------------------- /redpen-conf-ja.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 37 | 38 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /setup.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | set -eux 4 | 5 | rm -rf node_modules 6 | # --unsafe-perm はrootでの実行時(= docker環境)で必要 非root時の挙動に影響なし 7 | npm install --unsafe-perm 8 | git submodule init && git submodule update 9 | -------------------------------------------------------------------------------- /site/.gitignore: -------------------------------------------------------------------------------- 1 | public 2 | -------------------------------------------------------------------------------- /site/config.toml: -------------------------------------------------------------------------------- 1 | languageCode = "ja" 2 | title = "合同本(仮)" 3 | style = "default" 4 | hasCJKLanguage = true 5 | baseUrl = "https://onestop-techbook.github.io/c93-onestop-techbook/" 6 | 7 | [params] 8 | logo = "img/logo.png" 9 | about_us = "親方プロジェクト?" 10 | copyright = "Copyright (c) 2017, Oyakata; all rights reserved." 11 | date_format = "2006/01/02" 12 | 13 | [[params.menu]] 14 | name = "趣旨" 15 | url = "/c93-onestop-techbook/purpose" 16 | weight = 1 17 | 18 | [[params.menu]] 19 | name = "Blog" 20 | url = "/c93-onestop-techbook/blog/" 21 | weight = 2 22 | -------------------------------------------------------------------------------- /site/content/blog/test.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2017-11-04T12:21:04+09:00" 3 | title = "test" 4 | 5 | +++ 6 | 7 | markdown でブログがかけます。 8 | -------------------------------------------------------------------------------- /site/content/purpose/index.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2017-11-04T12:21:04+09:00" 3 | title = "合同本の主旨" 4 | 5 | +++ 6 | 7 | ほげ 8 | 9 | ## ほげ 10 | 11 | ### ふが 12 | 13 | -------------------------------------------------------------------------------- /site/layouts/_default/single.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 |
3 |
4 | {{ .Content }} 5 |
6 |
7 | {{ partial "foot.html" . }} 8 | -------------------------------------------------------------------------------- /site/layouts/blog/li.html: -------------------------------------------------------------------------------- 1 |
  • 2 | {{ .Title }} 3 |
    {{ .Date.Format "2006/01/02 15:04" }}
    4 |
    • 5 | -------------------------------------------------------------------------------- /site/layouts/books/li.html: -------------------------------------------------------------------------------- 1 |
  • 2 | {{ .Title }} 3 |
    • 4 | -------------------------------------------------------------------------------- /site/layouts/index.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 |
    3 |
    4 | 合同本のページ 5 | 6 |
  • [親方Project活動記録 C93合同誌：「ワンストップ！技術同人誌を書こう\(仮\)」　の企画要旨説明](http://oyakata2.blog104.fc2.com/blog-entry-13.html)
    • 7 |     8 |
    9 |
    10 | {{ partial "foot.html" . }} 11 | -------------------------------------------------------------------------------- /site/layouts/partials/foot.html: -------------------------------------------------------------------------------- 1 |
    2 | 12 |
    13 | 14 |
    15 |
    16 |
    17 | プロジェクト名 18 |
    19 |
    20 |
    21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /site/layouts/partials/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | {{ .Hugo.Generator }} 9 | {{ .Site.Title }} 10 | 11 | 12 | 13 | 14 |
    15 |
    16 | -------------------------------------------------------------------------------- /site/layouts/section/blog.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 |
    3 |
    4 |
      5 | {{ range .Data.Pages }} 6 | {{ .Render "li"}} 7 | {{ end }} 8 |
    9 |
    10 |
    11 | {{ partial "foot.html" . }} 12 | 13 | -------------------------------------------------------------------------------- /site/layouts/section/books.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 |
    3 |
    4 |
      5 | {{ range .Data.Pages }} 6 | {{ .Render "li"}} 7 | {{ end }} 8 |
    9 |
    10 |
    11 | {{ partial "foot.html" . }} 12 | -------------------------------------------------------------------------------- /site/static/img/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onestop-techbook/c93-onestop-techbook/3be26b5e1a8d405d38ac480576ad688d93e1ea61/site/static/img/.gitkeep -------------------------------------------------------------------------------- /wercker.yml: -------------------------------------------------------------------------------- 1 | box: vvakame/review 2 | 3 | build: 4 | steps: 5 | - bundle-install 6 | - script: 7 | name: install 8 | code: npm install 9 | - script: 10 | name: create pdf 11 | code: npm run pdf 12 | # - script: 13 | # name: create epub 14 | # code: npm run epub 15 | - script: 16 | name: output artifacts 17 | code: cp articles/c93-onestop-techbook.* $WERCKER_REPORT_ARTIFACTS_DIR/ 18 | --------------------------------------------------------------------------------