A.I.

2021年9月2日投稿

質問スレッド

#運営 #質問

他言語版があります

原文（日本語） • アメリカ英語

このサイトで分からないこと、困ったことがあったら気軽にこの記事のコメント欄に質問してください。詳しい人が教えてくれるはずです。

重要な質問は FAQ に昇格することがあります。

人気順のコメント（50）

投稿

いい • ’22年6月28日

コードに関しての話なんですけど、表を作るコマンドで、表が縦に長すぎるので分けて書きたいのですが、表の列が増えてしまうんですけど解消法ってあるんですかね？
後、定型文って何ですか？

A.I. • ’22年6月29日

ご質問ありがとうございます。「表の列が増えてしまう」ということですが、どういう状態を実現したいのでしょうか。詳しくお聞かせください。
定型文はコメントに使うものですね。今は使う機会があまりないと思いますが、何度も同じようなコメントをする必要がある時に、自分用のひな形を貯める機能です。

いい • ’22年6月29日

返信ありがとうございます。(←こういうのをコメントのトップにおいてテンプレにできるって話ですかね？それとも、拝啓ー敬具みたいにテンプレの上からも文章を打てるって話ですかね？)
表の列に関しては、ツイッターで返信していただいた通りで、あまりにも縦に長いから左右に分けて一番上をグレーで網掛せずに続きと言う艇で書きたい、って意味です。

A.I. • ’22年6月29日

はい、定型文はそういう使い方に適していると思います。テンプレは入力欄に入るだけで送信されるわけではないため、必要な部分を修正して書き込めます。
列に関して、なるほどよく分かりました。それはHTMLでやろうとするとちょっと高等技能になるので、ご希望であれば追加機能として実装（実装自体は小規模です）します。

いい • ’22年6月29日

なるほど、テンプレに関してありがとうございます。
列はやる方法は今の時点であるけど、エンコーディングを知らなければ難しいって話であれば、自分が必要になった時に自分で知ろうと思うので、A.I.さんが追加に際して面倒な作業だと思ってらっしゃらなければ希望しますが今は大丈夫です。
甘んじて表を長くします。

A.I. • ’22年6月29日

Markdownで生のHTMLも書けるのですが、多分自由に書こうとするとサニタイザに消されてしまうため、実装自体はシンプルなのでこちらで実装します。
一度表を作ってからでも後付けできると思いますので、記事の方はひとまずそのまま書いていただいて結構です。

A.I. • ’22年7月3日

@decixhecto こんな感じのものはどうでしょうか。

いい • ’22年7月5日

うわあぁぁぁぁ！ありがたいです！(返信遅くなってすみません)

A.I. • ’22年7月6日

サイトに実装しました。

{% columns %}
...
{% endcolumns %}

で囲むことで中身が二段組になると思います。
人柱よろしくお願いします！

Fafs F. Sashimi • 1月5日 • 編集済

折りたたみタグ（ {％ details %} ～ {％ enddetails %} ）のなかにテーブルを書こうとしたのですが、この記事の練習問題の３．のようにそのまま表示されてしまうみたいですね……折りたたみ内にテーブルが置けると説明に便利なんですが、何か良い書き方はないものですかね……？

A.I. • 1月5日

ご報告ありがとうございます！試したところ、本家でも再現したのでバグ報告しました。一応こちらでも調べてみますが、少し時間がかかるかもしれません……

Markdown table is not parsed inside details liquid tag #18923

yheuhtozr posted on 1月 05, 2023

Describe the bug

Markdown tables seem not being parsed inside the details liquid tag for some reason. It is not that Markdown is totally unavailable inside the tag, but only tables as far as I am currently aware.

To Reproduce

Open dev.to/new

Paste the following text into the body

![placeholder](https://via.placeholder.com/150)

A|B|C
--|--|--
1|2|**3**

{% details sample %}

![placeholder](https://via.placeholder.com/150)

A|B|C
--|--|--
1|2|**3**

{% enddetails %}

Preview, save, or publish to see it renders as the screenshot below

Expected behavior

Markdown tables should be rendered as HTML tables either inside or outside the details tag.

Screenshots

dev.to post edit UI:
dev.to post preview (<details> opened):

Desktop (please complete the following information):

OS, version: Win 11
Browser, version: FF 108.0.1

Smartphone (please complete the following information):

Device: iPhone SE
OS, version: iOS 15.7
Browser, version: Forem iOS app

GitHub で見る

Fafs F. Sashimi • 1月5日

対応ありがとうございます！　issueまで立ててもらってありがたいです……本家のバグとなると確かに修正には時間がかかるかもしれませんね……気長に待ちたいと思います。

A.I. • 1月5日 • 編集済

間に合わせの修正で他に問題が出るかもしれませんが、とりあえず表は書けるようにコードを直したので、一度記事を空更新してみてください。

表のテスト

	A：指格	B：属格
faivan	faivai	faivaut

Xirdim • 3月11日

katex の右上付き文字がちゃんと動作していない？っぽいです

こんな感じで、右上につかずに普通の位置に表示されてしまっています

A.I. • 3月15日

むむむ……ありがとうございます。KaTeXは前も何か壊れていたので調べてみます。

Thovilia • 3月19日

逆に $2^{a+b}$ とかも$2^{{a+b}$壊れます}

A.I. • 3月25日

KaTeXの上付き文字のエラーを修正しました。なお、KaTeXとMarkdownのどの部分が干渉しうるか把握していないので、お時間があればいろんな記号を使ってみて、壊れる部分を報告していただけると助かります。

Xirdim • 3月25日

ありがとうございます！

Fafs F. Sashimi • ’22年12月31日 • 編集済

吹き出し機能、ダークテーマだと文字色が白に反転してしまって、背景色が白だと同化して見た目上無が表示されてしまいますね……< font >タグで強制的に文字色変更出来ないかなと思ってやってみましたが、無理でした……一応報告までに……

A.I. • 1月1日

ダークテーマで吹き出しの字が見えない問題を修正しました。また、吹き出しの文字色を変更するオプションも追加しましたので、最新の説明をご確認ください。

Fafs F. Sashimi • 1月1日

ありがとうございます！　めっちゃ助かります！！

A.I. • ’22年12月31日

ご報告ありがとうございます。そこは盲点でしたね……吹き出しより後にダークモードが実装されたので完全に想定外でした。これから対応を考えます。

にふ • ’21年11月28日

埋め込み画像のリサイズがしたいのですが、<img src="https://….svg" style="width:1em;">などとしても、ここでは上手く縮小されないみたいです(gistでは成功)。他に何か良い方法がありますか？

にふ • ’21年11月28日 • 編集済

ここのだと、img要素を自動でa要素(.article-body-image-wrapper)でラップして、元画像へのリンクを貼ってくれるみたいですが、その際にsrc(ともしかするとalt?)以外の属性が諸々引き剥がされるぽいですね…うーん

にふ • ’21年11月28日

いや、単純に、生のHTMLは基本的にガッツリサニタイズされるものてことですかね

A.I. • ’21年11月29日

現在許可されているタグと属性はここに書かれているものだけじゃないかと思います。
gitlab.com/yheuhtozr/forem/blob/fo...
（タグ名はまた状況によってさらに制約されているようですが、何がどこに適用されるのかよくわかっていません）

制限を緩めることは可能ですが、styleを一律許可というのは少し広すぎるような気がします。どういった用途に使う想定でしょうか？

にふ • ’21年11月29日

今のところ想定にあるのは、フォントを用意するほどでもない外字や絵文字をテキストに埋め込んだり、あとは「はじめての○○」形式のキャラクターアイコンを埋め込んだりする際に、地の文の文字サイズに比して極度に大きすぎたり小さすぎたりしない様に設定する、といった程度ですね

にふ • ’21年11月29日

これもLiquidタグ化した方がいい話なのかもしれませんが、少し大掛かり過ぎる気もしますね…

A.I. • ’21年11月29日

なるほど、ありがとうございます。両方とも用途がはっきりしたものだと思いますので、Liquidタグにするには都合がいいのではないかと思います。

インライン埋め込み画像用タグ
画像つき吹き出しセリフ用タグ（こういうの）

としてテンプレート化するのではどうでしょうか

にふ • ’21年11月29日

インライン画像の方はデザインの遊ぶ余地が無いのですぐ行ける感じですね。
画像つき吹き出しの方はデザインの細部に個々人の拘りが発生する気がするので、実装のスピードは遅くて良い気がします。（丸アイコンと四角アイコンは選ばせてほしい等々）

にふ • ’21年11月30日

でもまあ、吹き出しの件、デフォルトのバニラ味のデザインだけ先に実装してみて、オプションは徐々に拡充していく方式でも良いかもしれませんね。そこは開発者にお任せします。

A.I. • ’21年12月18日

とりあえず機能は実装しました。

にふ • ’21年12月18日

有難うございます！！少し色々試してみますね

しろすけ2号 • ’22年11月30日

「いいね」「保存」と並んでいる「バベル」マークは、どのようなときに押すのですか？

Migdal で「バベル」と検索をかけても特に説明など見つからず、私が何かを見落としているだけかもしれませんが......

A.I. • ’22年12月1日

それはですね………実は誰にもわからないのです。元のソフトの機能として、ハート以外に一つ別のリアクションをつけることができるのですが、本家でもどう使うのかわからないあげく、カスタムリアクションに移行しようとしているので、今のところは使いたい時に使っていただければ👍

しろすけ2号 • ’22年12月3日

解答いただきありがとうございます！
了解です。

Thovilia • 2月15日

Wikipediaの音声ファイルを記事内で使用したいのですが、oggファイルを直接埋め込む方法はありませんか？

A.I. • 2月17日

すみません、調べたのですが、音声ファイルを直接埋め込む機能はないようですね。現在は、こちらに書かれているSoundCloudなどを利用して埋め込むだけになるかと思います。確かに音声が入れられた方がいいかもしれませんので、対応を考えたいと思います。

Thovilia • 2月17日

わざわざすいません。ご対応お願いしますを。

A.I. • 2月18日

複雑な機能ではないと思いますが、本家に追加依頼を出してみました。
github.com/forem/forem/discussions...
GitHubをお使いでしたら、+1を押していただけると優先度が上がるかもしれません。

もし対応が遅いなどあれば、こちらで実装しようと思います。

Pekteno_hk0804 • ’22年12月20日

文字に関してなのですが、人工文字をパソコンに入れてmigdalさんのほうで追加するにはどうすればいいでしょうか？
また、文字に関してはアブジャドなので不備がありましたら、報告していただきたいです

今回ある文字_

A.I. • ’22年12月25日

忙しくて返信遅くなり申し訳ありません！
この場合、文字をフォントファイルにするのが一番の難関ではないかと思います。記事の方にコメントさせていただきます…

にふ • ’21年11月25日

自分の記事中で他のユーザーにメンション飛ばす様な機能はありますか？

A.I. • ’21年11月25日

はい、これは比較的最近実装された機能なので覚えていますが、@ ユーザー名でいけるはずです。（出典）

でももし動かなかったらお知らせください…

Thovilia • 3月19日

すみません、Conlang Portalを開こうとすると Application Error と出て表示されません。申請などはどこからすれば良いでしょうか？

A.I. • 3月21日

すみません。Conlang Portalのサイトは去年末にHerokuの無料期間が終了して以降止まっているので、こちらで引き継げるように検討中です。しばらくお待ちください🙇

Accessible Via Permalink

いい • ’22年6月28日

コードに関しての話なんですけど、表を作るコマンドで、表が縦に長すぎるので分けて書きたいのですが、表の列が増えてしまうんですけど解消法ってあるんですかね？

Accessible Via Permalink

しろすけ2号 • ’22年11月30日

「いいね」「保存」などと並んでいる、「バベル」のマークって、どのように活用するものですか？

(Migdal 内で「バベル」と検索をかけても特に説明などは出てこないので、もしかしたら私だけ何か見落としているのかもしれませんが...)

Accessible Via Permalink

しろすけ2号 • ’22年11月30日

「いいね」「保存」と並んでいる「バベル」マークは、どのようなときに押すのですか？

Migdal で「バベル」と検索をかけても特に説明など見つからず、私が何かを見落としているだけかもしれませんが...

Accessible Via Permalink

しろすけ2号 • ’22年11月30日

「いいね」「保存」などと並んでいる、「バベル」のマークって、どのように活用するものですか？

( Migdal 内で「バベル」と検索をかけても特に説明などは出てこないので、もしかしたら私だけ何か見落としているのかもしれませんが... )

すべてのコメントを見る（50 件）

非表示にされているコメントがあります（詳細）

Migdal

質問スレッド

人気順のコメント（50）

Markdown table is not parsed inside details liquid tag #18923

次に読みたい

モバイル版の自分の言語

[Poem] The Sound

フィウ語の現在解読可能な文字(非公式)

リパライン語に取り入れられたユーゴック語たち