マストドン　ウィジェット　ウィザード

ご利用者の皆様へ
v0.5のバージョンで発生していた不具合に対応させていただきました。下記のリンクで、最新バージョンのダウンロードをお願い致します。
mastodon.widget.zip

このウィザードについて

アゼットのマストドンウィジェットはマストドンのAPI を利用します。
このウィジェットの権限があなたのマストドンアカウントの「認証済みアプリ」の一覧に追加されます。

サンプル

マストドンのアプリ作成は難しい為、アゼットでは誰でも簡単に使えるこのウィザードを作成させて頂きました。

セキュリティーに関して、あなたの情報はアゼットのサーバに保存されていません。
個人情報は、全てマストドンサーバーにまかせております。

マストドンのログイン画面が表示されますので（ログイン済みであればこの画面は省略されます）、ログインしてマストドンサーバー側であなたのアカウントにアプリケーションを承認してください。

注意点:
このウィザードを使うために、マストドンのアカウントが必要です。

アプリケーション

マストドンのインスタンスにアプリケーションが必要です。

インスタンスのURL（アドレス）

アプリケーション名

ダウンロード

ウィザードが完了しました。
下記の「設定」で2つのテーマの中からテーマを選ぶことができます。

引き続き、大切な情報の章を注意下さい。

万が一ウイジェットの不具合があった場合には大変お手数でございますが、Githubのリポジトリにお知らせいただけますと幸いでございます。

設定

ダークライト

プレビュー

要件

jQuery (3.2.1バージョンで動作確認できました)

ファイル

ウイジェットのファイルは以下のアーカイブにあります：
最新バージョン (v1.0): mastodon.widget.zip

大切な情報

下記の情報を安全な所に保存して下さい。APIで使いたいファンクションによって必要になります：

Client Name
ID
Client ID
Client Secret

コード

ページのヘッダーの中に（<head>タグ）:

<link rel="stylesheet" href="mastodon.widget.css" />
<script type="text/javascript" src="mastodon.widget.js"></script>
<script type="text/javascript" src="mastodon.widget-jp.js"></script>
<script>
$(document).ready(function() {
// jQUERY is required!
  var mapi = new MastodonApi({
    target_selector  : '#myTimeline'
    ,instance_uri    : '[MASTODON INSTANCE]'
    ,access_token    : '[ACCESS TOKEN]'
    ,account_id      : '[ACCOUNT ID]'
    // 任意パラメータ
    // ==============
    // - ステータス表示数
    //,toots_limit     : 5
    // - 画像アイコン(http://fontawesome.ioご利用の場合)
    //,pic_icon        : '<i class="fa fa-picture-o"></i>'
    // 又は画像ファイル
    //,pic_icon        : '<img src="mypicicon.gif" />'
  });
});
</script>

本文の中に (タイムラインのコンテナ):

<div id="myTimeline" class="mastodon-timeline mastodon-timeline-dark"></div>

マストドンウィジェットウィザード