(ブロ')グ

ブログって単語は両側に括弧つけると顔文字っぽい。(ﾌﾟﾛ')ｸﾞ

さくらエディタをSublime Text風のスタイル(Monokai)にカスタマイズしてみた

Sublime Text2のデフォルトのスタイル(Monokai)が良い感じだけど、70＄もするし、

自腹で買って仕事用で使うのは何だしなぁ、人にも薦められないし。

ということで、さくらエディタでMonokai風のスタイルにカスタマイズしてみました。

で、出来たのがこれ（HTMLファイルだけですが）。

https://github.com/nightyknite/monokai-sakuraeditor-theme

f:id:nightyknight:20130303005040p:plain

 

それっぽくできたけど、サクラエディタだとHTML要素だけに色をつけるとか指定できないし、思ったようにはできないですね。

HTMLタグ用の強調キーワード１、属性用の強調キーワード２、CSS名用の強調キーワード３と分けて色を設定したのですが、titleタグとtitle属性のように名前が被っていると、片方の色が優先されてしまいます。

 

あとJavascriptとかプログラミング言語系は対応難しそうだなぁ。。引数、関数だけ特定の色をつけるとかどうやって実装したら良いんだ。。

 

まぁ、Windows向けだとMonokaiが使えるエディタやIDEは色々あるみたいだし、

そっちを使えば良いと。。

 

そもそもMonokaiとはTextmate用のColor Styleらしい。

http://studiostyl.es/schemes/monokai

#f92672(249,38,114) Tag name
#a6e22e(166,226,46) Function argument
#fd971f(253,151,31) Tag attribute
#66d9ef(102,217,239) Storage type
#ae81ff(174,129,255) User-defined constant
#e6db74(230,219,116) String
#75715e (117,113,94)  Comment
#272822(39,40,34)  Background

 

NoEditor版も作ってみた。

https://github.com/nightyknite/monokai-noeditor-theme

TeraPad版はうまく再現できないな。。

 

「おおかみこどもの雨と雪」　花の本棚の一覧

 

「おおかみこどもの雨と雪」をレンタルで借りてみました。

www.youtube.com

母親「花」の本棚がシーンによって変化していくのが面白いと思いました。

どんな本なのか、検索してみたらこんな本が出ているみたい。

http://d.hatena.ne.jp/akirahs/20120802/p1

http://d.hatena.ne.jp/hihi01/20120728/1343481735

 

本棚会議みたいなのがあって決めたらしい。サマーウォーズの本棚も担当した人が最終的にまとめたとのこと。

http://weekly.ascii.jp/elem/000/000/098/98249/

 

ちなみに自分で調べてみて判ったのはこのくらい。

判別できないのが多いけど。ブルーレイだとちゃんと映っているのかな。

花が一人暮らしを始めたシーン

花が彼と一緒に暮らし始めたシーン

花が図書館から本を借りて歩いているシーン

  • 心と体にやさしい自然出産
  • ？ちゃんの？？？科？春夏号（雑誌？）

花のお腹が大きくなったシーン

雪が本をかじっているシーン

 花が本で育児の勉強をしているシーン

田舎に引っ越してきた直後

移動図書館のシーン

 

移動図書館で本を借りるシーン

 

  雨が一人で本を読んでいるのシーン

  • オオカミがやってくる？
    実在しない本？

  花が森で雨と雪にオオカミについて教えているシーン

  • オオカミ

  花が雨にだいじょうぶしているシーン

冬の始まり雪が降りはじまる前のシーン

 

雪と雨がけんかした後、花が後片付けているシーン

花が寝ているときに枕元にある本

花が本棚に焼き鳥をおそなえしているシーン

雨？の机のアップシーン

 

見切れていたり、判別つかなかった本も入れると、すごい本の量ですね。

ほとんど実在する本みたいな感じぽい。

 

なお、以下の本は実在しない本のようです。

  

 

 

比較まとめサイト

Empathy と Sympathyの違いが分からなくて調べていたら、

英語だけど、色んな言葉の比較サイトが見つけて、面白そうだったのでメモ。

Diffen

http://www.diffen.com/

 

Difference Between Net

http://www.differencebetween.net

 

Empathy(共感/感情移入) と Sympathy(同感/同情)の場合は

Empathyは相手の気持ちになって考えること。つまり感情移入。

Sympathyは相手の苦労を理解して、慰めること。つまり同情。

 

 

 

 

 

Windows 8 でスタートメニューを使用する

Windows8だとスタートメニューが使用できなくて、いったんメトロ画面に戻ってプログラムを選ばないといけないので面倒。

探してみたらスタートメニューのかわりがあったのでメモ。

http://news.mynavi.jp/articles/2012/06/25/letswindows8/index.html

・タスクバーを右クリックし、メニューから＜ツールバー＞→＜新規ツールバー＞とクリックします

・フォルダー選択ダイアログが現れたら、テキストボックスに「%ProgramData%\Microsoft\Windows\Start Menu」と入力して＜フォルダーの選択＞ボタンをクリックします

・タスクバーを右クリックし、メニューから＜ツールバー＞→＜新規ツールバー＞とクリックします

・フォルダー選択ダイアログが現れたら、テキストボックスに「%APPDATA%\Microsoft\Windows\Start Menu」と入力して＜フォルダーの選択＞ボタンをクリックしますこれでタスクバーに二つの「スタートメニュー」が並びました。前者はすべてのユーザー、後者はログオンユーザーのスタートメニューとなります

 

BootCampで　Windows8　いれたら　BootCampコントロールパネルが開けなくてはまった

６月に買ったMacBookAirにBootCampでWindows8をインストールしたところ、

BootCampコントロールパネルがエラーで開けなくてはまりました。

調べてみたら、管理者ではなく、標準アカウント じゃないと動かないっぽい。

https://discussions.apple.com/thread/4034572?start=15&tstart=0

アカウントを「コントロール パネル\ユーザー アカウントとファミリー セーフティ」から

「管理者」→「標準」に変更して、サインアウトしてもう一度サインインしなおしたら

BootCampコントロールパネルが開けました。

管理者だと逆に動かないようになっているのか。。

 

MacOSのデフォルト壁紙

MacOS10.4(Tiger)以降のデフォルト壁紙で使われている宇宙の画像が気になったのでメモ

10.4以前 幾何学模様 -
10.5(Leopard) オーロラの画像 http://en.wikipedia.org/wiki/Mac_OS_X_Leopard
10.6(Snow Leopard) オーロラの画像 10.5よりちょっと明るめ
http://en.wikipedia.org/wiki/Mac_OS_X_Snow_Leopard
10.7(Lion) アンドロメダ銀河 http://en.wikipedia.org/wiki/Mac_OS_X_Lion
NASAの画像(M31: The Andromeda Galaxy)
http://apod.nasa.gov/apod/ap021021.html
10.8(Mountain Lion) しし座NGC 3190 http://en.wikipedia.org/wiki/OS_X_Mountain_Lion
NASAの画像(Spiral Galaxy NGC 3190 Almost Sideways )
http://apod.nasa.gov/apod/ap100503.html

X-XSS-Protection ヘッダー（XSS Filter） の実装

 

IE8以降から、ブラウザ側でXSS対策をしてくれる機能がついているようです。

http://www.ipa.go.jp/security/fy23/reports/tech1-tg/a_05.html

HTTPヘッダーに以下のヘッダーをつけると、ブラウザ側でXSSを検知した場合は、ブロックしてくれるみたいです。

X-XSS-Protection: 1; mode=block

 

http://hebikuzure.wordpress.com/2011/04/22/ieinternals-xss-%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%83%BC%E3%82%92%E5%88%B6%E5%BE%A1%E3%81%99%E3%82%8B/

↑こちらのサイトに動作確認用のページが紹介されていたのでチェックしたところ

検知されているようですね。

http://www.enhanceie.com/test/xss/

f:id:nightyknight:20120717011124p:plain

 

IE以外でもChrome、Safariでも対応しているみたいです。

FireFoxの場合は、「X-Content-Security-Policy」を使うといいのかな。

 

これ、ユーザ側で任意に指定できたら良いと思うんだけど、HTTPヘッダーとして実装しているのはなんでなんでしょうかね。

対応している大手サイトはGoogle、Twitter、Facebookあたりかな。

 

そういえば、wordpress.comのHTTPヘッダーを見ていたら、

X-hacker:If you're reading this, you should visit automattic.com/jobs and apply to join the fun, mention this header.

「もし、君がこれを見たのなら、automattic.com/jobsに訪れて、参加表明をして、このヘッダーのことをちょっと言ってくださいね。」

みたいなことが書かれてました。さり気なく社員募集していますねｗ。

もしかしたら他のサイトも似たことやっているかも。