XXXXXXXXXXX

Question

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
諸事情により削除

Comments

[rubytomato]

次の点について確認させてください。

1) 質問文中のHTMLは、ブラウザで表示したページのソースコードでしょうか？それともテンプレートファイルに記述されているコードでしょうか？
つまりレンダリングされた結果なのか、レンダリング前のコードなのかが知りたいです。

2) タグにThymeleafとありますが、Thymeleafを使っていることは確実なのでしょうか？たとえばそのhtmlファイルの中に th:text=" *** " や th:if=" *** "、th:each=" *** "のような記述はありますか？
というのも、Thymeleafを使っているのであれば以下のように書くことが可能だからです。（isXXXXがなにかで変わってくると思いますが）

<div class="AAA" th:if="isXXXXX">
<div class="BBB">
</div>
</div>

[fiveHundred]

> 解決後に編集機能を用いて、質問内容を改変し、関係のない内容にしたり、内容を削除する行為は禁止しています。
（https://teratail.com/help/avoid-askingより）

上記に該当するので、質問を元に戻しておいてください。

まあ、抹消しても履歴から見ることはできますし、運営が元に戻すこともありますので、基本的には無駄な行為です。

[m.ts10806]

嫌がらせでやってるつもりなら通報しますけど。

Answer 1

<!-- -->

これはHTMLのコメントです。間に挟まれた部分はHTMLのソースには残りますが、
ブラウザでの表示上は無視されます。
http://www.tohoho-web.com/html/comments.htm

Comments

[wooooo]

<!--　-->より下位層のタグが表示されていないです

includeと同じようなものかと思っておりましたが、検討違いそうですか

[Takumiboo]

前後の構造が示されていないので分かりませんが、Java側でifの判定によりHTMLを出力するかしないか、ということではないのですか？
いずれにしても、JavaでのHTMLの出力が<!--と-->に挟まれていれば、ブラウザの表示上は非表示になります。

[wooooo]

質問内容の"code"の内容を変更しましたので
確認していただけますでしょうか？

java側でbooleanの値を返却しているだけです

<!-- -->はコメントという意味は分かっておりますが
thymeleafの処理かと思っておりました（html/spring初心者なので、よく分かっておりませんが）

[Takumiboo]

すみません、私はJavaやSpring Boot、Thymeleafなどのことは詳しくないのでお答えできません。
他の方の回答をお待ちください。

[m.ts10806]

{}内はThymeleafですけど<!-- -->はHTMLです。のでこちらの回答で完結する内容です。
それ以上も以下もないですね。
ifであればHTML内に表示されるものではないので、ほぼ意味のない記述には思いますけど。
「下位層が表示されない」のは単にifの式がtrueになってないからではと。
(Java側のコードが提示されたので推測しかできませんが)

[jimbe]

> {}内はThymeleafです
恐らくこの辺りのことをご質問なのではないでしょうか.
私も Thymeleaf は分からないので答られないのですが,
> if:isXXXXXがfalseの場合の処理を追加したい
と言うことですので, 「使い方を調べたいが "html コメント if:"等の検索では分からなかったので, 機能に名前があれば検索で見つかり易いのでは」と言うようなことかと.

試しに Thymeleaf の解説
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf_ja.html
を少し読んで見たのですが, 基本的に属性(th:if)での書き方ばかりで, htmlコメントを用いて {if:～}～{/if:～} で囲むとする書き方が分からなかったのですが, どちらの Thymeleaf のドキュメントを参照すると良いでしょう.

[m.ts10806]

ごめんなさい。th必要ですね。
サンプルコードじゃなくて実際のコードじゃないとなんとも言えないですが。

[wooooo]

{}はthymeleafの独特なものなんですね
ありがとうございます

if:isXXXXXは、java側で
sampleMap.put("if:isXXXXX", ○○○);
※○○○は返り値がtrue/false
のようになっておりました

[jimbe]

> sampleMap.put("if:isXXXXX", ○○○);
ということは if:～ は何かの構文では無く, それっぽく見せた単なる文字列ということですか.
sampleMap はその後どのように使われているのでしょう.

[Takumiboo]

> spring bootでwebアプリを製作しております
> ※○○○は返り値がtrue/falseのようになっておりました
なんで他人事なんでしょう？ご自身で作られているプログラムなんですよね？

[m.ts10806]

ですから、サンプルとか○○とかXXではなく、実際のコードを提示してくださいと。

Answer 2

恐らくは、古いIEでサポートされていた条件付きコメントではないかと。
最新のIE11(最新といっていいのか微妙ですが。)ではサポートされておらず、他のモダンなブラウザでもサポートされていないので、忘れていい知識かと思います。
詳しくは↓
wiki

～～追記
コメント内が動的に生成されているようなので、条件付きコメントではないかと思ったのですが、
質問文をちゃんと読んでいませんでした。
true/falseを返しているとのことですので、訂正します。

Thymeleafを使用しているのであれば、下記サイトが役に立つと思います。
Qiita

Comments

[Takumiboo]

条件付きコメントはWikipediaにもあるように、波括弧({ })ではなくて角括弧([ ])を使います。
今回の件とは関係ないでしょう。

[makosankibu]

サーバー側で動的に角括弧([ ])を使った値を入れているのかと思いましたが
true/falseを返すと質問文に記載されていますね。
早とちりでした。修正します。

Answer 3

Javaは初学者の身ですが

<div class="TEST">
<!--{if:isXXXXX}-->
    <div class="AAA">
        <div class="BBB">
        </div>
    </div>
<!--{/if:isXXXXX}-->
</div>
<a>あいう</a>

if:isXXXXXの条件式がtrueだったなら

<div class="AAA">
  <div class="BBB">
  </div>
</div>

を出力するというものです。

条件の追加自体はできます。
（他言語の知識を流用しているだけですので、間違っていたらご指摘頂けると幸いです。

Comments

[wooooo]

連絡ありがとうございます
TRUEなら○○を出力するということは分かりますが、
処理の固有名刺が分かれば教えていただきたいです
（何というワードで検索すれば良いか、です）

[Takumiboo]

「if文」以外になにか言い方あるんでしょうか