Togetter/min.tを安心してお使い頂くためのガイドラインを公開しました。
2020年8月31日

「すげえ!あってる!」あなたがパソコンで見ているかスマホで見ているかがわかるツイート、その仕組みは?

まとめました。
95
宮下芳明 Homei Miyashita @HomeiMiyashita

@tayutauta5246 ご確認ありがとうございます!きっとスマホのブラウザですよね?

2020-08-28 16:40:14
宮下芳明 Homei Miyashita @HomeiMiyashita

@tayutauta5246 ありがとうございます!「ひょっとしてアプリで見てます?」「ひょっとしてブラウザで見てます?」っていう方が良かったのかもですw

2020-08-28 16:41:56
たゆたう わかめ @tayutauta5246

@HomeiMiyashita 確かに、いろんなケースがあると思うので場合分けは大変かなとは思いましたw 私は仕組みがわかってないので、これを作れるのは凄いなと思いましたよ!😊 ユニークなツイートを見させて頂き、ありがとうございました🙏🏻

2020-08-28 16:44:50
綾塚 祐二 @ayatsuka_yuji

@HomeiMiyashita 某クライアントアプリ(on Windows)で見ると第三の見え方ですね。

2020-08-28 16:46:46
宮下芳明 Homei Miyashita @HomeiMiyashita

@ayatsuka_yuji 両方見えちゃう感じですかねw それが一番のネタバレですねw

2020-08-28 16:47:36
あごしくまQ @ayfb13

@HomeiMiyashita フォロー外から失礼します。 両方とも同じiPhoneです。 普段使いのブラウザ版だとPC(左) アプリ版だとスマホ(右) と表示されました! pic.twitter.com/hifT1RvPD7

2020-08-28 16:47:37
拡大
拡大
宮下芳明 Homei Miyashita @HomeiMiyashita

@ayyh13 ご報告ありがとうございます!機種判別というより、アプリかブラウザかによる仕組みです。比較して教えていただきありがとうございました!

2020-08-28 16:56:34
Yoichi Akoh 😷🖤 @Linusdaddy2

@HomeiMiyashita クライアント2種類です ⬅Twitter for Android TwitPane➡ pic.twitter.com/FA4mxWKFzV

2020-08-28 16:54:28
拡大
拡大
宮下芳明 Homei Miyashita @HomeiMiyashita

@Linusdaddy2 ご報告ありがとうございます!右側がネタバレってかんじですねw

2020-08-28 16:58:07
β @y_beta

@HomeiMiyashita PCで非公式クライアントだとスマホ版が先に表示されました pic.twitter.com/6XvBZxpX7D

2020-08-29 00:45:19
拡大
宮下芳明 Homei Miyashita @HomeiMiyashita

@Rumi_Mofuritai ブラウザだとダメなようなのです!すみませんm(__)m

2020-08-29 09:40:33
宮下芳明 Homei Miyashita @HomeiMiyashita

@element874_Re ご報告いただきありがとうございます!

2020-08-30 14:59:09
RuinDig @RuinDig

スマホ(左)とPC(右)で確かに違いが出た。Androidだと長さ0秒の動画として認識された。 twitter.com/HomeiMiyashita… pic.twitter.com/4WVh7o63oI

2020-08-29 22:17:35
拡大
残りを読む(9)

コメント

創作文芸サークル時の輪@通販受付中 @Kamimura_Maki 2020年8月31日
[c8155055] 一番簡単なのはCSS使って画面の幅(width)で判別するタイプ。これだとタブレット端末が微妙になるけど。PCかスマホかだったら判別できると思う。
5
unikoni4 @unikoni4- 2020年8月31日
このまとめをPCでみると「スマホで見てます?」ってなりますね。
22
やす⋈地方移住 @hirayasu 2020年8月31日
クライアントのクセ次第なので、公式のもの以外で違うのはそうだろうとしか。
0
reesia @reesia_T 2020年8月31日
PCに入れたAndroidのSkyLeapで見たらPC判定だった
0
酸素喰う一文a.k.a.袖ビーム @kdfm1mon 2020年8月31日
スマホでブラウザ(chrome)からだとPCからになる
5
Eizo @hidemin01 2020年8月31日
UA見てるんじゃないのか?
1
飛達磨 @tobidaruma 2020年8月31日
あなたはこのツイートをToggetterで見ていますね
95
Toge Toge @TogeTog81377597 2020年8月31日
hidemin01 すぐにそう思ったけど、反応を見て別の方法なのかなぁとか考えてた
0
飛鷹隼 @junhiyoh 2020年8月31日
アプリかブラウザかで分けてるとあるからUser-Agent参照してAPIでメディアクエリ埋め込んで呟かせてるか。レスポンシブ設計の基本中の基本なんだがかなり判定甘いのは判定処理が雑過ぎる(ブラウザしか見てない)為か。その場合特にWindowsアプリだと単にChromeをフックしてるだけのアプリもある(TWEETENとか)からブラウザ判定になってしまう訳で……しかしweb制作者なら出来て当たり前の事なので今更纏めて凄い凄いする意味is何?ではあるが
5
yuki🌾㊗️6さい🎉⚔ @yuki_obana 2020年8月31日
PCででべろっぱつーゆ使ってスマホサイズにしてもダメじゃの(PCでみてる(´・ω・`)
0
Off Black @OffBlack1 2020年8月31日
棘経由で見ずに、直接あっちのTweet見ないとダメだねw
5
シン @saeki4n 2020年8月31日
junhiyoh いや、一つのツイッターの投稿で出来るのが凄いところだと思うよ。手法がその後に書いてあるけど。 > スマホアプリでは画像が表示されない、PCブラウザの場合は動画が表示されない、という仕様をうまく利用したつもり
25
TOIさん(17)☆🌒 @1983Y 2020年8月31日
ジョセフ・ジョースター!貴様!見ているな!
1
しゃけ @shakeflake1223 2020年8月31日
見てる人によって見え方が二通りになるから、一つの投稿でリプ欄に二つの意見が書き込まれるトリックを組めるの面白いね。これを使った投稿がこれからでてくるのかな?
5
RGB000 @19666_61 2020年8月31日
例えばこれを{きのこ派・たけのこ派}でやると、きのこ派と読み取ってそれに賛同したつもりが、それを見た他人にはたけのこ派を主張してるように見えてしまうという……環境によってはもう一方が見えないから、結構な人が騙される可能性がある(特に動画が見えなくなった時はただの画像と区別つかん)
3
さ​ろ​げー​と @surrogatepair 2020年8月31日
junhiyoh ツイート内でどうやってUA判定するんですかね……
21
RGB000 @19666_61 2020年8月31日
hirayasu twitter.comとTwitter公式アプリの挙動の違いなのだ……
6
八頭身派(はっと) 颯仁|創造神🌄VTuber 不定期19時配信 @komad333 2020年8月31日
junhiyoh JS使おうとしたり、その他コマンドを使ってみようとしたけど、Twitterはユーザーにその権限を与えてないので、出来ないよ。 出来ないから、出来てることがすごいのよ。 これの仕組みはバグ技みたいなもので、ある手段を使って画像と動画を同時に呟いてるんであって、User-Agentは使ってない。 というか、Twitterでの権限も知らずしてweb制作者を語るか……
26
よーぐる @Seto_yasu1987 2020年9月1日
タイトルでツィートって言うから呟き部分なのかな?と思ったけどそうじゃなかった
0
どんちゃん @Donbe 2020年9月1日
「〜ならできて当たり前」てのは、ほぼ眉唾物として聞くことにしてる。
4
篠岡孟 @citoyen_plant 2020年9月1日
明日が別れの日だと知っているけど、今までの苦難を乗り越えた僕たちは笑ってさよならできて当たり前
0
ゆき @ulbvbdkp23409 2020年9月1日
junhiyoh そんなことできたらインジェクション攻撃できちゃうじゃないですかー 技術者なら知ってなきゃいけないわーどじゃないですかー
9
ゆき @ulbvbdkp23409 2020年9月1日
Twitterの権限って書いてる人いるけどTwitterにユーザー側の権限なんてあったっけ?
2
くにたちの幼生 @uJuypjYCMaxFNIz 2020年9月1日
数年前からこの挙動だった気がするが、確証がない。しかしこういうふうにするとバズるんだなー。すげーなー。
0
m232796 @m232796 2020年9月1日
埋まってるリソースを無視するのはバグ扱いで良いはず。 unikoni4- 棘の場合は両方出るはず。公式Webやクライアントが静止画と動画の同時埋め込みを正しく想定しておらず、PCは静止画ツイート(動画はサムネタイルに入らない)、スマホは動画ツイートとして扱う、というもの。 junhiyoh 違います。応答が違うとかじゃないです。動画と静止画が混在したツイートの取り扱いがそれぞれのクライアントで異なるバグり方(動画扱い、静止画扱い)をしているだけです。
5
m232796 @m232796 2020年9月1日
shakeflake1223 19666_61 面白い、で済めばいいんだけど、きな臭い使い方も考えられそうな気がする。対立する人間が多い側に無難な内容を仕込んで訂正やツッコミや批判を抑制してデマを飛ばす、とか。情報の裏を取るかどうかって、スマホアプリで見る人間かWebで見る人間かで結構差がありそうな気がするし。
1
502 @trio6be 2020年9月1日
CSSで〜とかUAで〜とかドヤ顔して赤っ恥かいてる連中草草の草でござるwwwww
4