ブログでもモナを投げよう!(scriptベース)

その他 派生

19 Res. 0.00240482 MONA 5 Fav.

jqueryがソースコードとは別に必要になります。
なお、すでにHTMLにjqueryが組み込まれている場合、競合してレイアウトを崩す原因となるため、不要です。

1 :あるふぁ四段錬士:2017/11/24 08:35:15  0.00126368MONA/2人

askmona.org/6179 からの派生です。
なんかJavaScriptベースでも簡単に出来そうなので一応。

2 :あるふぁ四段錬士:2017/11/24 09:35:14  0MONA/0人

基本的なソースはtipnemウィジェットを参考にしてます。
http://soralis.hatenablog.jp

3 :あるふぁ四段錬士:2017/11/24 09:36:26  0MONA/0人

一応ソースコード
<link href="http://monaform.starfree.jp/monawidget.css"; rel="stylesheet" type="text/css" />
<div id="tipmona_arg" to="@kikiriko200" amount="0.5963" comment="" ></div>
<div id="tipmona-widget"> </div>
<script src="http://monaform.starfree.jp/tipmona.js"></script><br><br>;
<a href="https://monappy.jp/memo_logs/view/monappy/123">Tipmonaとは</a><br>
<a href="http://dic.nicovideo.jp/a/monacoin">Monacoinとは</a>

4 :あるふぁ四段錬士:2017/11/24 09:37:34  0MONA/0人

※brockUIの定義漏れによる表示の不具合があるっぽいです

5 :名無しさん一級:2017/11/24 09:38:01  0MONA/0人

支援age

6 :あるふぁ四段錬士:2017/11/24 13:21:09  0MONA/0人

支援ありがとうございます。
一応>>2にあるtipnemウィジェットと併用しなければ動作します。
この辺はあとで改善します。

7 :syuribox三段:2017/11/24 13:54:27  0MONA/0人

本来なら水を差すこんなことは書きたくないんだけど、使う人はよく考えて。
(配布者がそこそこ有名な人・それなりに信頼できるという前提を無視して)
外部サーバーのjs読み込んでるけど、とくにメンテされないブログではスクリプト挿入されたまま放置されるから危険が多い
googleとか信頼のおける外部サーバー以外のJavascriptを外から読み込まないほうがいいよ
モナコイン界のサーバー生存率は高くないし
js側がドメインごと消えたりして、ブログ側も放置・気が付かないと、
シマンテックのウィジェットが乗っ取られてウィルスばらまかれたみたいになりそう
悲しいことに普及すれば普及するほど、狙われる危険が高くなる
参考:当時の記事
「ノートン警察」ブログパーツ改ざん、ウイルス仕込まれる
https://internet.watch.impress.co.jp/docs/news/341011.html

8 :あるふぁ四段錬士:2017/11/24 14:18:38  0MONA/0人

>>7
ふむふむ(・ω・ )
一応このmonaform.starfree.jpは私の持つドメインで閉鎖にならないように最低限の保守はしてる感じですかね。
外部サーバに置いといて不安なら、jsファイルをF12とかで解析してscriptタグなどで反映するか、自分の持つドメインに置き直してもいいかも。

9 :あるふぁ四段錬士:2017/11/24 14:25:37  0MONA/0人

あとstarfreeはnetowlのサーバーなのでnetowlさえ潰れなければ…大丈夫だと思われる

10 :あるふぁ四段錬士:2017/11/24 18:22:08  0MONA/0人

なんかtipmona.jsを上書きしても変更が反映されない謎現象が起きたのでファイル名をmonawidget.jsに変更、認証

11 :あるふぁ四段錬士:2017/11/24 18:26:23  0.00114114MONA/1人

<link href="http://monaform.starfree.jp/monawidget.css"; rel="stylesheet" type="text/css" />
<div id="tipmona_arg" to="@kikiriko200" amount="0.5963" comment="" ></div>
<div id="tipmona-widget"> </div>
<script src="http://monaform.starfree.jp/monawidget.js"></script>;
これでTipnemウィジェットとも併用できます(´▽`)

12 :あるふぁ四段錬士:2017/11/24 18:35:41  0MONA/0人

あれ?
ツイートの文面がtipnemウィジェットのままになってる…
jsファイル上では変えてるのに…

13 :syuribox三段:2017/11/24 22:47:32  0MONA/0人

不安をあおっておきながら、自分で使ってみるテスト
本当はこういうの嫌いじゃないです

運用放棄中のほぼ未使用のブログに試しに設置してみました
サンプル見たい人はどうぞ
http://narouvrmmo.blog.fc2.com/
背景白だと枠がないので若干見えにくい気がする
あとxボタンの反応が何故か鈍いところは気になった
どちらもtipnemの問題だとは思う

fc2のテンプレートを何とか解読して無理やり設置しました
あとjqueryを読み込まないと動かないので注意

14 :syuribox三段:2017/11/24 22:54:51  0MONA/0人

あー複数記事が表示された場合、1ページ内に複数あると一番上にしか表示されない。
idだからあたりまえと言えば当たり前だけど、どうしたらいいかは不明です。

15 :syuribox三段:2017/11/24 23:33:21  0MONA/0人

QRコードのchlがおかしいです
twitterのユーザー名が直書きされてます
後ろにURLがついているけどその前にencode指定があるので、前後も反対だと思います
xボタンがおかしいのは、左下1/4がクリック対象になっていないようです

16 :あるふぁ四段錬士:2017/11/25 09:14:36  0MONA/0人

>>15
なんかツイートリンクがおかしなことになってるのですが、jsファイル上のURLと違うところに偏移していて困惑してます…
xボタンが左下1/4効かないのはフォームに被さっているからで、少し位置をずらせば解決できそうなので違和感ない程度に手直ししようと思います

17 :あるふぁ四段錬士:2017/11/26 10:03:29  0MONA/0人

>>13
jquery必須なのはそうなのですが、スクリプトにそれを書くとHTMLにすでに書いてあった場合競合してレイアウトを崩す原因となるためソースコードには書いてません。
一応補足しとくかね(´▽`)

18 :あるふぁ四段錬士:2017/11/26 10:47:16  0MONA/0人

とりあえずPlaycodeで実験したところツイートリンクもQRも正しく出力されたので報告。

19 :syuribox三段:2017/11/27 13:24:52  0MONA/0人

>>13
(sage)サンプルみたいなブログが現在1か月放置の広告が表示されていて表示がおかしいです。
そのうち直す予定。

お気に入り

新規登録してMONAをもらおう

登録すると、投稿したり、MONAをもらったりすることができます。質問したり、答えたりしてMONAを手に入れてください。

新規登録ログイン