SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
サンプルデモ真ん中寄せをして、ウィンドウの横幅が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> <
SEO嫌いにお送りするSEO策。これでもうSEOについてしばらく考えなくて良いぜ！！ - Qiita
SEO好きですか？私は嫌いです。そんな事に取り組むよりも仕組みやコンテンツの改善に取り組みたいです。今回はそんなSEO嫌いにお送りする、SEO対策集です。やってられないSEOは１日で終わらせてもっと生産的な仕事に集中しましょう！ まずは結論から 下記をテンプレートにしていただければ良いです。google検索表示もfacebook表示も上手くいきます。twittercardの表示だけは公式サイト（日本語）より申請がいるのでそれだけしておきましょう。 <title>Qiita - プログラマの技術情報共有サービス</title> <meta content="Qiita - XXX" name="title"> <meta content="ブログ記事詳細. 120字以内を心がけよう。その中でも最初の４０字は大事。" name="description"> <meta content='キーワ
iOSでソーシャルログイン - Qiita
概要 よくアプリで見かけるソーシャルログインを実装する際のメモになります。 以下2つのSNSについて簡潔に。 facebook twitter facebookログイン facebookログインを行う際には下記2パターンの認証方法が存在します。 WebViewを用いたブラウザ上でのログイン facebook SDKを用いたログイン 1はfacebook側の仕様変更に左右されやすいのでSDKを使用したログインをお勧めします。 実装方法 ざっくりと流れをまとめると以下のようになります。 facebook developerにてアプリケーションを作成 CocoaPodsを用いてfacebook sdkをインストール plistの編集 FBLoginViewを作成 Permissionの指定 ログイン後のdelegateメソッドにて処理を行う FBLoginViewを設置するだけでボタンが勝手に表
Twitter/Facebookと連携させるiOSアプリ開発 (1/3)
Swiftで他のサービスやアプリとつながるiOSアプリを作成しながら、「アプリの考え方」が習得できる本連載。今回は、iOSアプリとSNSをつなげる方法、「iOSアプリからSNSへ直接投稿する機能」について解説します。アプリを見ていて、シェアしたいと思ったらすぐに投稿できます。最近のアプリには必須の機能です。 アプリからSNSへ投稿する方法 iOSアプリからSNSへ直接投稿する方法は、大きく2つの方法があります。 1. シェアボタンでTwitterやFacebookに投稿する方法 Twitterや、Facebookの投稿用のボタンを押すとダイアログが表示され投稿できる方法です。 シェアするSNSの数のボタンを用意する必要がありますが、ボタンを押したら、対応するSNSの投稿用のダイアログが表示されるのでわかりやすいです。 2.共有のアクションシートから投稿させる方法 シェアボタンを押すと、シス
Twitter・Facebook・mixiなど公式ロゴ配布URLのまとめ – ri-que lab [テスト中～]
Twitter・Facebook・mixi 仕事で各サービスの公式ロゴを扱うことが多いのですが、 毎回検索するのがめんどくさいので公式ロゴ配布URLをまとめてみました。 【Twitter公式ロゴ】 ※twitterじゃないですよ。Twitterですよ。「T」は大文字です。いつだったか途中で変更されました。 ・Twitter ロゴとアイコン ・Twitterボタン…（ログイン後入れます） ・Twitter登録商標の利用ガイドライン 【Facebook公式ロゴ】 ・Facebookロゴ Facebookロゴの使用は概して認められません。特定の用途について特別に許可を取得したい場合は、Facebook担当者にお問い合わせください。 http://www.facebook.com/brandpermissions/logos.php ・・・とのことです。。。ですが、「ｆ」ロゴは使用可能です。 ちな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
２カ月で６万人突破の女性向けＳＮＳ「ウェブカレ」 ウェブ開発物語�インターネット-最新ニュース:IT-PLUS
