ソーシャルメディアから収集したハッシュタグ・キーワード検索を、

あなたのWEBサイトに埋め込むことができます。

Twitterキーワード検索　"柴犬"

    

複眼feed
  • このサイトについて
  • パーツ使い方
  • よくある質問(FAQ)
  • お問い合わせ
  • ログイン
' + '
' + '' + 'x' + '削除' + '' + '{{ source.label }}を削除します' + '
' + '' + '' }); Vue.component('source-list', { props: { list: Array, type: String }, template: '
' + '
' + '
' + '
' + '' + '
' + '
' + '
' }); Vue.component('source-tab', { props: { list: Array, type: String }, template: '
' + '' + '' + '
' }); vm = new Vue({ el: '#register-form', data: model, mounted: function() { updatePreview(); initFocus(); initTooltip(); }, filters: { suppressZero: function(count) { return count ? count : ''; } }, computed: { sortBy: { get: function() { if(this.query.sort_by_time) return 'time'; if(this.query.sort_by_random) return 'random'; return ''; }, set: function(val) { this.query.sort_by_time = val === 'time'; this.query.sort_by_random = val === 'random'; } } }, methods: { setSourceType: function(type) { this.sourceType = type; this.newSource = ''; this.hideSourceError(); Vue.nextTick(initFocus); }, isSourceType: function(type) { return this.sourceType === type; }, isTemplateName: function(name) { return this.query.skin_name === name; }, addSource: function(sourceType, subtype, options) { this.hideSourceError(); var input = 'newSource'; var target = this.query['source_list_' + sourceType]; if(target && this[input]) { var newSourceValue = this[input]; if(!vm.existsSameSource(target, newSourceValue, subtype, options)) { var newSource = { type: sourceType, subtype: subtype, options: options, value: newSourceValue, limit: 1 }; this.validateSource(newSource, function(res) { if (!res) { return vm.showSourceError($('.newSourceInput')); } var realTarget = vm.query['source_list_' + res.type]; if(!vm.existsSameSource(realTarget, res.value, res.subtype, res.options)) { realTarget.push(res); vm.setSourceType(res.type); } }); } this[input] = ''; } }, existsSameSource: function(sourceList, newSourceValue, newSourceSubtype, newSourceOptions) { return _.some(sourceList, function(source) { return source.value === newSourceValue && source.subtype === newSourceSubtype && ( (!source.options && !newSourceOptions) || _.isEqual(source.options, newSourceOptions) ); }); }, showSourceError: function(input) { $(input).validationEngine('showPrompt', '画像を取得できませんでした。', 'red', 'topRight', true); }, hideSourceError: function() { $('#fukugan_form').validationEngine('hideAll'); }, removeSource: function(sourceType, source) { var target = this.query['source_list_' + sourceType]; if(target) { target.splice(target.indexOf(source), 1); } }, increaseSourceLimit: function(source) { source.limit = Math.min(20, parseInt(source.limit) + 1); }, decreaseSourceLimit: function(source) { source.limit = Math.max(0, parseInt(source.limit) - 1); }, addNgImageUrl: function() { if(!this.newNgImageUrl) return; var url = this.normalizeUrl(this.newNgImageUrl); this.query.ng_image_urls.push(url); this.newNgImageUrl = ''; }, removeNgImageUrl: function(ngImageUrl) { this.query.ng_image_urls.splice(this.query.ng_image_urls.indexOf(ngImageUrl), 1); }, addNgWord: function() { if(!this.newNgWord) return; this.query.ng_words.push(this.newNgWord); this.newNgWord = ''; }, removeNgWord: function(ngWord) { this.query.ng_words.splice(this.query.ng_words.indexOf(ngWord), 1); }, validateSource: function(source, cb) { $.post('rssimg/validate_source.php', source) .done(function(response) { cb(response); }); }, normalizeUrl: function(value) { if(value.match(/^https?:\/\//)) { return value; } return 'http://' + value; }, z2h: function(e) { var str = e.target.value; var han = str.replace( /[Ａ-Ｚ０-９．]/g, function(s) { return String.fromCharCode(s.charCodeAt(0) - 65248); }); return han; }, spotifySource: function() { if (this.spotifySubType.subtype === 'search') { this.newSource = $('#spotify-keyword').val(); } else { this.newSource = $('#spotify-region').val(); } } }, watch: { '$data.query': { handler: _.debounce(function() { if(!$('#fukugan_form').validationEngine('validate')) return; var url = [location.protocol, '//', location.host, location.pathname].join(''); $.post(url, $.extend({}, vm.$data.query, { is_preview: true })) .success(function(response) { vm.preview = response.preview; vm.spPreview = response.sp_preview; vm.errors = response.errors; Vue.nextTick(updatePreview); }); }, 200), deep: true }, sourceType: { handler: function() { Vue.nextTick(initTooltip); } }, previewType: { handler: function() { var disabled = vm.previewType === 'sp'; $('.device-oriented').prop('disabled', disabled); $('#opacity-slider').slider('option', 'disabled', disabled); Vue.nextTick(updatePreview); } } }, components: { 'toggle-switch': { model: { prop: 'checked', event: 'change' }, props: { name: String, checked: Boolean }, template: '
' + '' + '
' } } }); $('#fukugan_form').validationEngine({ scroll: false }); var codeModal = null; $('#btn_register').on('click', function() { if(!$('#fukugan_form').validationEngine('validate')) return; var url = [location.protocol, '//', location.host, location.pathname].join(''); $.post(url, vm.$data.query) .success(function(response) { if(response.errors) { } else { if (!codeModal) { $('#_code').text(response.code); $('.st-custom-button').attr('data-url', response.restore_url) $('.copy-button').text('埋め込みコードをコピーする'); codeModal = $.featherlight($('#generatecode'), { openSpeed: 500, persist: true, beforeOpen: function() { $('.featherlight-content').addClass('featherlight-open'); }, beforeClose: function() { $('.featherlight-content').addClass('featherlight-to-close'); }, afterClose: function() { $('.featherlight-content', this.$instance).removeClass('featherlight-to-close'); } }); } else { $('#_code', codeModal.$content).text(response.code); $('.st-custom-button', codeModal.$content).attr('data-url', response.restore_url) $('.copy-button', codeModal.$content).text('埋め込みコードをコピーする'); codeModal.open(); } } }); }); $(document).ajaxStart(function() { $.LoadingOverlay("show"); }); $(document).ajaxStop(function() { $.LoadingOverlay("hide"); }); function initTooltip() { $('.form-text[title], .has-tooltip').tipso({ useTitle: true, background: '#586062', delay: 50, hideDelay: 1000, width: 250 }); } function updatePreview() { $('.preview-shell').width($('.preview-shell ._fukugan_grid').width()); $('#preview-col').text($('.preview-shell ._fukugan_grid tr:first td').size()); $('#preview-row').text($('.preview-shell ._fukugan_grid tr').size()); $('#preview-empty-cells').text($('.preview-shell ._fukugan_grid ._fukugan_cell_empty').size()); $('#preview-total-cells').text($('.preview-shell ._fukugan_grid ._fukugan_cell').size()); $('#preview-width').text($('.preview-shell ._fukugan_grid').width()); $('#preview-height').text($('.preview-shell ._fukugan_grid').height()); $('.preview-shell-sp').width('auto'); } function initFocus() { $('.initialFocus').get(0).focus(); } });
  • Facebook{{ query.source_list_facebook.length | suppressZero }}
  • Twitter{{ query.source_list_twitter.length | suppressZero }}
  • YouTube{{ query.source_list_youtube.length | suppressZero }}
  • Instagram{{ query.source_list_instagram.length | suppressZero }}
  • Tumblr{{ query.source_list_tumblr.length | suppressZero }}
  • アメブロ{{ query.source_list_ameblo.length | suppressZero }}
  • Spotify{{ query.source_list_spotify.length | suppressZero }}
  • RSSフィード{{ query.source_list_feed.length | suppressZero }}
  • お知らせ
    2020/12/11
    もしもご登録内容が表示されない場合は、お手数ですが再登録をお試しいただけますと幸いです。
    2019/01/06
    サーバメンテナンスのお知らせ2　メモリの交換作業は無事終了しました。
    2019/01/05
    サーバメンテナンスのお知らせ1　1月6日 午前8時～11時にサーバのメモリの交換作業を実施します。
    カテゴリー

    WEBサイトのカテゴリを1つ選択してください

    • desktop
    • mobile
    サムネイルのサイズ
    px
    ×
    px

    サムネイルの横幅と縦幅です

    サムネイルの間隔
    px
    ×
    px

    上下左右の余白です、マージン幅です

    レイアウト

    ×

    行列です、横3×縦3で9マスができます

    サムネイルの並び方

    更新時間順またはランダム順があります

    テンプレート

    デザインを変更できます

    角丸サイズ
    px

    サムネイルの角を丸くできます

    文字サイズ
    px

    フォントの大きさを変更できます

    角丸サイズ
    px

    サムネイルの角を丸くできます

    見出しの場所

    画像に見出しが入る位置です、通常は画像下です

    見出しの表示幅
    px
    ×
    px

    テキストを表示する範囲のことです

    見出しの文字数
    字

    0で無制限です、長過ぎる見出しを制限できます

    見出しの文字サイズ
    px

    フォントの大きさを変更できます

    見出しの下線

    テキストに下線を引くことができます

    見出しの文字色
    #

    テキストの色を変更できます

    マウスオンの枠線色
    #

    マウスがサムネイル上に載った時の枠線色です

    マウスアウトの枠線色
    #

    透明の場合はこのまま空白でお願いします

    見出しの改行数
    行

    長過ぎる見出しを制限できます

    見出しの文字数
    字

    0で無制限です、長過ぎる見出しを制限できます

    見出しの文字サイズ
    px

    フォントの大きさを変更できます

    見出しの文字色
    #

    テキストの色を変更できます

    見出しの背景色
    #

    背景の色を変更できます

    見出しの透明度

    0で透明、1で不透明です

    見出しの表示幅
    px
    ×
    px

    テキストを表示する範囲のことです

    見出しの文字数
    字

    0で無制限です、長過ぎる見出しを制限できます

    見出しの文字サイズ
    px

    フォントの大きさを変更できます

    見出しの文字色
    #

    テキストの文字色を変更できます

    更新日時の文字色
    #

    日付の文字色を変更できます

    更新日時の背景色
    #

    日付の背景色を変更できます

    背景色
    #

    背景色を選択できます

    + もっと細かく設定する

    NGフィルター


    黒フチを消す

    画像から黒フチを取り除いてサムネイルにします

    白フチを消す

    画像から白フチを取り除いてサムネイルにします

    最初の記事を隠す

    一番新しい記事を非表示にします

    モバイルを停止する

    レスポンシブを停止してＰＣに統一します

    rel="nofollow"する

    リンク先をGoogleは評価しなくなります

    優先度を下げる画像

    アイコン、絵文字などを避けることができます

    NG画像URL
    http(s)://

    アイコン、絵文字などを非表示にできます

    {{ ngImageUrl }}

    NGワード

    キーワードを含む記事を非表示にできます

    {{ ngWord }}



    その他


    同じタブで開く

    同じタブで開きます

    更新日時を表示する

    記事の更新時間をテキストに表示します。

    更新日時の文字色
    #

    空白にすると見出しの文字色と同じ色になります

    サイト名を表示する

    記事本文の前にサイト名を表示します。

    サイト名の文字色
    #

    空白にすると見出しの文字色と同じ色になります

    プレビュー

    動作サンプル

    • ※{{ e }}
    レイアウト
    横列 縦行 残り/枠
    ブログパーツ総幅
    横px 縦px

埋め込みコード

ユーザー登録版　近日公開予定

早期アクセスのお知らせを受け取るには、メールアドレスの登録をお願いします。

  • 旧複眼RSSについて
  • お知らせ
  • ブログ
  • 広告掲載
  • 規約&プライバシー
  • Follow @fukuganrss