Qt 5.7.0 の Qt Creator と Ubuntu 16.04の組み合わせで日本語入力

Qt5.7.0のQt Creatorで日本語の入力を出来るようにするのに少し戸惑ったので記載してみる。

そもそも、ubuntuの日本語入力についてもよくわかってなかった。
ubuntuの日本語入力はfcitxと言うインプットメソッドの上で、
IMEとしてmozcを使っているみたい。

今回、Qt Creatorで日本語の入力が使えていないのは、
fcitxがQt5で作られたアプリでうまく使えていないからっぽい。

まず、Qt5用のライブラリをインストールする。

$ sudo apt-get install fcitx-libs-qt5

すると、
/usr/lib/x86_64-linux-gnu/qt5/plugins/platforminputcontexts に
libfcitxplatforminputcontextplugin.so がインストールされます。

これをQtがインストールされた以下のフォルダにコピーするかリンクを置いてあげる。
~/Qt/5.7/gcc_64/plugins/platforminputcontexts/
~/Qt/Tools/QtCreator/lib/Qt/plugins/platforminputcontexts/
コピーした場合はchmor +xで実行権限をつけてあげないとだめ。

リンクする場合のコマンドは以下

$ ln -s /usr/lib/x86_64-linux-gnu/qt5/plugins/platforminputcontexts/libfcitxplatforminputcontextplugin.so ~/Qt/5.7/gcc_64/plugins/platforminputcontexts/
$ ln -s /usr/lib/x86_64-linux-gnu/qt5/plugins/platforminputcontexts/libfcitxplatforminputcontextplugin.so ~/Qt/Tools/QtCreator/lib/Qt/plugins/platforminputcontexts/

こでQt Creatorを起動すれば日本語の入力が出来る様になるはず。

参考

• http://diginatu.github.io/ubuntu/fcitx/qt/2015/01/09/qt-fcitx-in-ubuntu.html
• https://blog.pyyoshi.com/2015/03/04/fcitxhuan-jing-noqt5-4deri-ben-yu-ru-li-dekiruyounisuru/

ブログでコードをシンタックス表示する準備

ブログにコードを載せる時に、
エディタ表示しているような色付きシンタックス表示して、
見やすくするための準備をした。

JavaScriptで色付き表示させるみたいで、
調べるとまずでてくるのが、
SyntaxHighlighterってやつ。
これを導入しようとしてみようかと調べてみたが、
Bloggerに導入するにはAuto-Loaderに対応していないといけないんだけど、
そこら辺がメンテされていないのか、不具合がありそうなのでやめた。

次に出てきた候補は、Googleのcode-prettify。
Googleが公開しているものなら、
Bloggerで使えないって事はないだろーなとこれを導入する事に。

http://usagisaigon.blogspot.jp/2013/08/blogger-google-code-prettify.html
を参考にしつつ、

Google code-prettifyのgit-hubリポジトリが最新の記述だろって事で、
Setupのページを見ながら設定。
https://github.com/google/code-prettify

テンプレート → HTMLの編集とたどって、
</head>の手前に

<!-- google-code-prettify -->
<script src=\"https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?&amp;skin=sunburst\"></script>

を記入

skin=○○○の部分に関しては、
https://cdn.rawgit.com/google/code-prettify/master/styles/index.html
から好きなスタイルを選ぶ。

デフォルトのままでは行番号を表示した時に5行ごとにしか番号が表示されないので、
</script>の次の行に

<style>li.L0, li.L1, li.L2, li.L3,li.L5, li.L6, li.L7, li.L8{ list-style-type: decimal !important }</style>

を追記。

実際にコードを記入する時は、

<pre class="prettyprint">
</pre>

でコードを囲ってあげる。

行番号を表示させる時は、

<pre class="prettyprint linenums">

言語を指定するときは、

<pre class="prettyprint lang-python">

とか、lang-python部分を変えてあげれば指定出来る。