2015-12-02

増田twitterを埋め込む方法: サンプル有り

twitterツイート増田に埋め込む方法を丁寧に書きます

*さっき一部の半角文字増田で書けないと書きましたが数値文字参照にすれば書けました。訂正します!教えてくれた人あんがとー!でもスーパーpre記法ではこのやり方通用しなかったのでシンタックスカラーは無し。

 

twitterから引用する埋め込みHTML要素を持ってくる

twitter.comに行き ツイートの ... ボタンを押す。ツイートサイトに埋め込むを押す。そうすると以下のHTML要素がコピー出来る。ここではサンプルにしても無害そうなifttt公式アカウントツイート引用します。

<blockquote class="twitter-tweet" lang="ja"><p lang="en" dir="ltr">Connect <a href="https://twitter.com/instagram">@Instagram</a> to <a href="https://twitter.com/Dropbox">@Dropbox</a> and automagically save every photo you post for safe keeping <a href="https://t.co/YVrgcSJZAD">https://t.co/YVrgcSJZAD</a> <a href="https://t.co/3vEiFZ3ADW">pic.twitter.com/3vEiFZ3ADW</a></p>&mdash; IFTTT (@IFTTT) <a href="https://twitter.com/IFTTT/status/662023324306837504">2015, 11月 4</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

増田を書く

まあ増田を書く

増田ツイートを埋め込む

先ほどのHTML要素のうち末尾のscript要素は引用する際,埋め込んだtwitter引用からはみ出て表示されるので邪魔です。取りましょう。

末尾のこれを取ります

<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

そうするとこうなります。これを増田にそのまま貼り付けてください。

<blockquote class="twitter-tweet" lang="ja"><p lang="en" dir="ltr">Connect <a href="https://twitter.com/instagram">@Instagram</a> to <a href="https://twitter.com/Dropbox">@Dropbox</a> and automagically save every photo you post for safe keeping <a href="https://t.co/YVrgcSJZAD">https://t.co/YVrgcSJZAD</a> <a href="https://t.co/3vEiFZ3ADW">pic.twitter.com/3vEiFZ3ADW</a></p>&mdash; IFTTT (@IFTTT) <a href="https://twitter.com/IFTTT/status/662023324306837504">2015, 11月 4</a></blockquote>

確認する

確認するボタンツイートが埋め込まれてないのであれ?と思うかもしれませんがそのまま「この内容を登録する」を押してください。

ツイートの埋め込みを確認する

増田タイムラインでも埋め込みツイートは表示されずたんなる引用として表示されます。あれ?となるけど書いた増田記事の本文URLを開いてください。本文を表示した場合のみツイートが埋め込みで表示されます

応用すると以下のようにツイート内にインラインされている動画増田にインライン出来るなど夢が広がりますね。あと増田コードサンプルを書くにはクソですね。

参考

増田Twitter引用法まとめ

増田では半角山括弧が使えない?

増田だとスーパーpre記法内で&をそのまま書けない件

はてな記法一覧 - はてなダイアリーのヘルプ

IFTTT(@IFTTT)さん | Twitter

アメコミ大全集(TM)(@amecomic)さん | Twitter

記事への反応 -
  • &amp;amp;に変換されてしまう。書ける? &amp;amp; ちなみに、はてダだと書ける。

    • twitterを増田に埋め込む方法を丁寧に描きます。 注意:増田は<>&などが文字実体参照に変換されてしまいます(&なら&amp;などに変換される)。スーパーpre記法も使えません。HTML要素...

      • トラックバック 増田では「トラックバック=返信」という扱いになっている。 Twitterにおける「@username」に近いかもしれない。 記事中のどこかに記事のURLを入れておけば、その記事に対...

        • 馬名 出生年 獲得賞金 オルフェーヴル 2008年 13億4408万円 ディープインパクト 2002年 14億5455万円 わー表出来たーすごーい!!!

        • どうやら、これらしい 増田講座

        • ヒント 増田講座 https://anond.hatelabo.jp/20151210122244

        • 投稿した記事の最後の方が消えてたので、1つの記事を分割して、2つの記事に分けました。 増田は文字数が制限されていて、あまり長い文章を投稿すると、途中で切れてしまうみたい...

        • 再現は諦めたのか &#60;&#62;に関しては下記を読めば化けずに書ける https://anond.hatelabo.jp/20151210122244 バックスラッシュの再現はフォントの問題だと思うけど俺には分からん、全角\で誤魔化...

          • こめんとありがとうございます。 化けてたので、画像にしましたー そう言われてみれば、半角になってたなぁと😺

        • http://anond.hatelabo.jp/20071105082423 増田の使い方について、適当に書いてみることにするよ。 主観が入りまくってるからあんまり参考にはならないかもしれないけど。 とりあえず自由 自由...

          • なかなか良いことが書いてあるので晒しアゲ、とかいう機能はないけどブックマーク代わり

          • レスが0だったらどうしようとちょっとドキドキしてたんですが、はい。 無事、レスがついておりました。ぱちぱち。 ちなみにこれでレス0だったら 「匿名日記初心者に向けてのサクラ...

            • It was a wrong number that started itまで読んだ。 20代、ということに驚きを隠せないでいる。素晴らしい文才(皮肉抜きで

            • じっくる読む、だけ読んだ。 あんまりにも長すぎるからスクロールしつつ風景として見てたのに違和感に感じた俺はよく気がつく子。

            • http://anond.hatelabo.jp/20071106200134 いつもは長文だと読まずに飛ばしちゃう俺だけど これは読めた!ふしぎ!

            • まあ、いまの増田はたしかにチャット状態になってるよな。でも長文もけっこう多いんだぜ。チャット状態を楽しんでる奴らは、内心では「長文うぜー」って思ってるかもしれない。長文...

            • いや、悪かったな。「朝つまんねぇ」が此個で引っ掛かるとは。 昨夜これ読んで反省した。あの日は休みで増田暦もまだ日の浅い俺は「今日は朝から覗けるゾ!」と昂揚気味だったんだ。...

            • http://anond.hatelabo.jp/20071106200134 風呂行ってくる。・・・まで読んだ。 おいしい鳥の香草焼きの作り方 お肉大好き…でもカロリーが…という貴方のための料理。作り方は簡単、30分ぐらい...

              • ありがとうチリの人。今回も面白なるほどの素敵な解説だー オーブントースターなら手軽にできていいな 胸肉は安いんだけど鳥はむ作るか親子丼ぐらいしか知らなかったんでやってみる...

              • おいしい香草焼きの作り方 http://anond.hatelabo.jp/20071107142959 おいしかったよー! 鳥はむみたいにほんのちょっとはちみつも加えてみた。 あと、オーブントースターでやるとヒーター部分に...

            • 今日は5時起きと言ってたがめざまし鳴って5時半にセットし二度寝した。 日記らしい文章で始めてみたんだが、三日目の日記・・・・ トラックバックできてなかったみたい・・・・ うっ...

              • http://anond.hatelabo.jp/20071108223512 自分独自のタグをつけてはいただけませんでしょうか。お願いします。

              • 五日目マダー?(AAry

                • よし、五日目。 ニコニコ見てたら遅くなった・・・・ 3日ぶりくらいにニコニコ見にいったのだが、 そこで俺は何故かR18のタグを押してしまっていたわけで・・・・ エロ動画サイトなん...

          • 以前のエントリーの増田講座を貼っとこう。書いたのは俺じゃない。結構同意してる。 http://anond.hatelabo.jp/20071105113746 俺的には思いつきの断片を書いてるなあ。ブログのように。ときどき...

          • 増田使い方テスト 今日はいい天気 20代後半から40代までの人生のスピード感は異常と聞いた それを抑えるために結婚や子供を持つとかするのかな と思う今日この頃 http://anond.hatelabo.jp/...

            • http://anond.hatelabo.jp/20080821090434 増田使い方テスト2 明日もいい天気 幸福感の得方は人それぞれ 腹いっぱい食べれれば感じる人 人を愛し愛されれば感じる人 ただ、最近はどうやったら...

          • http://anond.hatelabo.jp/20090116132119 増田は「掲示板」じゃなくて「日記」だ。ひとつの場所にみんなが書き込んでいるのではなく、みんなが書き込んだものを一つにまとめているのに過ぎな...

          • http://anond.hatelabo.jp/20071105113746 自分には増田が一番合ってる。 Webは匿名だからいいと思ってた。 けど、最近は匿名の意味が違う気がする。そもそもブログのユーザID、mixiのID、2chのID、...

          • これは、はてなのユーザビリティ不足ですね。一般人がはてな匿名ダイアリー(増田) に来ても確かに意味が分らないと思う。 ↓読むと少しは楽しみ方がわかるかと思います。 増田...

          • http://anond.hatelabo.jp/20111014190528 PCの問題ではないでしょうか? 悪いかなとも一瞬思いましたが、パソコンの性能の問題のような気がします。 ヘルプにも、ここにも↓載ってないけど...

          • 横だけで、長文でも日記でもチラシの裏に書く落書きでも、何でもOKなのが増田だろ? だいたいこのサイト、匿名「ダイアリー」ですよ。 いくらなんでも増田の言い分は野暮だわ。...

          • ガイドライン的なもの ↓ 増田講座

        • anond:20151210122244 ここに増田講座があるニャ🐈 <font size="5"><font> ><を半角に直せばいいニャよ。サイズは好きに。

        • 増田講座 はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ 文字とちんこは大きい方が良い

        • HTML、CSS、JSの基礎は習得し、WordPressを使いイチからDockerを駆使して開発環境の立ち上げや、GitおよびGithubでのRepo管理やcommit、本番サーバーで運用できる程度の知識 ただのホームページ...

        • これとかも https://anond.hatelabo.jp/20151210122244

        • Twitterで「ワクチン 迷ってる」というキーワードで検索していたところ「一生迷ってる」という表現を複数の人が使っていた。 気になったので今度は「一生迷ってる」で検索したら山ほ...

          • 若者じゃないけどワイがおしえてあげよう、「一生とも思えるくらいずっと」って意味で使ってるんだぞ

            • 「一生ガード固める」とか「一生技振ってる」とかみたいに「ずっと」を強調する表現になったな。なんでか対戦格闘ゲームの方で良く見るけど煽りとの兼ね合いとかかな

              • 相手を煽るのに誇張して使ってたら平易な場面でも使うようになったのかな

                • 確かに最初煽りだった気がする。 「こいつ放っておいたら一生弾打ってるわ(だから弱い)」みたいな感じで

              • 格ゲーは体力ゲージ一本無くなったらそれで一生だからな 現実に80年生きる人間とは違う

            • 言葉が変わる過程ってこんな感じなんだろうな、おもろい くだけた文章で冗談みたいに使う「一生~してた」って表現が くだけた文章がデフォルトになってきたりすることで正規的な表...

          • 面白い、よく見つけたな もう少し考察しがいがあると思うけど、全然大丈夫、のような使い方かもね

          • 一生というのが1週間に満たないくらいの期間のように思える

          • 一生懸命が一所懸命の変化なんだから、一生と一所は一緒にしていい。

          • 高橋一生に確認してるんだろ

          • 冗談や誇張で使うことはあるが(Aを買うかBを買うか一生迷ってる、○○ちゃん可愛すぎて一生見ていられる、友人からこんな話を聞いて一生笑ってる)、そのブログの使い方はちょっと...

            • 一生見てられる(一生見てない) 無限に食える(無限に食ってない)

            • 誇張の例を3つ挙げているが、私の許容度がかなり違う。 おそらく、「一生」という単語に「一生涯にわたる時間」という元来の意味を残して捉えているか否かにかかっているのだろう。...

          • YouTuber「〇〇なら無限に食える説!検証していきたいと思います!」 YouTuber「……はい、検証結果は『流石に無限には無理』!でも美味しかったです!残りはゆっくり食べたいと思いまー...

          • 若者のセミ化

          • 「7億年迷ってる」みたいなもん

          • もはや定着してしまったような気もするが、「永遠と」(「延々と」の誇張?)もなんとかしてほしかったな…。

            • 同感。 おそらく「永遠と」は「延々と」の誇張ではなくて、音が近いことで生じた誤用だと思われる。 巷には言葉を音のみの把握で満足している輩(雰囲気を「フインキ」として覚え...

          • 前者に関して 「一生迷ってる」→変 「一生迷う(だろう)」→変じゃない   自分のことについて使う「一生」は未来のことを表すから「~だろう」とか「~と思う」とか相応の不確定...

            • 「面白すぎて一生笑ってた」みたいな使い方をしてるので語尾の省略とは違いますね 敢えて言えば「一生と思うくらい長い時間」という意味で使ってます

          • 若者のゾンビ化

          • 一生のお願いが一生に何度もある説 すでに俺は5生目くらいか

          • 三木道山「一生一緒にいてくれや♪ みてくれや才能も全部含めて 愛を持って俺を見てくれや 今の俺にとっちゃお前が全て 一生一緒にいてくれや♪ ひねくれや意地っ張りなんかいらない...

          • でもまぁ地球と比べたら人間の一生なんて一瞬だし、地球と同じ感覚で言ってんのかもわからん   まぁパワーワードは使いやすいんでしょうね、無学で浅慮な脳味噌糞詰まり野郎共には...

          • 英語でもforeverはよく使うよね 「車のタイヤがハマって一生動けない」みたいに使うよ My car is stuck in the mud and can't get out forever.

            • for life(一生)でぐぐったが今回のようには使われないみたいね やっぱり英語ノスラングでいうところの一生は、foreverだね https://idioms.thefreedictionary.com/for+life

            • 文字だけ見てもなんとも 今でもタイヤがハマったままなら間違ってないけどJAF呼んでタイヤが抜けたなら嘘になる

              • ダメだこりゃw 根本的に英語ができない人間にはサンプルの程度が高すぎたゴメンね

            • いやそれ和訳するなら永久に出られないだわ 一生はやっぱり時間表現としては変 生涯確定した後の文章かよって言いたくなる 和訳するなアホ 今回でいうところの一生(日本語...

          • コミュニケーション苦手そう

          • 病院着。そのままベッドへ。重症化するリスクがないかどうかの一連の検査をしてもらう。血液検査でボトル3本分の血を抜かれ手が壊死するかと思った。 おれはここを読んで「ボト...

          • 誤:結局声は一生出ないままだった。 正:結局声は一切出ないままだった。

          • 「一生○○できる」 これは実際には一生できないのだが、実際にしてる様を表現した言葉ではなく、これから先、未来の話、I can、I willの表現なので違和感がない 「一生○○してる」 ...

            • カイジに出てくる利根川の名言「一生迷ってろ、そして失い続けるんだ、貴重な機会を」から、 一生迷ってる というフレーズが生まれただけ。

          • 表現が過剰になるのは普通だよなあ。 小学生なんか毎日死ねとか殺すとか言ってるし、何十年も前からみんな死ぬほど嬉しいとか言ってたでしょ

            • 強調する形容詞ほどインフレする。 「すごい」も元々古文では「恐ろしい」っていう意味だし。 随分前だけど、何かと「超」をつけるのが一般的になったのもあったな。 「超すごい」...

          • 大阪だと100円のこと100万円と言うよ

          • オタクのクソデカ主語、的なものだと思って見てる

          • こういうのを見つけて最初の方にブクマする人って伸びるの狙ってるわけ?

          • 自分の観測範囲(10代アイドル)では3年くらい前から「ずっと」の意味で「一生」という単語が使われてますね 始めは「一生ちゃうやろ」と心のなかで突っ込んでましたが、もう何も感じ...

          • Twitter文法と同じようなもんでしょ。「泣いちゃった(泣いてない)」「天才的(ふつう)」「センスの塊(ふつう)」「悔しくて震えた(病気)」みたいな。

          • 尊いとかもかなり簡単に使える言葉になって来たし全然とかは裏返ったしそんなもんだろう 顔がいいとかも昔は言わなかったよね

          • ずっとの意味でもおかしいけどな

          • 最近『〜という』を『〜とゆう』になってるのも気になって仕方ない。ただ漫画の台詞でも昔からそのように表記されてるから、SNSで見掛けても諦めるしかないのか…

            • 年を取ると柔軟性を失うやで もっとぷるぷるな感性を保とうやで

            • いつのまにかこんにちわが定着してるのが気になる

          • 音ゲープレイヤーのガバガバ数量感覚な言い回しの一環じゃないかな クソデカ羅生門とかもそうした文化圏の一環でしょ

          • 「ワンチャン」の意味が変わってきている(広がってきている)のを実感する もともとワンチャンスの略語だから、本来は糸のように細い好機(自分にとって低確率ながら利益が起こり...

          • これを見てからテレビとかtwitterちょいちょい眺めてると「長い間」「いつ終わるかわからない期間」に対して 一生っていう単語を使う若者(20代以下)を何度か見た。30代からすれば違和感...

          • 「このゲームやったの5億年前(のように感じるくらい昔)だ」 みたいな、感じだと思うけど…

          • 「このゲームやったの5億年前(のように感じるくらい昔)だ」 みたいな、感じだと思うけど…

          • ご高齢の人は「一生」というと、本当に人生の最後までと言う意味で捉えがちなんですが、 若者言葉では、「一生」は単に「ずっと」という意味に代わりつつあるんですね。 若者の間...

          • リンク 【2021年度】  匿名ダイアリーTOP200 匿名ダイアリーTOP201-400 ランキング 順位 ブクマ タイトル 201 666 美味い素麺なんか食うんじゃなかった 202 665 お前は危険...

        • これはいい増田記法

      • これツイッター埋め込みできてるの? メンテで無力化されたの? http://anond.hatelabo.jp/20151202154129

      • anond:20151202154129 これだった。

      • https://anond.hatelabo.jp/20151202154129 ほらよ

      • 2015-12-02 増田にtwitterを埋め込む方法: サンプル有り https://anond.hatelabo.jp/20151202154129 これか。できたわ

    • twitterを増田に埋め込む方法を丁寧に描きます。 注意:増田は<>&などが文字実体参照に変換されてしまいます(&なら&amp;などに変換される)。スーパーpre記法も使えません。HTML要素...

記事への反応(ブックマークコメント)

ログイン ユーザー登録
ようこそ ゲスト さん