0
0

アメバ連携プラグインを開発しての感想

Posted at

はじめに

過去、10数年、独自のyoutube再生サイトを構築してきました。再生サイトは、レンタルサーバー上に設置してきました。再生サイトは現在も運用中です。ある時期までは、独自の再生リストでyoutube動画を再生していましたが、その後、プラグインの開発に興味を持ち、これまで、いくつかのプラグインを作成してきました。
最近は、アメバ連携のプラグイン作成を主に行っています。今回、slimプラグインv4.0プラグインをChromeウェブストアに公開しました。ここでは、このプラグインの開発経緯についての感想です。

アメバ連携プラグイン(slimプラグインv4.0)について

アメバブログを投稿していますが、この時に、youtube動画を埋め込むことができます。この埋め込みは一つのyoutube動画を埋め込む機能です。これも一つの方法ですが、行いたかったことは自前のサイトの動画を埋め込むことですが、これはアメバではできません。
使用禁止タグのため、htmlやscript、iframeなどが使用できません。そこで、仕方なくリンクで自前のwebサイトを開くことにしました。その時に、このアメバ連携プラグインが必要になりました。このプラグインを使って自前のWebサイトページにアメバブログを表示することにしました。アメバブログのurlをWebサイトページを開くときにパラメータとして渡しています。

slimプラグインv4.0のインストール

slimプラグインv4.0のインストールは、以下のリンクからChromeウェブストアを開き、そこで、Chromeブラウザーへインストールします。

youtube再生サイト

このプラグインは、favoriteサイトと連携しています。favoriteサイトのurlは以下になります。
[favoriteサイト]("https://favorite.tecoyan.net/slim/index.php")

アメバ連携時のurlパラメーター

アメバ連携時のurlパラメーターは以下になります。
サンプルサイト
https://favorite.tecoyan.net/slim/index.php?vid=jGtRG25lxIo&title=%E6%83%B3%E3%81%84%E5%87%BA%E3%81%BC%E3%82%8D%E3%81%BC%E3%82%8D%E3%80%80%E5%86%85%E8%97%A4%E3%82%84%E3%81%99%E5%AD%90%EF%BC%881976%E5%B9%B4%E6%94%BE&url=https://ameblo.jp/tecoyan/entry-12829812484.html

これらのパラメーターはアメバブログのリンク生成時に半自動生成しています。

slimプラグインv4.0の機能

このslimプラグインv4.0には、機能として3つあります。
(1)youtubeサーチ&保存&再生
(2)アメバ連携
(3)yahooサーチ
現在、このプラグインは、https://favorite.tecoyan.net/slimサイト専用になっています。

感想

このプラグインの使い方としては、アメバでブログを書いているとその内容と関係のあるyoutube動画へのリンクが欲しくなります。記事の内容を動画でも見れるとより分かりやすいかと思いました。確かにアメバでも関連する動画を埋め込む機能はあります。しかし、この機能は一つの動画単位となります。複数の動画を見るには、複数分の埋め込みが必要になります。
プラグインを使えば、リンクをクリックして、その専用ページを開き、そこで動画をリストで再生することができます。
このリスト再生がこのプラグインの特徴です。

あとがき

まだ、記述内容として未完成のため、追って補足、追加して行きたいと思います。このプラグイン開発時の苦労話や特徴、技術的な現状の問題点などを記述したいと思っています。このプラグインはまだ開発継続中です。途中経過として投稿しています。

(補足)favorite
現在、このslimプラグインv4.0に一部不具合があります。そこで、その不具合を解消したプラグインを公開前にダウンロードして使用できるようにしています。favoriteサイトのメッセージをクリックするとyoutbeボタンが表示されますので、そのボタンをクリックするとダウンロードの説明が表示されます。
不具合を解消した、次のslimプラグインv5.0の公開は、近日中に予定しています。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0