いぐぞー ✈️ 旅するプログラマー @igz0 旅とプログラミングをこよなく愛します。 アメリカ大陸🇺🇸を横断しました！！小学生からプログラミング→新卒SIer→Webに目覚め自社開発のWeb系エンジニア。テレビ出演経験あり。 個人開発者。読書・IT関連を中心にツイートします！！ネタツイート有。アイコンは@ixy先生に利用許諾済み。Amazonアソシエイト参加。 note.com/igz0/ いぐぞー ✈️ 旅するプログラマー @igz0 Twitter公式が「バズる」ツイートの法則を徹底的に統計解析して168ページの資料にした代物、SNSマーケティングやっているプロが全員廃業するレベルの化け物級の優良資料だった。 ちなみに無料。 SNSで「バズりたい」と思う人は全員これ読めばいいんじゃないかってレベル。 marketing.twitter.com/content/dam/ma… pi

「Twitterの無駄機能を全部殺せる」　ブラウザ拡張「Tweak New Twitter」が話題　フォローのツイートだけ表示など イーロン・マスク氏のCEO就任以降、機能追加やUIの変更、サードパーティー製アプリの締め出しなど、UXの変化が続くTwitter。一方、使用感の変化に不満を抱くユーザーも多いようで、SNSではUI・UXをカスタマイズできるPC向けのブラウザ拡張が注目を集めている。特にフォローしたユーザーのツイートだけ表示できる機能などを提供する「Tweak New Twitter」が「Twitterの無駄機能を全部殺せる」などと話題だ。

「サイトにTwitterカードつけたい」とか、「キャンペーンのツイートにカードつくようにしたい」とか、フロントの人なら1度は言われたことあると思うし、まだ言われたことがなくてもこれから言われる可能性があると思う。 大体のことは公式の説明に書いてあるので、ほとんどそれをなぞった内容になるけど、実際使ってみて分かったこともいくつかあるのでまとめておく。困ったときの参考になれば幸い。 Twitterカードとは ツイートしたときに追加されるカードっぽい見た目のコンテンツである。（薄いグレーの線で囲われた部分） サイトの概要や写真、動画や音声などのメディア、アプリのダウンロードリンクなどリッチなコンテンツを追加できるので、ただのテキストとURLだけのツイートよりもタイムラインで圧倒的に目を惹きつける。そのため、サイトへのトラフィックやアカウントのフォロワー、アプリダウンロード数などを増やす目的で使わ

パラメータstatus指定例: APIを利用してツイートを投稿しました。この投稿は削除予定です。 投稿元: https://syncer.jp/Web/API/Twitter/REST_API/POST/statuses/update/ ツイートの内容。URLアドレスやハッシュタグには、自動でリンクが貼られます。 in_reply_to_status_id指定例: 599624452280754178 ツイートIDを指定すると、そのツイートに対するリプライになる。 possibly_sensitive指定例: false trueにすることで、不適切な可能性のある画像のフラグを付けられる。media_idsプロパティで画像を投稿する際にのみ、考慮する項目。 lat指定例: 35.79449997305192 緯度。ツイートに位置情報を付ける時にlongと併せて指定する。 long指定例:

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! These days, almost every website encourages visitors to share its pages on social media. We’ve all seen the ubiquitous Facebook and Twitter icons, among others, just begging to be clicked. This comes as no surprise as sharing via social media, the internet incarnation of word-of-mouth, is on

（のちにキャッチーでポップな気の利いた文章に差し替える） いつまで経ってもキャッチーでポップな気の利いた文章が思いつかなかったので、このまま公開します。Twitterに関する実装あれこれです。 実は 公式ドキュメント に詳しく載っているので気になる方はそちらも確認してみてください。ちなみに本記事には公式ドキュメントに載っていない生活の知恵的なテクニックも記載しております。 dev.twitter.com 目次 1. 公式ボタンの設置方法 1.1 ボタンの種類と入力項目 1.2 ページ内に公式ボタンを複数置きたい場合 1.3 ツイートの文字数を稼ぐためにURLの短縮を缶変えている場合 1.4 ユーザーを複数入力したい場合 1.5 推奨ユーザーを複数入力したい場合 1.6 ハッシュタグを複数入力したい場合 1.7 画像付きツイートを投稿させたい場合 1.8 動画付きツイートを投稿させたい場合

以前、Facebookのシェアボタンの実装方法を書いたが、 Twitterのツイートボタンも実装方法が何パターンかある。 Facebookに引き続き、Twitterの実装方法もまとめてみた。 併せてFacebookのシェア実装方法について知りたい人は次の記事も見て欲しい。 これであんたもシェア名人。Facebookシェアボタンの実装まとめ 公式ツイートボタン 公式のツイートボタンのウィジェットをサイト上で生成可能。 シェアテキストはデフォルトでページタイトルとページのURL、 そのままであればどのアカウントの情報（ページ）からシェアしたかわかるように、@Yuhiiskさんからなどが入る。 この @Yuhiiskさんから を削除するにはユーザー欄を空にすればいい。 Tweet Twitterボタン | About ダイレクトリンク aタグにリンク先を指定して実装する、一番お手軽な実装。 <a

サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <

Twitterのツイートボタンを設置する機会がありましたので、自作のオリジナル画像にする方法を備忘も兼ねてまとめておきます。 独自の画像を使用したボタンの設置は過去にも経験がありましたが、あまり機会がなくすっかり忘れていました…。今後のためにもここにメモしておきますので、デザイン重視でのWebサイトを作成など、ボタンをカスタマイズする際のご参考になれば幸いです。 基本的な構造は以下ソースの通りです。 HTML <a href="http://twitter.com/share?text=【ツイート文】&url=【共有するURL】&hashtags=【ハッシュタグ】" onClick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=650, height=470, personalbar=0, toolb

Generate highly customizable CSS properties. Preview the results before copying them to your website.

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

English | 日本語紹介Twitterカードであなたのサイトへのリンクが入っているツイートにメディアを添付できます。あなたのウェブ・ページにHTMLを数行入れるだけで、どのユーザーもあなたのサイトへのリンクをツイートすると、そのツイートを見るすべてのフォロワーがカードを見られます。カードであなたのツイートに対するエンゲージメント促進ツイートにつけられるカードの種類は7種あります。各種類がtwitter.comでもでもTwitterのモバイル・クライアントでも綺麗に表示されます：Summary Card：標準のカードです。タイトル、ディスクリプション、サムネイル、サイトのTwitterアカウントを含みます。Summary Card with Large Image：Summaryカードに似ていますが、画像が目立つようになっています。Photo Card：写真を表示するためのカードです。

こんにちわ。アートディレクター兼2児のパパ、長岡です。 毎回子どもネタですが、最近アンパンマンを指さして「パンパーンパン」とそれっぽい発音をしている息子を見て「こいつ可愛いな」と癒されています（笑） 屈託のない笑顔と持ち前のあどけない仕草で、保育園のマダムたちをイチコロ（表現が古い？）にしているそうです。将来がちょっと心配です・・・。 さて今回は、HTML5・CSS3・jQueryを使用したフロントエンドツールの王道「Twitter Bootstrap（※ver2.3.1）」のお話。 ※この記事を書いている最中にver3.0がリリースされました！（汗）後でゆっくり触ってみたいと思います。 ▲Twitter BootStrap ver2.3.1 Web制作者なら、一度は触れたことがあることと思います。 そのまま使ってみたり、カスタマイズして使ってみたり・・・。 使い方を間違えなければ、とても

Digiral Inspiration：Twitterによる公式なRSSへのサポートはストップしたものの、フィードを取得する方法が全くないわけではありません。 少し複雑ですが、普通のタイムラインやリストだけでなく、検索結果など様々なTwitterのフィードを作成することができます。 RSSフィードを使えば、Twitterのデータを様々なところで使い回せるようになるでしょう。例えば、新しいツイートをトリガーにするIFTTTのレシピを作ったり、ブログに自動的にTwitterのタイムラインを表示させたりできます。 今回はTwitterのRSSフィードを取得するための簡単で信頼のおける方法を紹介しましょう。 TwitterのRSSフィードを作成する方法 TwitterはWebサイトにタイムラインを貼付けるためのウィジェットを提供しています。このウィジェットを、Googleスクリプトを使ってRSSフ

地味に便利そうだったのでご紹介。 Social Media Image Makerを使うと、facebookやtwitterなどのアイコン画像画像を自動生成してくれます。 自分で画像を作る際のサイズ確認にも使えて非常に便利！ 対応しているソーシャルメディア facebook twitter Youtube Google + Flickr Vimeo Pinterest Skype Tumblr LinkedIn Slideshare Foursquare About.me 実際に使ってみた 画像の切り抜きだけでなく、回転やフィルタをかける事でインスタグラムのような素敵な写真にすることが出来ますよ。 興味のある方は下のリンクからどうぞ！ Social Media Image Maker