Linuxのデスクトップとサーバーについて扱います。ブログ記事を読みやすくするためのCSS設定ほかBloggerのテンプレートを使いながらブログ記事を読みやすくするために行った、部分改造の方法を紹介します。主なカスタマイズは以下のとおり。・Google検索結果に表示されるページタイトルを変更CSS記述により見た目を変更このブログには、Bloggerの標準的なテンプレートを使っています。ブログ作成時に選べるテンプレートのサンプルから、一番しっくり来た青色ベースのテンプレートを選びました。ネット上に数多くあるテンプレートからお気に入りのデザインを探して使うのは、時間がかかるし面倒です。野良のテンプレートなどを拾って使うと、不具合の原因になるかもしれません。いった理由から、Blogger公式のテンプレートから選んだのですが、導入した際に2ヶ所ほど気になる部分がありました。記事ごとに文字サイズや色を変えることもできますが、すべての記事が同じデザインになるようにくり返し作業するのは見落としがありそうですし面倒です。そこで、テンプレート側を書き換えて、過去と未来すべての記事のデザインをまとめて変えることにします。幸いにもBloggerはCSSによるテンプレートの部分改造が可能だったため、ブログのデザインを手軽に変更することができます。「CSSを追加」の開き方Bloggerでブログの管理ページに入り、左側のリストの下の方にあるテンプレートからページを開きます。デザイナー」が開きます。上級者向けの項目を下へドラッグしていくと1番下にCSSを追加があります。ここに、デザインの変更をCSSで書きこみ、「ブログへ適応」ボタンを押せば、すべてのブログ記事の見た目が変化します。・変えたい部分とどのように変えるかを、CSSとして書く。テンプレートデザイナー」に、自分の書いたCSSを追加する。特定するためには、公開orプレビューしているブログ記事のhtmlソースを読む必要があります。htmlソースを見るためには、Webブラウザで記事のページを見ながらCtrl+Uを押します。出てきたhtmlソースの中で検索(Ctrl+F)を行えば、デザインを変えたい部分を効率よく探せます。追加による装飾も可能です。HTMLの読み方・CSSの書き方については、google検索すればいくらでもサイトが出てくるので、それらを参考にすると良いと思います。見出しのサイズが小さすぎた。記事の区切りがわかりやすくなるよう、見出しの文字を大きく表示することにしました。見出しはH2要素(タグ)なので、文字サイズをx-largeへ変更。日時が大きく表示されていた。重要性が低い部分なので、あまり目立たないように小さく表示することにしました。(例:「2013年5月23日木曜日」などの日付が、タイトルと同じくらいのサイズで表示されていた)日時はdate-headerクラスなので、文字サイズをsmallへ変更。変更点3:記事内の画像に枠がついていない白の多い画像を白い背景で表示すると、どこまでが画像なのかわかりません。いって、すべての画像に手作業で枠をつけるのは大変なので、CSSで一括設定することにします。#66ccff;}変更点4:閲覧済みページヘのリンク色を標準的な紫色に変えるリンク色が青色なのは、テーマに合っていますし、標準的なリンク色も青系なので良いのですが。閲覧済みページヘのリンクが薄い青になるのは、白背景のテンプレートでは読みづらいので、いただけないデザインだと思います。検索結果に表示されるブログタイトルの変更方法は以下のリンクに書かれていますが、書かれた通りの方法と少し違っていて、書き換える箇所が"data:blog.pagetitle"に変わっています。Bloggerって、Google検索で出てくるブログタイトルを記事名にする方法といい、それなりにカスタマイズの余地が残っている気がします。(ブログタイトルは、最近では検索エンジンが勝手にタイトルを付け直す場合もあるそうですが。)Bloggerの英文URLについてのTIPS記事の本題とまったく無関係ですが。Bloggerは日本語記事名で投稿すると、記事URLに反映されません。わたしは、記事URLが英文になるようにしています。Analyticsが見やすくなるので。方法としては、投稿時に英語のタイトルをつけて、投稿後に編集して記事名を日本語に変えています。日本語記事名は記事を書いている途中に考えているので、末尾に付与しています。GIMP2.8で星空を描く」といった感じです。URLは「http://blog.michinari-nukazawa.com/2013/08/gimp28-starry-sky-allocation-purpose.html」になりました。"_"を入れるとどうなるか実験したのですが、アンダーバーはURLになる際に詰められてしまうようです。mini2を試験導入していてすごく便利で体感が良かったです。nijiflowをベースに、機械学習で艦これとアズールレーンの画像の分類器を作り、学習済みグラフ等を公開した。これのTwitterBotを作成し公開している。データセットはPixivのタグ付け済み画像情報を元に作成した。Web上にあまり開封写真等の詳細がなかったので残しておきます。モノが大きいためか、知らない運送会社でおくられてきた。...JavaScriptで、変数を使った正規表現マッチング例および失敗例は、自作のJavaScriptソースから抜粋。※例ごとにマッチする文字列が違いますがご容赦ください。