【新機能】作り忘れたまとめはありませんか?31日前まで期間指定してまとめが作れる高度な検索ができました。有料APIだからツイートの漏れはありません!

IE11やChrome最新版でズレずにAAが見れるようになるkeageさんのKGIndirectWriter導入まとめ

テキストをスクリプトファイルにする部分やfc2でもアップロード出来るようにファイル名を変えるなどが一般的な管理人さんに難しいと思ったのでfc2ブログ利用者向けに書いてみました。
CSS AA ブーン系 セルフまとめ やる夫
6905view 0コメント
2
ログインして広告を非表示にする
keage @keage 2016-08-30 23:19:34
keage/KGIndirectWriter: DirectWrite 環境のブラウザで発生する AA のズレを調整するスクリプト github.com/keage/KGIndire… 自サイトで patchForAA 使ったらフォントが汚くなったって人はこれでも使ってみてください。
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 12:47:12
やる夫スレやAA(アスキーアート)関係(後、ブーン系SS)のまとめブログや保管庫管理人向けにkeageさんのKGIndirectWriter導入方法のまとめを書いてみる #AA #やる夫スレ #ブーン系
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 12:51:48
twitter.com/keage/status/7… まずはこのツイートで紹介されているKGIndirectWriterのページにいって該当スクリプトのページに行きましょう。
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 12:56:44
トップページにあるKGIndirectWriter.min.jsをクリックしましょう その上のKGIndirectWriter.jsは放置(でもあとで名前だけ使います) pic.twitter.com/Fsa4ieyoCo
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 13:00:17
github.com/keage/KGIndire… KGIndirectWriter.min.jsのページを開いたらvarで始まる一行をトリプルクリックで全文選択してコピーか Rawというアイコンをクリックしてスクリプトの全文表示ページを開いてコピー https://t.co/xM2mi5jTTY
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 13:02:05
raw.githubusercontent.com/keage/KGIndire… これがコピーしておくスクリプトの全文ページです。 更新されるかもしれないからその時はトップページからやり直しましょう。 ではこの内容をコピーして次へ。 pic.twitter.com/An5C7x2E6e
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 13:03:56
デスクトップでいいので新しいテキストドキュメント作ってください。 名前は後で変えるので適当でいいです。 pic.twitter.com/vDpHSFwlQK
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 13:05:21
テキストドキュメント開いてコピーしたスクリプト本文をペーストして下さい。 とりあえずそのまま上書き保存。 pic.twitter.com/ASITajWwuh
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 13:08:51
テキストドキュメントの名前を変更し、拡張子ごと KGIndirectWriter.js に変えて下さい。keageさんの説明ではKGIndirectWriter.min.jsですがfc2ブログ等ではファイル名にピリオドが使えないためです。 https://t.co/eLY5txJDzP
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 13:14:08
テキストドキュメントがスクリプトファイルに変わりました。 pic.twitter.com/AXdo7xsX1c
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 13:17:41
今度はこのスクリプトファイルを自分のサイトにアップロードします。 私のまとめサイトはfc2なのでfc2のアップロード画面を例に説明します。 管理画面から左側にあるファイルアップロードかメインメニューのファイル管理アイコンからアップロードページでファイルをアップしurlをコピー pic.twitter.com/SJ4AhRHFrl
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 13:25:09
次に左メニューのテンプレートの設定をクリックし [ ※ここは各自別 ] のHTML編集の中のページの下の方にある </body>を見つけて最初の一行 <script src="[???]"></script> を記入(???をさきほどコピーしたスクリプトのurlをペースト) pic.twitter.com/MSSzNC9eG5
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 13:28:20
2行目に <script>KGIndirectWriter.process("body")</script> と記入。記事だけaaタグで指定して記事以外のフォントはMS Pゴシック以外にしてる人などは.aaにするなどここはサイトデザインによって変わります。 pic.twitter.com/GEfEb4u6RN
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991 2016-09-23 13:30:11
</body> <script src="blog-imgs-94.fc2.com/a/a/t/aatool/K…"></script> <script>KGIndirectWriter.process("body")</script> </html> 私のブログでの例です。参考までに

このまとめの後Chromeで確認したら過去記事を直接編集するリンクが消えてしまったので私は名前欄以外の本文を<dd></dd>で囲って左側に余白を作っているのでbody指定から.ddに指定して

</body>
<script src="http://blog-imgs-94.fc2.com/a/a/t/aatool/KGIndirectWriter.js"></script>
<script>KGIndirectWriter.process("dd")</script>
</html>
現在はこの形になっています(名前欄にズレる文字があったら適用されない形)。


body指定で不具合が見つかった後にkeageさんからその事について指摘が入りました。

ウォーズ @warsmahrlq 2016-09-23 13:45:37
@keage fc2向けのやり方をまとめてみました、何かアレばどうぞ IE11やChrome最新版でズレずにAAが見れるようになるkeageさんのKGIndirectWriter導入まとめ - Togetterまとめ togetter.com/li/1027956
keage @keage 2016-09-23 19:09:32
@warsmahrlq body タグにスクリプトを適用しちゃうのはアクセスカウンタなど AA に関係ない要素に影響が出ちゃうかもです。できれば適用対象を狭く絞っていただければ事前のトラブル回避に繋がると思います。
ウォーズ @warsmahrlq 2016-09-23 19:14:38
@keage 早速記事を直接編集するスクリプトが動かなくなったので私は.ddタグに切り替えました。 ひとまず、このkeageさんのツイートをまとめようと思いますが、ブログ管理人スレを見る限り記事本文を指定するタグを見つけたり、設定するのが難しいのかなと思います。
keage @keage 2016-09-23 19:17:32
@warsmahrlq いっそ Saitamaar.js のブックマークレットのように AA が存在する要素をスクリプト側で自動判別したほうがよいのかしらん。スクリプトの動作は一層重くなりますが……
ウォーズ @warsmahrlq 2016-09-23 19:28:15
@keage あんまりkeageさんに依存するのはどうかと思うので何かうまい方法考えて随時更新しますね。
ウォーズ @warsmahrlq 2016-09-23 19:30:41
コオロギさんのクロームで動いてるから参考にするか…… .aaならどこかに<aa>があるハズだな……ないやんけ
keage @keage 2016-09-23 19:50:53
@warsmahrlq .aa ならあるのは class=“aa” のほうです(・_・;)
ウォーズ @warsmahrlq 2016-09-23 19:52:13
@keage <aa>~</aa>で囲まれてない?
残りを読む(14)
フォロワー限定公開ならプライベートで楽しめる。 鍵アカのツイもまとめられるよ。

ブックマークしたタグ

あなたの好きなタグをブックマークしておこう!話題のまとめを見逃さなくなります。
ログインして広告を非表示にする
ログインして広告を非表示にする