レイアウト変更

Bllogerの管理画面のインターフェースが新しくなっていました。
レイアウトやデザインの選択肢もふえたようなので、思い切ってデザインを変更してみました。どうでしょう？

ついでに、コードをハイライトする「Code Prettify」ウィジェットを導入してみました。
導入はこちらのブログから。
ちょっとソースコードを載せていこうかなとおもったので、良い方法はないかとしらべて、Syntax Highlighterというのを見つけたのですが、これがうまく入らない T_T;
いろいろみなさん試行錯誤しているようですが、OSやIEのバージョンが新しすぎるとだめみたいです。まぁ特にこだわりはないので、「Code Prettify」にしました。

ちなみに、Code PrettifyはCSSとJavaScriptで構成されていて、ソースコードをハイライトしてきれいに表示してくれます。

たとえば、こんな感じです。

package haru;

import java.io.IOException;
import javax.servlet.http.*;

@SuppressWarnings("serial")
public class HaruServlet extends HttpServlet {
	/**
	 * あいうえお
	 */
	public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException {
		response.setContentType("text/plain");
		response.getWriter().println("Hello, world");
		return;
	}
}

ブログに記載する場合は、HTMLモードでこんな感じに書きます。

<pre class="prettyprint" style="overflow-x: auto;">
　（ソース）
</pre>

style="overflow-x: auto;" は、Bloggerの投稿の幅だと行が長い時に切れるので、その対策にいれてます。
とはいっても、IE、Chromeでは効かないので、自分が使っているfirefox用の自己満足です。
firefoxだと、上記の途中の改行がされずに、下に横スクロールバーが付きます。＞IE、Chromeの方

あと（ソース）に、<とか>を含む場合は変換が必要です。もともとのpreタグの仕様ですね。
javaでは、数値比較の条件式くらいかなと、一瞬思いましたが、Genericsでかなりあるじゃん・・・。
＃ 1.2時代の人なので・・・・T_T;

あと、Bloggerの管理画面ですが、新インターフェースでも、旧インターフェース（まだ使えます）でも、ガジェット（ウィジェット）の追加が変わった気がします。
以前は独自のJavaScriptをソースを直接入力して登録できた（Analyticsのコードをそれで追加した記憶が・・・）と思うのですが、できなくなっているようです。