diff --git "a/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/Adoc\344\275\277\347\224\250\350\252\254\346\230\216\347\260\241\346\230\223.adoc" "b/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/Adoc\344\275\277\347\224\250\350\252\254\346\230\216\347\260\241\346\230\223.adoc" index ae9c62511563e781fe56a54857592fb766006d9d..613259f9da4a0c0aabcdc270d208e5cb11b7d188 100644 --- "a/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/Adoc\344\275\277\347\224\250\350\252\254\346\230\216\347\260\241\346\230\223.adoc" +++ "b/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/Adoc\344\275\277\347\224\250\350\252\254\346\230\216\347\260\241\346\230\223.adoc" @@ -478,6 +478,16 @@ $$====$$ [%hardbreaks] * ``␣+``で繋ぐ。 * もしくは``[%hardbreaks]``で段落全体で改行を有効にする（段落毎にリセットされる）。ドキュメント全体で設定するなら``:hardbreaks:``属性をつけるとよい。個別の解除は`` \{set:hardbreaks!} ``。 +* [red]#New!# $${NoWrap}$$... hoge hoge ...$${End}$$で自動改行を抑制 + +config.adocで以下を事前定義してカスタマイズしている。+ +表のセル幅が狭く改行される場合に、ヘッダ行に指定することでヘッダ行の幅でセル幅を抑制できる。(結構有効)。 ++ +---- + // Macro + :NoWrap: pass:[] + :Wrap: pass:[] + :End: pass:[] +---- .改行 // =============================== diff --git "a/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/Adoc\344\275\277\347\224\250\350\252\254\346\230\216\347\260\241\346\230\223.html" "b/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/Adoc\344\275\277\347\224\250\350\252\254\346\230\216\347\260\241\346\230\223.html" index df28690938d72b98ad4596129f0dccca2ee18103..eea1ceb361265e7cff0fd3609422857462ca1e98 100644 --- "a/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/Adoc\344\275\277\347\224\250\350\252\254\346\230\216\347\260\241\346\230\223.html" +++ "b/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/Adoc\344\275\277\347\224\250\350\252\254\346\230\216\347\260\241\346\230\223.html" @@ -579,7 +579,7 @@ _イタリック_ - +@@ -719,7 +719,7 @@ _イタリック_
Table 1. 少し拡張(アンダーラインなど)少し拡張(アンダーラインなど)
- +@@ -830,7 +830,7 @@ _イタリック_ 番号は[arabic]/[decimal]/[loweralpha]/[upperroman]などで階層ごとに指定

Table 2. 箇条書き(項目)箇条書き(項目)
- +@@ -926,7 +926,7 @@ _イタリック_
Table 3. 箇条書き(数字)箇条書き(数字)
- +@@ -1195,7 +1195,7 @@ NOTE: <内容>

PNGもしくはSVGデータとしてこれらのアイコンを変更することができます。iconsフォルダにファイル名"NOTE,WARNING,IMPORTANT,TIP,CAUTION"で、拡張子を.svgもしくは.pngのファイルを配置すればよい。

Table 4. ラベルラベル
- +@@ -1260,7 +1260,7 @@ NOTE: <内容>

---（ハイフン）3個のみ。

Table 5. アイコンの属性を変更アイコンの属性を変更
- +@@ -1293,10 +1293,23 @@ NOTE: <内容>

  • もしくは[%hardbreaks]で段落全体で改行を有効にする（段落毎にリセットされる）。ドキュメント全体で設定するなら:hardbreaks:属性をつけるとよい。個別の解除は {set:hardbreaks!} 。

    • +
  • +

    New! {NoWrap}…​ hoge hoge …​{End}で自動改行を抑制
    +config.adocで以下を事前定義してカスタマイズしている。+ +表のセル幅が狭く改行される場合に、ヘッダ行に指定することでヘッダ行の幅でセル幅を抑制できる。(結構有効)。

    +
    +
    +
    	// Macro
+	:NoWrap: pass:[<span style="display:inline-block;white-space:nowrap;">]
+	:Wrap: pass:[<span style="display:inline;white-space:wrap;">]
+	:End: pass:[</span>]
    +
    +
    +
    • -
    Table 6. 区切り線区切り線
    - +
    Table 7. 改行
    +@@ -1320,23 +1333,23 @@ NOTE: <内容>
    改行
    -
    +

    14. 段落 揃え

    -
    +
      -
    • +

    • [.text-left],[.text-right],[.text-center]で調整する

      • -
    • +

    • [.text-justify]はよくわからない

      • -
    • +

    • [align=xxxx]、 xxxx=left,center,right,…​でもよい

    - +
    @@ -1371,24 +1384,24 @@ NOTE: <内容>
    -
    +

    This paragraph is aligned right

    -
    +

    This paragraph is aligned center

    -
    +

    This paragraph is aligned left. This paragraph is aligned left. This paragraph is aligned left. This paragraph is aligned left. This paragraph is aligned left. This paragraph is aligned left. This paragraph is aligned left.

    -
    +

    This paragraph is justified, which is the default.This paragraph is justified, which is the default.This paragraph is justified, which is the default.This paragraph is justified, which is the default.

    -
    +

    15. コメント

    -
    +
    // コメント行
 
@@ -1399,10 +1412,10 @@ NOTE: <内容>
    -
    +

    16. エスケープ方法

    - +
    @@ -1455,13 +1468,13 @@ NOTE: <内容>
    -
    +

    17. 特殊記号

    -
    +

    特殊記号は{}を使う。もしくは&#<10進数>; or &#x<10進数>;など。

    - +
    @@ -1713,32 +1726,32 @@ NOTE: <内容>
    特殊記号の一覧
    -
    +

    18. 色

    -
    +

    [色 色-background]#コンテンツ#で指定する

    -
    +
    -
    +

    赤いコンテンツ、黄色の背景 ← [red yellow-background]## 赤いコンテンツ、黄色の背景 ##

    -
    +
      -
    • +

    • 色名の一覧はwikiのWebColor一覧から取れる

      -
      +
      -
      +

      HTML color names
      この内の基本の16種の色のみ定義されている

      -
      +
      asciidoctor-pdfは以下の定義みたい(rubyの中)
      @@ -1752,7 +1765,7 @@ asciidoctor-default.css

      一覧
      - +
      @@ -1823,22 +1836,22 @@ asciidoctor-default.css

      -
      +

      ※色を拡張したければインラインで定義するか、CSSを拡張するかです。

      -
      -
      Example 1. インラインで拡張
      +
      +
      インラインで拡張
      -
      +
      -
      +
      :SpanRed: pass:[<span style="color:#FF00FF;background-color:#00FFFF">]
 // Spanの終了は共通{SpanEnd}
 :SpanEnd: pass:[</span>]
      -
      +

      このように定義しておいて
      {SpanRed} 適当な文字列 {SpanEnd} → 適当な文字列

      @@ -1846,53 +1859,53 @@ asciidoctor-default.css

      -
      -
      Example 2. CSSで拡張
      +
      +
      CSSで拡張
      -
      +

      未記載

      -
      +

      The application is called MyApp2.

      -
      -

      example-caption=Example
      +

      +

      example-caption=
      figure-caption=Figure

      -
      +

      Red `sum_(i=1)\^n i=(n(n+1))/2`$ ←AsciiMathML formula

      -
      -

      pass_attribute=the 'Example' +

      +

      pass_attribute=the '' ※ passすると[%hardbreaks]などリセットされちゃう

      -
      +

      lang={lang}
      menu=File  Save
      keyboad=F11
      -docdate=2021-03-03
      +docdate=2021-04-23
      user-home=C:\Users\AA004035

      -
      +

      19. 独自のマクロみたいなの

      -
      +
        -
      1. +

      2. HTML文法における id / class 指定の対応

      -
      +
      <div id="baz" class="foo bar">
      -
      +

      idは要素そのもののユニークなID、classはCSSの指定でスタイルを指定可能。
      これは以下の２通りで表現可能
      [#<ID>.<CLASSList1>.<CLASSList1>] ⇐ これでよいと思う
      @@ -1900,7 +1913,7 @@ user-home=C:\Users\AA004035

      [[<ID>]]
      [role="<CLASSList1> <CLASSList1>]

      -
      +
      	[#baz.foo.bar]
 	----
@@ -1914,17 +1927,17 @@ user-home=C:\Users\AA004035
      
 	----
      -
      +

      xabc

      -
      +

      {ZZ} abc

      -
      +

      独自のasciidocマクロを定義する方法

      -
      +
      {set:cellbgcolor:gray}
 [grid=none, frame=none]
@@ -1934,10 +1947,10 @@ user-home=C:\Users\AA004035
      
 {set:cellbgcolor!}
      -
      +

      -
      +
      @@ -1949,13 +1962,13 @@ user-home=C:\Users\AA004035

      -
      +

      -
      +

      {

      - +
      @@ -1970,18 +1983,18 @@ user-home=C:\Users\AA004035

      -
      +

      20. リンク

      -
      +

      WebページなののURLへのリンク。<url>[リンク表示]
      Windowsファイルパスの場合は、link:<path>[リンク表示]

      -
      +

      santanaのCMM

      - - +
      Table 8. タイトル例
      +@@ -2007,14 +2020,14 @@ Windowsファイルパスの場合は、link:<path>[リンク表示]

      タイトル例
      -
      +

      21. イメージリンク

      -
      +
        -
      • +

      • 通常

        -
        +
        image::im.JPG[代替テキスト,x,y,.... align="right/left/center"]
 
@@ -2026,9 +2039,9 @@ image::im.JPG[代替テキスト,width="50%"]
        • -
      • +

      • インライン（行内)

        -
        +
        		image:im.JPG[代替テキスト]
        @@ -2036,24 +2049,24 @@ image::im.JPG[代替テキスト,width="50%"]
      -
      +
      代替テキスト
      -
      +

      行で　代替テキスト　をいれる

      -
      +

      22. テーブル

      -
      +

      テーブルの表現 .タイトル例

      - +
      @@ -2133,7 +2146,7 @@ image::im.JPG[代替テキスト,width="50%"]
      -
      +
      @@ -2145,18 +2158,18 @@ image::im.JPG[代替テキスト,width="50%"]
      -
      +
      寄せの設定
      -
      +
      [cols="<,>,^"]
      -
      +
      - +
      @@ -2175,15 +2188,15 @@ image::im.JPG[代替テキスト,width="50%"]
      寄せの設定2
      -
      +
      [cols="{左右}.{上下}, {左右}.{上下}, {左右}.{上下}, ..."]
 [cols="{左右}.{上下}, {左右}.{上下}, {左右}.{上下}, ..."]
      -
      +
      -
      +
      @@ -2196,7 +2209,7 @@ image::im.JPG[代替テキスト,width="50%"]
      - +
      @@ -2209,7 +2222,7 @@ image::im.JPG[代替テキスト,width="50%"]
      - +
      @@ -2228,7 +2241,7 @@ image::im.JPG[代替テキスト,width="50%"]
      寄せの設定3
      -
      +
      行定義|の左側に<,>,^を記述する方法もある。1列ごとに改行して定義する。
 ※ヘッダ行とデータ行の間に改行が必要
@@ -2238,11 +2251,11 @@ image::im.JPG[代替テキスト,width="50%"]
      <.^|item
      -
      +
      列幅の設定
      -
      +
      以下の自動幅autowidth:OK,様々指定方法がある。どれか一つ。
 [options="header,autowidth"]
@@ -2258,10 +2271,10 @@ image::im.JPG[代替テキスト,width="50%"]
      -
      +

      23. テーブルを段組に使う技

      -
      +
      @@ -2273,7 +2286,7 @@ image::im.JPG[代替テキスト,width="50%"]
      - +
      @@ -2328,7 +2341,7 @@ image::im.JPG[代替テキスト,width="50%"]
      テーブルを段組みに使う（2分割）
      -
      +
      表現は以下のとおり
      	[title="ｘｘｘ",caption="",cols="a,a",frame="none",grid="all"]
@@ -2359,13 +2372,13 @@ image::im.JPG[代替テキスト,width="50%"]
      -
      +

      24. テキストの折り畳み

      -
      +

      [%collapsible]で記述する

      -
      +
      .タイトル
 [%collapsible]
@@ -2374,29 +2387,29 @@ image::im.JPG[代替テキスト,width="50%"]
      ====
      -
      +
      折り畳みテキスト
      -
      +

      折り畳み内容

      -
      +

      25. インクルード

      -
      +

      include::../../hoge.adoc[]で別のAsciiDocファイル指定する。 []内にオプションを指定できる

      -
      +
      include::path[leveloffset=offset,lines=ranges,tag(s)=name(s),indent=depth,opts=optional]
      -
      +
      leveloffset= +n
      @@ -2406,92 +2419,92 @@ image::im.JPG[代替テキスト,width="50%"]
      -
      +

      26. アンカー(内部参照)

      -
      +
        -
      • +

      • 内部参照へのリンクを表現する。 [[アンカー名 ]]で設定し、<<アンカー名 >>で参照する。設定された直後の章名がアンカー表示名になる。

        • -
      • +

      • アンカー参照時の表示名を別名にしたいときは、設定箇所で[[アンカー名,表示名]]とする。

        • -
      • +

      • デフォルトで、章は、アンカーが設定されており,<<_章名>>(先頭にアンダーバー)で参照できる。vscodeプレビューは日本語でリンクに飛べなかった？

      -
      +

      例.

      -
      +
      -
      +

      イメージリンク

      -
      +

      27. 属性設定のサンプル

      -

      その他

      -
      +

      その他

      +
        -
      1. +

      2. (済)アンカー(内部参照)

        3. -
      3. +

      4. 色名

        5. -
      5. +

      6. 本

      -
      +

      1. オリジナル先のリンクをしっかりしておこう

      -
      +

      トップページ_Asciidoctor Documentation

      -
      +

      Syntax-quick-ref

      -
      +

      writers-guide

      -
      +

      diagram

      -
      +

      style-guide(draft)

      -
      +

      macro defineがあるんですけどね

      -

      Nested Tables

      -
      +

      Nested Tables

      +

      Nested tables

      -
      +

      1. Nested tables

      -
      +

      To nest a table in a table we must use ! as table separator instead of |. Also the type of the column or cell must be set to a so Asciidoc markup is processed.

      - +
      @@ -2535,13 +2548,13 @@ is processed.

      -
      +

      MyAp2

      -
      +

      MyApp2

      -
      +
      @@ -2549,12 +2562,12 @@ CPUここが長くなってしまうとどうする

      The brain of the computer.

      -
      +
        -
      • +

      • a

        • -
      • +

      • b

      @@ -2579,13 +2592,13 @@ RAM
      -
      +
      -
      +

      + .Q and A

      -
      +

      1. アスキードックとは？

        @@ -2600,7 +2613,7 @@ RAM
      -
      +
      @@ -2613,7 +2626,7 @@ WARNING: It’s possible to use Unicode glyphs as admonition icons.
      -
      +
      @@ -2626,44 +2639,44 @@ WARNING: It’s possible to use Unicode glyphs as admonition icons.
      -
      +

      ruby, asciidocto

      -
      +
      \$sqrt(4) = 2\$
      -
      +
      \$sqrt(4)\$
      -
      +

      latexmath:[C = \alpha + \beta Y^{\gamma} + \epsilon

      -
      +
      An open block can be an anonymous container, or it can masquerade as any other block. pass:[dfsa]
      -
      +

      An open block can be an anonymous container, or it can masquerade as any other block. dfsa

      -
      +

      .

      -

      まとめ

      -
      +

      まとめ

      +

      1. タイトル

      -
      +

      。。。（。。。）

      - - +
      Table 9. タイトル例
      +@@ -2689,14 +2702,14 @@ WARNING: It’s possible to use Unicode glyphs as admonition icons.
      タイトル例
      -

      属性関係の設定

      -
      +

      属性関係の設定

      +

      脱Word、脱Markdown、asciidocでドキュメント作成する際のアレコレ

      -
      +

      HTMLのスタイル(CSS)を設定する

      -
      +
      // :stylesdir:   // どこでも有効になる様子
 //:stylesdir:でCSSのフォルダを:stylesheet:でCSSファイルを指定可能
@@ -2709,31 +2722,31 @@ WARNING: It’s possible to use Unicode glyphs as admonition icons.
 // :pdf-style: themes/default-theme.yml
      -
      +
        -
      1. +

      2. stylesdir=.

        3. -
      3. +

      4. stylesheet=

        5. -
      5. +

      6. pdf-style={pdf-style}

      -
      +
      -
      +

      以下のパスを書き換えた：1.2emに。 1.0が今の表示の様子。 C:\Users\AA004035\.vscode\extensions\joaompinto.asciidoctor-vscode-2.7.6\media\asciidoctor-editor.css

      -
      +
      	.literalblock pre,
 	.listingblock>.content>pre:not(.highlight),
@@ -2748,10 +2761,10 @@ C:\Users\AA004035\.vscode\extensions\joaompinto.asciidoctor-vscode-2.7.6\media\a
      -
      +

      1. テストコード

      -
      +
      [IMPORTANT]
 ====
@@ -2763,9 +2776,9 @@ C:\Users\AA004035\.vscode\extensions\joaompinto.asciidoctor-vscode-2.7.6\media\a
 IMPORTANT: 本文の記載
      -
      +
      -
      +

      結局これが一番わかり易いかも .AsciiDocのチートシート AsciiDocのチートシート

      @@ -2774,27 +2787,27 @@ IMPORTANT: 本文の記載
      -
      +

      2. テストコードの終わり

      -

      付録

      -
      +

      付録

      +

      1. 属性パラメータ

      -
      +
      - +
      @@ -2860,8 +2873,8 @@ IMPORTANT: 本文の記載
      - - +
      Table 10. 完全な例
      + @@ -2911,7 +2924,7 @@ IMPORTANT: 本文の記載 diff --git "a/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/config.adoc" "b/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/config.adoc" index c24276c50a39ffb2abad7cc36ae975b1fd41af72..714c8595fbe1af2db65c4e838b9ff9935816dee7 100644 --- "a/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/config.adoc" +++ "b/_Publish/2_\350\250\230\350\277\260\346\226\271\346\263\225/config.adoc" @@ -1,3 +1,7 @@ +ifndef::_CONFIG_ADOC[] +// INCLUDE GUARD +:_CONFIG_ADOC: IncludeGuard + //// [コメント開始] 各種事前定義 ここでは最低限必要なものだけ定義、一覧説明をコメントブロックで記載しておく @@ -19,11 +23,12 @@ //[イメージのパスを指定] :imagesdir: Images - // :lang: ja -ifeval::[{lang} == ja] +ifeval::["{lang}" == "ja"] :toc-title: 目次 -:example-caption: 例 +:example-caption: +:caption: +//:example-caption: 例 :table-caption: 表 :figure-caption: 図 :preface-title: はじめに/まえがき @@ -40,11 +45,19 @@ ifeval::[{lang} == ja] :version-label: バージョン endif::[] +ifeval::["{lang}" != "ja"] +:example-caption: +:caption: +endif::[] + // HTML出力で画像を埋め込む :data-uri: // 各種Macro拡張 :experimental: - +// Macro {NoWrap}...hoge hoge...{End} で自動改行しない +:NoWrap: pass:[] +:Wrap: pass:[] +:End: pass:[] //// #### COMENT START ################# ------------------------------------------------------------------ @@ -113,4 +126,8 @@ https://takumon.github.io/asciidoc-syntax-quick-reference-japanese-translation/ :version-label: バージョン #### COMENT END ################# -//// \ No newline at end of file +//// + +// End of ::_CONFIG_ADOC[] +endif::[] +
      完全な例