編集部が選ぶ「みんなに見てほしい」イチオシまとめはこちら

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

テキストをスクリプトファイルにする部分やfc2でもアップロード出来るようにファイル名を変えるなどが一般的な管理人さんに難しいと思ったのでfc2ブログ利用者向けに書いてみました。
プログラミング サイト制作 ブーン系 セルフまとめ やる夫 CSS AA
8239view 0コメント
2
keage @keage
keage/KGIndirectWriter: DirectWrite 環境のブラウザで発生する AA のズレを調整するスクリプト github.com/keage/KGIndire… 自サイトで patchForAA 使ったらフォントが汚くなったって人はこれでも使ってみてください。
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
やる夫スレやAA(アスキーアート)関係(後、ブーン系SS)のまとめブログや保管庫管理人向けにkeageさんのKGIndirectWriter導入方法のまとめを書いてみる #AA #やる夫スレ #ブーン系
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
twitter.com/keage/status/7… まずはこのツイートで紹介されているKGIndirectWriterのページにいって該当スクリプトのページに行きましょう。
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
トップページにあるKGIndirectWriter.min.jsをクリックしましょう その上のKGIndirectWriter.jsは放置(でもあとで名前だけ使います) pic.twitter.com/Fsa4ieyoCo
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
github.com/keage/KGIndire… KGIndirectWriter.min.jsのページを開いたらvarで始まる一行をトリプルクリックで全文選択してコピーか Rawというアイコンをクリックしてスクリプトの全文表示ページを開いてコピー https://t.co/xM2mi5jTTY
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
raw.githubusercontent.com/keage/KGIndire… これがコピーしておくスクリプトの全文ページです。 更新されるかもしれないからその時はトップページからやり直しましょう。 ではこの内容をコピーして次へ。 pic.twitter.com/An5C7x2E6e
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
デスクトップでいいので新しいテキストドキュメント作ってください。 名前は後で変えるので適当でいいです。 pic.twitter.com/vDpHSFwlQK
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
テキストドキュメント開いてコピーしたスクリプト本文をペーストして下さい。 とりあえずそのまま上書き保存。 pic.twitter.com/ASITajWwuh
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
テキストドキュメントの名前を変更し、拡張子ごと KGIndirectWriter.js に変えて下さい。keageさんの説明ではKGIndirectWriter.min.jsですがfc2ブログ等ではファイル名にピリオドが使えないためです。 https://t.co/eLY5txJDzP
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
テキストドキュメントがスクリプトファイルに変わりました。 pic.twitter.com/AXdo7xsX1c
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
今度はこのスクリプトファイルを自分のサイトにアップロードします。 私のまとめサイトはfc2なのでfc2のアップロード画面を例に説明します。 管理画面から左側にあるファイルアップロードかメインメニューのファイル管理アイコンからアップロードページでファイルをアップしurlをコピー pic.twitter.com/SJ4AhRHFrl
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
次に左メニューのテンプレートの設定をクリックし [ ※ここは各自別 ] のHTML編集の中のページの下の方にある </body>を見つけて最初の一行 <script src="[???]"></script> を記入(???をさきほどコピーしたスクリプトのurlをペースト) pic.twitter.com/MSSzNC9eG5
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
2行目に <script>KGIndirectWriter.process("body")</script> と記入。記事だけaaタグで指定して記事以外のフォントはMS Pゴシック以外にしてる人などは.aaにするなどここはサイトデザインによって変わります。 pic.twitter.com/GEfEb4u6RN
 拡大
ウォーズ@ネタバレ感想アカ @warsmahrlq1991
</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
@keage fc2向けのやり方をまとめてみました、何かアレばどうぞ IE11やChrome最新版でズレずにAAが見れるようになるkeageさんのKGIndirectWriter導入まとめ - Togetterまとめ togetter.com/li/1027956
keage @keage
@warsmahrlq body タグにスクリプトを適用しちゃうのはアクセスカウンタなど AA に関係ない要素に影響が出ちゃうかもです。できれば適用対象を狭く絞っていただければ事前のトラブル回避に繋がると思います。
ウォーズ @warsmahrlq
@keage 早速記事を直接編集するスクリプトが動かなくなったので私は.ddタグに切り替えました。 ひとまず、このkeageさんのツイートをまとめようと思いますが、ブログ管理人スレを見る限り記事本文を指定するタグを見つけたり、設定するのが難しいのかなと思います。
keage @keage
@warsmahrlq いっそ Saitamaar.js のブックマークレットのように AA が存在する要素をスクリプト側で自動判別したほうがよいのかしらん。スクリプトの動作は一層重くなりますが……
ウォーズ @warsmahrlq
@keage あんまりkeageさんに依存するのはどうかと思うので何かうまい方法考えて随時更新しますね。
ウォーズ @warsmahrlq
コオロギさんのクロームで動いてるから参考にするか…… .aaならどこかに<aa>があるハズだな……ないやんけ
keage @keage
@warsmahrlq .aa ならあるのは class=“aa” のほうです(・_・;)
ウォーズ @warsmahrlq
@keage <aa>~</aa>で囲まれてない?
残りを読む(14)
ログインして広告を非表示にする