IE11やChrome最新版でズレずにAAが見れるようになるkeageさんのKGIndirectWriter導入まとめ
- warsmahrlq
- 16988
- 6
- 0
- 0
keage/KGIndirectWriter: DirectWrite 環境のブラウザで発生する AA のズレを調整するスクリプト github.com/keage/KGIndire… 自サイトで patchForAA 使ったらフォントが汚くなったって人はこれでも使ってみてください。
2016-08-30 23:19:34やる夫スレやAA(アスキーアート)関係(後、ブーン系SS)のまとめブログや保管庫管理人向けにkeageさんのKGIndirectWriter導入方法のまとめを書いてみる #AA #やる夫スレ #ブーン系
2016-09-23 12:47:12twitter.com/keage/status/7… まずはこのツイートで紹介されているKGIndirectWriterのページにいって該当スクリプトのページに行きましょう。
2016-09-23 12:51:48トップページにあるKGIndirectWriter.min.jsをクリックしましょう その上のKGIndirectWriter.jsは放置(でもあとで名前だけ使います) pic.twitter.com/Fsa4ieyoCo
2016-09-23 12:56:44github.com/keage/KGIndire… KGIndirectWriter.min.jsのページを開いたらvarで始まる一行をトリプルクリックで全文選択してコピーか Rawというアイコンをクリックしてスクリプトの全文表示ページを開いてコピー pic.twitter.com/xM2mi5jTTY
2016-09-23 13:00:17raw.githubusercontent.com/keage/KGIndire… これがコピーしておくスクリプトの全文ページです。 更新されるかもしれないからその時はトップページからやり直しましょう。 ではこの内容をコピーして次へ。 pic.twitter.com/An5C7x2E6e
2016-09-23 13:02:05デスクトップでいいので新しいテキストドキュメント作ってください。 名前は後で変えるので適当でいいです。 pic.twitter.com/vDpHSFwlQK
2016-09-23 13:03:56テキストドキュメント開いてコピーしたスクリプト本文をペーストして下さい。 とりあえずそのまま上書き保存。 pic.twitter.com/ASITajWwuh
2016-09-23 13:05:21テキストドキュメントの名前を変更し、拡張子ごと KGIndirectWriter.js に変えて下さい。keageさんの説明ではKGIndirectWriter.min.jsですがfc2ブログ等ではファイル名にピリオドが使えないためです。 pic.twitter.com/eLY5txJDzP
2016-09-23 13:08:51テキストドキュメントがスクリプトファイルに変わりました。 pic.twitter.com/AXdo7xsX1c
2016-09-23 13:14:08今度はこのスクリプトファイルを自分のサイトにアップロードします。 私のまとめサイトはfc2なのでfc2のアップロード画面を例に説明します。 管理画面から左側にあるファイルアップロードかメインメニューのファイル管理アイコンからアップロードページでファイルをアップしurlをコピー pic.twitter.com/SJ4AhRHFrl
2016-09-23 13:17:41次に左メニューのテンプレートの設定をクリックし [ ※ここは各自別 ] のHTML編集の中のページの下の方にある </body>を見つけて最初の一行 <script src="[???]"></script> を記入(???をさきほどコピーしたスクリプトのurlをペースト) pic.twitter.com/MSSzNC9eG5
2016-09-23 13:25:092行目に <script>KGIndirectWriter.process("body")</script> と記入。記事だけaaタグで指定して記事以外のフォントはMS Pゴシック以外にしてる人などは.aaにするなどここはサイトデザインによって変わります。 pic.twitter.com/GEfEb4u6RN
2016-09-23 13:28:20</body> <script src="blog-imgs-94.fc2.com/a/a/t/aatool/K…"></script> <script>KGIndirectWriter.process("body")</script> </html> 私のブログでの例です。参考までに
2016-09-23 13:30:11このまとめの後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さんからその事について指摘が入りました。
@keage fc2向けのやり方をまとめてみました、何かアレばどうぞ IE11やChrome最新版でズレずにAAが見れるようになるkeageさんのKGIndirectWriter導入まとめ - Togetterまとめ togetter.com/li/1027956
2016-09-23 13:45:37@warsmahrlq body タグにスクリプトを適用しちゃうのはアクセスカウンタなど AA に関係ない要素に影響が出ちゃうかもです。できれば適用対象を狭く絞っていただければ事前のトラブル回避に繋がると思います。
2016-09-23 19:09:32@keage 早速記事を直接編集するスクリプトが動かなくなったので私は.ddタグに切り替えました。 ひとまず、このkeageさんのツイートをまとめようと思いますが、ブログ管理人スレを見る限り記事本文を指定するタグを見つけたり、設定するのが難しいのかなと思います。
2016-09-23 19:14:38@warsmahrlq いっそ Saitamaar.js のブックマークレットのように AA が存在する要素をスクリプト側で自動判別したほうがよいのかしらん。スクリプトの動作は一層重くなりますが……
2016-09-23 19:17:32