てがろぐ - Fumy Otegaru Memo Logger -

>>5215
5214さんとは別人で、Blueskyのアカウントを持ってない者です。
Androidスマホのブラウザから、5215のにししさんの埋め込みは両方とも画像つきで見えてます！

ジャーマンポテトを食べました。再び。🥔🥔🥔

🥔Re:5214◆なるほど、Bluesky側の個別ページにはOGPが含まれているんですね……！ 有用な情報をありがとうございます！ なお、私の投稿で試してみたところ、単純にブラウザのアドレス欄に表示される（個別投稿の）URLを使っても埋め込めました。（もしかしたら、そのアカウントの設定によって異なるのかもしれませんが。）

▼Bluesky上の個別投稿のURLを使用：
(Loading...)...

▼Bluesky側の「投稿を埋め込む」機能から抜き出したURLを使用：
(Loading...)...

OGPがあるだけでなく、Twitter Cardの指定もあるんですねえ。（「大画像」が指定されていました。）

現在のてがろぐにある機能でBlueskyの投稿を埋め込む方法があるか模索していたのですが、てがろぐに最近実装された「OGPカード」の機能で、埋め込みに近いことができると気づいたので、共有させていただきます。既出でしたら申し訳ございません。

■前提条件

• Bluesky上の「投稿を埋め込む」機能を利用します。パソコンのブラウザでBlueskyを表示すればこの機能はあるのですが、BlueskyのAndroidアプリではこの機能がないかもしれません。iPhoneは確認できておりません。
• 埋め込みたいポストのBlueskyアカウントで「アプリがログアウトしたユーザーに自分のアカウントを表示しないようにする」設定にチェックが入っているとBlueskyからの埋め込み用タグが提供されませんので、この方法が使えません。
• 画像のあるポストを埋め込んだ場合、最初の1枚だけがOGPカード内に表示されます。

■手順

• 埋め込みたいBlueskyのポストの右下の「…」を押す
• 開いたメニューから「投稿を埋め込む」を押す
• 「コードをコピー」ボタンを押す
• コピーしたテキストを、お使いのてがろぐの投稿フォームかメモアプリ等に貼り付け
• 「/post/」で検索し、それが含まれるURLをコピー（末尾の ?ref_src=embed はあってもなくても大丈夫なようです）
• てがろぐで「OGPカード」ボタンを押し、コピーしたURLを貼り付け

OGPカードなので、画像1枚と一定の文字数しか載せられず、完全な埋め込みの代替にはならないと思いますが、こんな投稿してるよ！のアピールには多少なるかなと思いました。

もしこの方法はあまり良くないなどのご指摘がありましたらお寄せいただければ幸いです。どうぞよろしくお願いいたします。

昼食はそうめん。🧊🧊🧊

🍅Re:5212◆詳しくご指摘をありがとうございます。全体的に再度調整してみました。今度は大丈夫ではないかな……と思いますが、どうでしょうかね？^^;

>5211 5210です。すぐにご対応いただきありがとうございます！
「▼複数のてがろぐCGIでカスタム絵文字を共用したい場合の設定」とかまだ少しはみ出る部分はあるみたいなんですが（報告時に気づかずすみません）、スクロールや縮小しても読むには支障ないくらいになりました！大変助かります、ありがとうございます！

珈琲飴を舐めます。あとカカオ72％チョコも。☕🍬☕🍬☕🍬🍫🍫🍫

☕Re:5206◆Perl 5.8.9のままでの動作テストありがとうございます。問題なく動いて良かったです。(╹◡╹)ﾉ
☕Re:5207◆投げ銭ありがとうございます！ お役に立っているようで嬉しいです。
☕Re:5208◆カテゴリ目次モードは、FAQをてがろぐで作ろうと思ったときに、Questionのジャンル別に整列した目次が生成できると便利だよな、とは思っていまして、朧気には考えていました。ただ、時系列（の降順か昇順）に並ぶのが前提のシステムなので、そもそもそういう用途に適しているのかという問題もありますけども。作るとしても規模が大きめなので、気長にお待ち頂ければ幸いです。

☕Re:5209◆『リンク先のWebページにTwitter Cardの指定があって、そこで大画像が指定されている』というのが一番可能性が高そうに思います。どこのURLにリンクした時に問題が出るのかを教えて頂ければ調査できます。なお、カードサイズを固定する記法もありますので、相手先ページの記述に関係なく小画像で表示させたいなら、:CARD-Sを使って下さい。（もしくは、小カード用のCSSと大カード用のCSSを、どちらも「小カード用のCSS」にしてしまう方法もあります。※その場合は、大カードで見せる方法がなくなってしまいますけども。）

☕Re:5210◆一応Firefoxのレスポンシブモードではスマートフォンサイズで横スクロールが発生しないよう表示確認はしていたのですが、そういえば、URLっぽい文字列の折り返し処理については、実機とは動作が違いましたね（Firefoxだと「/」記号の存在で自動改行してくれるのですが）。ちょいとCSSを調整してみました。これでどうでしょうか？

にししさんにお願いがあるんですが、てがろぐの使い方・設定方法のページについて
スマホから見ると、スクロールが横方向にぐにゃぐにゃしてしまって見づらいので
画面幅100%以上に文字をはみ出さないようにしていただけないでしょうか…！

具体的には「Twitterの任意の1ツイートを埋め込む書き方」や「▼設定例：Fancyboxを使って画像を拡大したい場合」の英字の部分です。

収まるまで画面縮小すると文字が小さくて読めなくて…カスタマイズ中はPCスマホで2窓したいことも多く
もし差し支えなければぜひお願いします！

てがろぐの管理画面も横幅調整できたら嬉しいなと思ったりもするんですが、こっちは載せる情報量とレイアウトが難しそうですよね。。環境もさまざまだし