Migdal

A.I.
A.I.

投稿

質問スレッド

記事の言語版の一覧 他言語版があります
原文(日本語)アメリカ英語

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

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

みんなの声(23)

たたむ
decixhecto profile image
デシヘクト

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

たたむ
a_i profile image
A.I. Author

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

たたむ
decixhecto profile image
デシヘクト

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

スレッド スレッド
a_i profile image
A.I. Author

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

スレッド スレッド
decixhecto profile image
デシヘクト

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

スレッド スレッド
a_i profile image
A.I. Author

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

スレッド スレッド
a_i profile image
A.I. Author

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

スレッド スレッド
decixhecto profile image
デシヘクト

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

スレッド スレッド
a_i profile image
A.I. Author

サイトに実装しました。
{% columns %}
...
{% endcolumns %}
Enter fullscreen mode Exit fullscreen mode

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

たたむ
niftg profile image
にふ

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

たたむ
niftg profile image
にふ 修正

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

たたむ
niftg profile image
にふ

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

スレッド スレッド
a_i profile image
A.I. Author

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

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

スレッド スレッド
niftg profile image
にふ

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

スレッド スレッド
niftg profile image
にふ

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

スレッド スレッド
a_i profile image
A.I. Author

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

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

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

スレッド スレッド
niftg profile image
にふ

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

スレッド スレッド
niftg profile image
にふ

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

スレッド スレッド
a_i profile image
A.I. Author
[A.I.]
A.I.
とりあえず機能は実装しました。
スレッド スレッド
niftg profile image
にふ

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

たたむ
niftg profile image
にふ

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

たたむ
a_i profile image
A.I. Author

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

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

たたむ
decixhecto profile image
Info Accessible Via Permalink
デシヘクト

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

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