2018年 8月 の投稿一覧

Mastodonのウィジェット

ブログパーツの少なさ

Mastodonの初期設定などが済んだので、このブログのサイドバーに自分のタイムラインが表示できるウィジェットを探しましたが、WordPress用のプラグインで用意されてるのは1つのトゥートを投稿上に埋め込むものしか見つかりませんでした。

1つだけ見つかったウィジェットを導入してみる

そんな中、1つだけMastodonのウィジェットを作成している会社があったので導入してみました。それがこちら 
有限会社アゼット-マストドンウィジェット紹介ページ
用意されているウィザードを使って簡単にコードを作ることができます。
詳しい手順は有限会社アゼット様がQiitaに投稿しているページがわかりやすいです。
Qiita-マストドンのタイムライン表示ウィジェットを作成しました。

ファイルアップロード後にエラーが

自分の環境では、ダウンロードした3つのファイルをWPがインストールされているディレクトリ直下に配置しました。

その後、Insert Headers and Footersプラグインでヘッダー内にマストドンウィジェット作成ウィザードで作成された1つ目のコードを、外観-ウィジェットのページでカスタムHTMLを使い2つ目のコードをサイドバーに配置しました。

追記(2018年10月10日):WordPressではCSSファイルとJSファイルを読み込ませるには別な方法を取らなくては行けないことがわかりました。
詳細はこちらの記事にまとめました。
MastodonウィジェットをWordPressに正しい方法で読み込ませる

これで表示されると思ったのですが、表示されませんでした。

F12を押して見ると

Uncaught TypeError: $ is not a function
at new MastodonApi (mastodon.widget.js:31)

と、出てしまいました。

エラーの解決方法

このエラーについて調べてみると、WPとjQueryの関係があるとわかりました。
jQueryと他のjavascriptライブラリがコンフリクトしないようにjQueryが使用する”$”という関数の別名定義を未定義状態にしているようです。

いろいろ解決方法はあるようですが、自分は必要な”$”をjQueryに置き換える方法を取りました。
置き換えた文字列は以下の通りです。

mastodon.widget.jsファイルの
“$(“を”jQuery(“に置換
“$.ajax”を”jQuery.ajax”に置換

以上2点を置き換えた結果、無事ウィジェットを動作サせることができました。
※$をすべてjQueryに置き換えると、トゥートの時刻表示部分がおかしくなりました。

修正後のファイル一式ダウンロードはこちら

今回、有限会社アゼット様にご了承いただきまして、修正後のファイルをダウンロードできるようにして良いとの事でしたので、こちらで公開します

ダウンロードはこちら

追記(2018年10月10日);2018年10月3日にリリースされたv1.07に対応しました。

以上、Mastodonウィジェットの紹介でした。
では、また~

Mastodon始めてみた

きっかけ

きっかけはすでにMastodonをやっている友人に、
「Mastodonやってみない?」と誘われたことでした。
前からMastodonのことはちらほら聞いていましたが、Twitterの仕様変更で移住し始めた人も結構出てきているみたいなので始めてみました。

インスタンス?

Mastodonにはどうもインスタンスという仕組みがあるらしい。
よくわからなかったので友人に聞いてみたが、どうもインスタンスとインスタンスは繋がっていてインスタンスがブロックしてない限り、インスタンスをまたいでフォローやリプライができるとのことでした。

とりあえず、潰れなさそうなインスタンスにしようと思って
Pixivが運営してる、Pawooというインスタンスに登録してみました。

登録はかんたん

誘われたのが外だったのでスマートフォンから登録してみました。
Pawooのページに行くとこんな感じ

Pawooをはじめるを押すとPixivアカウントログインだったので、メールアドレスで登録の方で進めてみました。

ユーザー名、メールアドレス、パスワードの3つという最小限な入力項目で登録はかんたんでした。
ユーザー名は被ったのでちょっと悩みましたが。w

フォローおねがいします!

アカウント名は
@[email protected]
です!

まだまだMastodon初心者ですが、よろしくおねがいします!

サイト&ブログ オープン!

いろいろ準備できたのでオープン

サイト(www.masa10.info)と、ここブログをオープンしたいと思います。
WordPressとあーでもないこーでもないと格闘して、サイトデザインを考えてました。

自己紹介

自己紹介はサイトの方のProfileページを用意したのでそちらを見てください。
こちらからどうぞ。

更新できるか…ブログ。

これまでも、ブログサービス使ったりこのドメイン使ったりしてブログ書こうとしたことはありましたが、なかなか続かないものです。ブログというものは。
ブログにできそうなネタが毎日降ってくればいいのですが、そうも行かないのでぼちぼちなペースで書いて行ければいいかなと思います。

では、これからの更新に乞うご期待!