ソースコードをはてなブログに表示させる

ソースコードをはてなブログに貼ってメモがわりにしたかったので、簡易的にそれっぽいものを作ってみることにした。

まずはソースコードをエスケープ処理する必要がある。
エスケープ処理はとりあえず下記のサイトさんを使わせていただき…。

エスケープ処理したソースコードを「pre」「code」タグで囲めばいいみたい。


<pre id="SourceCode_Pre">
<code id="SourceCode_Cd">

</code>
</pre>

デザイン設定からCSSを装飾して…。


#SourceCode_Pre {
padding: 1em;

background-color: lightsteelblue;
border-radius: 10px;
}

#SourceCode_Cd {
color: rgb(10, 19, 75)
}

とりまこれでいいや。

ノベルゲーム風スクリプト

ノベルゲーム風スクリプト
ノリと勢いで作っただけ。未完成。

???

javascriptが動いてないよ〜。
残念。
設定を見直してからまた来てねん〜。

進む

割り算の余りを求めます。
÷=

割り算の余りを求めるだけの計算機です。
とくに解説することはありません。

暇な時にちょくちょくスクリプトを改造すると思います。

マージン込みでの販売価格を求めます。
受け取り金額：円
マージン：%

結果：

マージン込みでの販売価格を決めるための計算機です。

計算式は【販売価格 = 受け取り金額 ÷ {(100 - マージン) ÷ 100}】です。
例えばマージンが「20%」の場合は、「販売価格」の「20%」が相手の取り分になります。
つまり残り「80%」が最終的に受け取れる金額になります。

暇な時にちょくちょくスクリプトを改造すると思います。

【税込み価格】を求めます。消費税も求めます。
税抜き価格を入力：円

結果：

【税抜き価格】を求めます。消費税も求めます。
税込み価格を入力：円

結果：

暇な時にちょくちょくスクリプトを改造すると思います。

はてなブログで自作スクリプトを表示させてみる。

【税抜き価格】を【税込み価格】に変換

金額：

結果：

記事編集画面を「はてな記法」「Markdown」のどれかにして、本文にスクリプトのコード貼る。
「見たまま」以外にすること。「見たまま」で貼り付けると余計なコードが追加されてしまう。

これで、自身の作ったスクリプトを表示できる。
これ便利だな〜。色々な計算機つくってこのブログに貼り付けたろ。