HTML上で数式が表示できるMathJaxをいれてみた。
$begin{align} f(x) & = (a+b)^2 \ & = a^2+2ab+b^2 \ end{align}$
という感じです。結構きれいですね。Latexで論文を書いたときのことを思いだします。WordPress用プラグインとかもあるようですが、基本はヘッダに
<script type=”text/javascript” src=”http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML”></script>
と追記するだけで、HTML中のLatexの書式を変換してくれます。
常時いれてたら重いかなぁ。詳しくは本家サイト:MathJax.orgや紹介サイト:MathJaxの使い方をご覧ください。
以前作ったBookmarkletがIE11では動くけど、Firefox(27.0.1)では動かない。ブックマークレット内のjavascriptの扱いが変わったのか前のスクリプトでは通らなくなりましたので変更しました。
たとえば以前は
var%20a=10;
が通ってたのに
a=10;
でないと通りません。ブックマークのURLに貼り付けるときに空白は勝手に%20に変換されるので注意が必要です。ということで1ライナー化した更新版。
javascript:(function(){url=location;t=document.getElementsByClassName("document-title");if(t!=undefined){s=String.fromCharCode(0x20);title=t[0].textContent;imgsrc=document.getElementsByClassName("cover-image")[0].src;t=document.getElementsByClassName("document-subtitle")[0];authorlink=t.href;author=t.textContent;dat=document.getElementsByClassName("document-subtitle")[1].textContent;t=document.getElementsByClassName("document-subtitle")[2];category=t.textContent;catlink=t.href;h='<div'+s+'class="androidapp"><a'+s+'href="'+url+'"'+s+'target="_blank"'+s+'rel="nofollow"><img'+s+'class="alignleft"'+s+'src="'+imgsrc+'"'+s+'width="128"></a><a'+s+'href="'+url+'"'+s+'target="_blank"'+s+'rel="nofollow"><span'+s+'class="androidapp-title">'+title+'</span></a><br><a'+s+'href="'+authorlink+'"'+s+'target="_blank"'+s+'rel="nofollow">'+author+'</a><span'+s+'class="androidapp-author">'+dat+'</span><br><a'+s+'href="'+catlink+'"'+s+'target="_blank"'+s+'rel="nofollow"><span'+s+'class="androidapp-category">'+category+'</span></a><br><a'+s+'href="'+url+'"'+s+'target="_blank"'+s+'rel="nofollow"><img'+s+'alt="Android'+s+'app'+s+'on'+s+'Google'+s+'Play"'+s+'src="https://developer.android.com/images/brand/ja_app_rgb_wo_45.png"/></a><br'+s+'style="clear:'+s+'both;"></div>';alert(h);}else{alert("Can't'+s+'analyze'+s+'app'+s+'data'+s+'in'+s+'html");}})();
見難いので整形した版
javascript: (function(){ url=location; t=document.getElementsByClassName("document-title"); if(t!=undefined){ s=String.fromCharCode(0x20); title=t[0].textContent; imgsrc=document.getElementsByClassName("cover-image")[0].src; t=document.getElementsByClassName("document-subtitle")[0]; authorlink=t.href; author=t.textContent; dat=document.getElementsByClassName("document-subtitle")[1].textContent; t=document.getElementsByClassName("document-subtitle")[2]; category=t.textContent; catlink=t.href; h='<div'+s+'class="androidapp"><a'+s+'href="'+url+'"'+s+'target="_blank"'+s+'rel="nofollow"><img'+s+'class="alignleft"'+s+'src="'+imgsrc+'"'+s+'width="128"></a><a'+s+'href="'+url+'"'+s+'target="_blank"'+s+'rel="nofollow"><span'+s+'class="androidapp-title">'+title+'</span></a><br><a'+s+'href="'+authorlink+'"'+s+'target="_blank"'+s+'rel="nofollow">'+author+'</a><span'+s+'class="androidapp-author">'+dat+'</span><br><a'+s+'href="'+catlink+'"'+s+'target="_blank"'+s+'rel="nofollow"><span'+s+'class="androidapp-category">'+category+'</span></a><br><a'+s+'href="'+url+'"'+s+'target="_blank"'+s+'rel="nofollow"><img'+s+'alt="Android'+s+'app'+s+'on'+s+'Google'+s+'Play"'+s+'src="https://developer.android.com/images/brand/ja_app_rgb_wo_45.png"/></a><br'+s+'style="clear:'+s+'both;"></div>'; alert(h); } else{ alert("Can't'+s+'analyze'+s+'app'+s+'data'+s+'in'+s+'html"); } } )();
でテスト。
Google Play Music Google Inc. - 2014年2月14日
音楽&オーディオ
Androidアプリを紹介するのにブログ・パーツやWordpressのプラグインを探しましたが、なぜか上手くいかなかったのでBookmarkletを自作しました。
とりあえずこんな感じ
マップ Google Inc. - 2014年2月5日
旅行&地域 参考にしたのは
Androidアプリを紹介するブログパーツ作成ツールを新ストアデザインに対応しました[代助のブログ]
AppHtml for Android[代助のブログ]
Google Play Badges | Android Developers:[developer.android.com]
です。ありがとうございます。
2/22 Android Playのところにダブルクォーテーションが抜けていたので追加。何故動いてたし
javascript:(function(){ var url=location; var s=document.getElementsByClassName("document-title"); if (s != undefined) { var title=s[0].textContent; var imgsrc=document.getElementsByClassName("cover-image")[0].src; var s=document.getElementsByClassName("document-subtitle primary")[0]; var authorlink=s.href;var author=s.textContent; var dat=document.getElementsByClassName("document-subtitle")[1].textContent; var category=document.getElementsByClassName("document-subtitle category")[0].textContent; var h='<div class="%22androidapp%22"> <a href="%22'+url+'%22" target="%22_blank%22" rel="%22nofollow%22"> <img class="%22alignleft%22" src="%22'+imgsrc+'%22" width="%22128%22"></a> <a href="%22'+url+'%22" target="%22_blank%22" rel="%22nofollow%22"><span class="%22androidapp-title%22">'+title+'</span></a><br> <a href="%22'+authorlink+'%22" target="%22_blank%22" rel="%22nofollow%22">'+author+'</a><span class="%22androidapp-author%22">'+dat+'</span><br> <span class="%22androidapp-category%22">'+category+'</span><br> <a href="%22'+url+'%22" target="%22_blank%22" rel="%22nofollow%22"> <img alt="%22Android" app on google play src="%22https://developer.