2014-12-01

〈増補改訂第2版〉いやな気分よ、さようなら―自分で学ぶ「抑うつ」克服法

書評書評

うつ病になった方への推薦図書の紹介です。

うつ病になった人に推薦する本について書きます。この文章の続きを読もうとされている方は、うつ病の真っ只中にいる方だと思いますので、その方たちに資するものがあれば、と思い、書いていきます。

そして、私もうつ病になり、ブログを書くことができるところまで回復したので、私自身のためにも書いておきます。

ただ、通院している方は、この記事を読むよりも、医者の指示に従ってください。意欲が無い時に何かをやろうとしても、返って焦燥感が出るだけです。それはこれを読んでいるうつ真っ只中の方には、理解して頂けると思います。読んで頭に入って来なければ、休んでください。個人的にはひたすら寝るのがオススメです。

表題の4つの本、結論から言うと、

オススメ(★が良)

★★★　うつからの脱出プチ認知療法で「自信回復作戦」
★★☆　うつ病を自分で治す実践ノート
★☆☆　こころが晴れるノート―うつと不安の認知療法自習帳
☆☆☆　いやな気分よ、さようなら―自分で学ぶ「抑うつ」克服法〈増補改訂第2版〉

です。

私の症状についての説明。

オススメの本について述べるために私の病状について、少し触れておきます。

わたしの場合は、一番ひどい時には以下の様な症状で、だいたい1週間ぐらい続きました。

焦りがあるが意欲が無いので行動に移せない。そしてそれを後悔する日々。
休職している期間、「この休みは人生に2度は無いせっかくの長期休暇だし、何か自分のために行動しないと時間が無駄になってしまう」という焦りが募るものの、やる気が出ないので1日じゅう、何もしない。結果的にその日の終わりに、「今日1日も何もしなかった。時間だけが過ぎて行った。なんてダメな人間なんだろう」という強い後悔を覚え、明日こそは頑張ろう」と眠りにつくが、翌日も同じ状態になり、これを繰り返していくうちに自信が消失していく。

私の場合は、英語を勉強しようか、とかSEなのでITに関する技術習得に時間を投資しようかとか、こんな状態にならないようにこれからは健康が大事だから、禁煙しようとか、ダイエットのため運動しようとか。でも、やろうとするのだが、これらの計画をちっとも前に進める意欲がない。

そして、意欲の無い原因は何なんだと探ろうとし、「これは本当に自分のやりたいことなのか、やらなきゃならないことだと思ってしまうからできない(やらない)のではないか」「やりたくなくてもやらなきゃならない仕事を今までもやってきたのに、折角休みがあるにも関わらず、何でやらないんだろう。今やらないと時間が無駄になってしまう」と焦る。でも結局行動に移せない。
自分を周りから消し去ろうとする

うつ病になって休職してしまった。うつ病は再発率が50%とか、最低でも1年経たないと治らないとか、インターネッツに書いてあるし、今後、復職したあとのことを考えると、会社での評価も落ちるし、出世もできないし、給与も処遇も悪化するし、今までのように暮らせなくなる。

だから、妻子に向かって「お父さんなんかいない方が君たち幸せに暮らせるから、離婚しようか」と言う。あと、仏門に入ろうかと思うようになる。
不安な気持ちが広がって、何も手につかなくなる時が来る。

とにかく不安な感情が頭を渦巻き、何かをする気が起きない。解決したいので、不安の原因を探そうとして何が不安なのかを考えるが、考えられない。例えていうと、どれから手をつけていいのかわからないタスクが降ってきて、手を付けられずに締め切りだけが迫ってくる感覚。

また、多少回復しても以下のような状態が続きます。これは、1ヶ月程度続きました。

いままでやり過ごせたようなことでもイライラする。

些細な家族の言葉にイライラする。ちょっと買い物行ってくるから子どもの面倒見といて、と妻に言われる。「俺だって辛い状態なのに子どもの面倒なんか見れない。何でわかってくれないのか(と心のなかで思うが口に出しては言えない。自分の気持ちを正直に言えないのがまたツライ)」
やらなきゃならないことを考えるだけで、億劫になる。胃が痛くなる。

私の場合は、休職中に転職活動をしていたのですが、面接前や、不採用の通知が来るたびに、自分では「大丈夫」と心に言い聞かせているものの、吐き気を催しました。

オススメする理由、なぜ良いのか。

★★★　うつからの脱出プチ認知療法で「自信回復作戦」

この本には、「認知療法を実施するとしても、そのタイミングが重要で、ひどい状態のときには、休養しなさい。」とはっきり書いてあります。

私の場合のように、上記のようにうつの症状がひどい時は、早く回復したいと強く思いながらも実際の行動に移せない状態が続きます。この本を手にしたときは、そういった状態の時でした。幾つか同時にうつ病治療の本を読みましたが、そういうことが書いてあるのはこの本だけです。

具体的にな処方である、プチ認知療法は、手間が掛からず、実践するのにハードルが低いもので、気分を落ち着かせる作用がありました。

記載されている処方は、うつ病でないときにも効果があるものだ、と同著者の他の本にも記載されている方法なので、今後も使えるツールだと思います。

ちなみにAmazon書評で「この本、プチ認知療法ってかいてあるけど、これは認知療法ではありません」と否定的に書いてありますが、著者もそんなことは分かっており的外れな評価ですのでその書評は無視して結構です。
★★☆　うつ病を自分で治す実践ノート
★☆☆　こころが晴れるノート―うつと不安の認知療法自習帳

この2冊は、いわゆる認知療法を自分で実践するためのワークブックです。結論から言うと、認知療法を初めてみようか、という方にとってはいろいろ本が出ていますので自分にしっくり来るもの、来ないものがあるので、買う前に図書館で借りてしっくり来るものを探すのがオススメします。

「うつ病を自分で治す実践ノート」に記載されている事例・エピソードが、自分の境遇に似ており、かなり、しっくりきました。「こころが晴れるノート」は、事例よりも、ワーク方法の説明が充実していますので、事例よりも実践を重視されたい方にオススメです。
☆☆☆　いやな気分よ、さようなら―自分で学ぶ「抑うつ」克服法〈増補改訂第2版〉

この本はAmazonの書評にもある通り、ものすごいページ数で元気なときでも読む気が起きないぐらいの厚さで、患者が読むと言うよりは医者や臨床心理士がよむような類のものなので、うつ病の状態にあるときは、読まないほうがいいです。というより、読めないと思います。

ただし、図書館に行く気も起きない、もしくは行くのが億劫であれば、行かずに、読まずに、休みましょう。治したい、という気持ちが焦りに繋がり、結果的に時間を無駄にします。

うつ病になってみて、重要だと思ったことは、「気分が行動を支配しているんだなぁ」ということです。これは、元気になっても心に留めておきたいと思います。

2012-10-07

cssの構造

CSSの構造を理解するために、CSS入門サイトに行って見ることにした。

CSS Lecture

http://www.css-lecture.com/

とほほのスタイルシート入門

http://www.tohoho-web.com/css/index.htm

超初心者のためのスタイルシート講座

http://park16.wakwak.com/~html-css/css/

無料CSSテンプレート

http://www.css-designsample.com/csstemplate/index.html

シンプルなCSS

http://ufjhoov.blogspot.jp/2007/03/kindofblue-mediawiki-skin.html

wikipediaのスタイルシート、カスタムJavaScript

http://ja.wikipedia.org/wiki/Help:MediaWiki

Redmineでブロック図を書く

http://d.hatena.ne.jp/miau/20110309/1299674086

blockdiag でいろいろ書いてみる

http://99blues.dyndns.org/blog/2010/12/blockdiag-%E3%81%A7%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%E6%9B%B8%E3%81%84%E3%81%A6%E3%81%BF%E3%82%8B/

PukiWikiでmediawiki風スキン

http://www.skullysoft.com/blog/index.php?itemid=688

その他リンク集

Redmine Users(japanese)https://groups.google.com/forum/?fromgroups=#!forum/redmine-users-ja
Redmineのカスタムテーマの作成 cssファイルと独自javascriptの実装方法http://redmine.jp/guide/HowTo_create_a_custom_Redmine_theme/
読みやすいRedmineテーマ http://blog.redmine.jp/articles/farend-basic-theme/

2012-10-07

cssファイルを見ていく

redmine wiki css

farend basicをダウンロードして中身をざっと見てみる。

んー。わかんないね。

cssの構造がわからない
cssのパラメータがわからない

の2つがハードルだ。

まずは、cssについてざっと概観を理解することにする。

@import url(../../../stylesheets/application.css);

/*
 * color: #2A5685 -> #0c4d7f;
 *
 * color: #444 -> #222;
 * color: #555 -> #333;
 * color: #484848 -> #222;
 * color: #666 -> #484848;
 * color: #777 -> #484848;
 * color: #808080 -> #484848;
 * color: #999 -> #666;
 *
 * opacity: 0.4 -> 0.7;
 *
 */

body {
  font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", Verdana, sans-serif;
  color: #222;
}

#main {
  background-color: #fafcff; /* HSV(216,2,100) */
}

#header {
  background-color: #536ca6; /* HSV(222,50,65) */
}

h1, h2, h3, h4 {
  font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", Verdana, sans-serif
}

h1 {
  font-size: 22px
}

h2, .wiki h1 {
  font-size: 18px;
  color: #222;
}

h3, .wiki h2 {
  font-size: 14px;
  color: #222;
}

h4, .wiki h3 {
  font-size: 13px;
  color: #222;
}

#sidebar h3 {
  color: #484848
}

#main-menu li a, #main-menu li a:hover, #main-menu li a:active, #main-menu li a.selected, #main-menu li a.selected:hover {
  padding: 5px 8px 4px 8px;
  background-position: 6px 50%;
  background-repeat: no-repeat;
  font-size: 11px;
  font-weight: normal;
  border-radius: 3px 3px 0px 0px;
}

#main-menu li a.selected, #main-menu li a.selected:hover {
  font-weight: bold;
  color: #222;
}

#main-menu li a.activity, #main-menu li a.activity:hover {
  padding-left: 24px;
  background-image: url(../images/activities.png)
}

#main-menu li a.roadmap, #main-menu li a.roadmap:hover {
  padding-left: 24px;
  background-image: url(../images/package.png)
}

#main-menu li a.issues, #main-menu li a.issues:hover {
  padding-left: 24px;
  background-image: url(../images/ticket.png)
}

#main-menu li a.new-issue, #main-menu li a.new-issue:hover {
  padding-left: 24px;
  background-image: url(../images/ticket_add.png)
}

#main-menu li a.gantt, #main-menu li a.gantt:hover {
  padding-left: 24px;
  background-image: url(../images/gantt.png)
}

#main-menu li a.calendar, #main-menu li a.calendar:hover {
  padding-left: 24px;
  background-image: url(../images/calendar.png)
}

#main-menu li a.news, #main-menu li a.news:hover {
  padding-left: 24px;
  background-image: url(../images/news.png)
}

#main-menu li a.documents, #main-menu li a.documents:hover {
  padding-left: 24px;
  background-image: url(../images/oxygen/document-multiple.png)
}

#main-menu li a.wiki, #main-menu li a.wiki:hover {
  padding-left: 24px;
  background-image: url(../images/oxygen/document-edit.png)
}

#main-menu li a.files, #main-menu li a.files:hover {
  padding-left: 24px;
  background-image: url(../images/oxygen/package-x-generic.png)
}

#main-menu li a.repository, #main-menu li a.repository:hover {
  padding-left: 24px;
  background-image: url(../images/oxygen/repository.png)
}

#main-menu li a.settings, #main-menu li a.settings:hover {
  padding-left: 24px;
  background-image: url(../images/project_settings.png);
}

.pagination {
  font-size: 100%;
}


/***** Links *****/

a, a:link, a:visited {
  color: #0c4d7f
}

a.issue.closed, a.issue.closed:link, a.issue.closed:visited {
  color: #666
}

a#toggle-completed-versions {
  color:#666;
}

/***** Tables *****/

table.list th {
  padding: 4px 2px
}

tr.changeset td.author {
  text-align: center;
  width: 15%;
}

tr.changeset td.committed_on {
  text-align: center;
  width: 15%;
}

/* assinged to me, created by me */

tr.version.closed, tr.version.closed a {
  color: #666
}

tr.assigned-to-me td.assigned_to, tr.created-by-me td.author {
  font-weight: bold;
  font-size: 11px;
}

/* overdue */

tr.odd.overdue {
  background: #ffd8b2
}

tr.even.overdue {
  background: #ffe5cc
}

tr.odd.overdue td, tr.even.overdue td {
  border-color: #fcc
}

/* Issues grid styles by priorities (provided by Wynn Netherland) */

/* table.list tr.issue a { color: #484848; } _NO__DOTCOMMA__AFTER__*/
/*
tr.odd.priority-5, table.list tbody tr.odd.priority-5:hover {
  color: #900;
  font-weight: bold;
}

tr.odd.priority-5 {
  background: #ffc4c4
}

tr.even.priority-5, table.list tbody tr.even.priority-5:hover {
  color: #900;
  font-weight: bold;
}

tr.odd.priority-5 td, tr.even.priority-5 td {
  border-color: #ffb4b4
}

tr.even.priority-5 {
  background: #ffd4d4
}

tr.priority-5 a, tr.priority-5:hover a {
  color: #900
}

tr.odd.priority-4, table.list tbody tr.odd.priority-4:hover {
  color: #900
}

tr.odd.priority-4 {
  background: #ffc4c4
}

tr.even.priority-4, table.list tbody tr.even.priority-4:hover {
  color: #900
}

tr.odd.priority-4 td, tr.even.priority-4 td {
  border-color: #ffb4b4
}

tr.even.priority-4 {
  background: #ffd4d4
}

tr.priority-4 a {
  color: #900
}

tr.odd.priority-3, table.list tbody tr.odd.priority-3:hover {
  color: #900
}

tr.odd.priority-3 {
  background: #fee
}

tr.even.priority-3, table.list tbody tr.even.priority-3:hover {
  color: #900
}

tr.odd.priority-3 td, tr.even.priority-3 td {
  border-color: #fcc
}

tr.even.priority-3 {
  background: #fff2f2
}

tr.priority-3 a {
  color: #900
}

tr.odd.priority-1, table.list tbody tr.odd.priority-1:hover {
  color: #559
}

tr.odd.priority-1 {
  background: #eaf7ff
}

tr.even.priority-1, table.list tbody tr.even.priority-1:hover {
  color: #559
}

tr.odd.priority-1 td, tr.even.priority-1 td {
  border-color: #add7f3
}

tr.even.priority-1 {
  background: #f2faff
}

tr.priority-1 a {
  color: #559
}
*/

#watchers a.delete {
  opacity: 0.7
}

.box {
  color: #222;
  border-radius: 3px;
}

.contextual {
  font-size: 12px
}

/* submitボタンを押しやすく */
input[type="submit"] {
  font-size: 12px;
}

/* テキストボックスで等幅フォントを使用 */

input[type="text"] {
  font-family: "Osaka-Mono", "MS Gothic", sans-serif;
  font-size: 100%;
}

textarea.wiki-edit {
  font-family: "Osaka-Mono", "MS Gothic", sans-serif;
  letter-spacing: normal;
  line-height: 130%;
}

div.issue {
  background-color: #ffffe6; /* HSV(60,10,100) */
  border-radius: 3px;
}

div.issue div.subject p {
  color: #666
}

div.issue .next-prev-links {
  color:#666;
}

div#issue_tree .contextual a[href*="/issues/new"] {
    background-image: url("../images/ticket_add.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-top: 2px;
}

div#relations .contextual a {
    background-image: url("../images/add.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-top: 2px;
}

.buttons {
  font-size: 12px
}

div#activity dt .time {
  color: #484848
}

div#activity dd span.description, #search-results dd span.description {
  color: #484848
}

table#time-report tbody tr {
  color: #484848
}

form .attributes {
  margin-bottom: 8px
}

form .attributes p {
  padding-top: 1px;
  padding-bottom: 2px;
}

form#issue-form small {
  font-size: 11px;
}

div.wiki-page .contextual a {
  opacity: 0.7
}

ul.projects div.root a.project {
  font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic"
}

p.other-formats {
  font-size: 12px;
  color: #484848;
}

/***** Tabs *****/

#content .tabs ul li a {
  color: #666
}

#content .tabs ul li a.selected {
  color: #333
}

/***** Wiki *****/

div.wiki pre {
  /* farend_basic: preで横スクロールバーを表示させずに折り返す */;
  width: 95%;
  overflow-x: visible;
  overflow-y: visible;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* IE 5.5+ */
}

div.wiki img {
  max-width: 98%
}

/***** My page layout *****/
.mypage-box {
  color:#222;
}

#top-menu {
  background-color: #2C3957;
}

#top-menu a {
    font-weight: normal;
}

#top-menu #loggedas {
    color: #ccc;
    float: right;
    margin-right: 0.5em;
}

#top-menu #loggedas a {
    font-weight: bold;
}

#top-menu a.home {
    background-image: url(../images/home.png)
}

#top-menu a.my-page {
    background-image: url(../images/user.png)
}

#top-menu a.projects {
    background-image: url(../images/projects.png)
}

#top-menu a.administration {
    background-image: url(../images/wrench.png)
}

#top-menu a.help {
    background-image: url(../images/help.png)
}

#top-menu a.my-account {
    background-image: url(../images/user_preferences.png)
}

#top-menu a.logout {
    background-image: url(../images/oxygen/media-playback-stop-8.png)
}

#top-menu a.login {
    background-image: url(../images/oxygen/media-playback-start-8.png)
}

#top-menu a.register {
    background-image: url(../images/user_add.png)
}

#top-menu a.home, #top-menu a.my-page, #top-menu a.projects, #top-menu a.administration, #top-menu a.help, #top-menu a.my-account, #top-menu a.logout, #top-menu a.login, #top-menu a.register {
    background-position: 0% 40%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
}

a.atom {
    background: url(../images/oxygen/application-rss%2Bxml.png) no-repeat 0px 0px;
    padding: 0px 0px 0px 18px;
}

a.csv {
    background: url(../images/oxygen/text-csv.png) no-repeat 0px 0px;
    padding: 0px 0px 0px 18px;
}

a.txt {
    background: url(../images/oxygen/text-plain.png) no-repeat 0px 0px;
    padding: 0px 0px 0px 18px;
}

a.html {
    background: url(../images/oxygen/text-html.png) no-repeat 0px 0px;
    padding: 0px 0px 0px 18px;
}

a.pdf {
    background: url(../images/oxygen/application-pdf.png) no-repeat 0px 0px;;
    padding: 0px 0px 0px 18px;
}

a.png {
    background: url(../images/oxygen/image-x-generic.png) no-repeat 0px 0px;
    padding: 0px 0px 0px 18px;
}

#login-form table {
    border-radius: 6px;
    background-color: #ffefcc; /* HSV(41,20,100) */
}

/***** contextual menu *****/
div.contextual a[href$="/issues"], a[href$="/time_entries"], a[href$="/activity"] {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-top: 2px;
}

div.contextual a[href$="/issues"] {
    background-image: url("../images/ticket.png");
}

div.contextual a[href$="/time_entries"] {
    background-image: url("../images/time.png");
}

div.contextual a[href$="/activity"] {
    background-image: url("../images/activities.png");
}

/***** flash *****/
div.flash, .nodata, .warning {
  border-radius: 3px;
}

div.attributes[id="attributes"] {
  border: 1px 0 0 0 0 solid #f00;
}

/***** calendar *****/
table.cal div.closed {
  text-decoration: line-through;
}

table.cal div.overdue {
  background: #ffe5cc
}

table.cal div.assigned-to-me a {
  font-weight: bold;
}

2012-10-07

redmineのTextile（wiki）のデザインを変える

redmine wiki css

redmineのwikiページは見た目が悪いので、変更してみよう企画。

ゴールイメージは、wikipediaのような見た目にすること。

まずはぐぐってみた。

redmine wikipedia 見た目

redmineのwiki記法は、textile。
textileがRubyモジュールであるRedClothで実装されている。

とのこと。直接的には解決できなさそう。

一方、wiki Extentionを導入すると、プロジェクトごとにcssの記述をしておくと、それが反映されるようだ。

それでは、このcssがどのような内容になっているかを確認し、その上で変更可能なものなのかを確認する。

具体的に実装したいのは、h1. で、自動的に番号が振られ、かつ、見た目がかわるような仕掛けが可能かどうか、である。

http://www.r-labs.org/projects/r-labs/wiki/Wiki_Extensions#-15

スタイルシートを編集する¶

[2009/07/16]

StyleSheet というページを作成し、CSSの記述をしておくとそれをHTMLヘッダ部分に読み込みます。
このスタイルはWikiだけでなくすべてのページで読み込まれます。なのでプロジェクト毎にテーマを変えるようなことも可能です。

http://www.skymerica.com/blog/yotsumoto/arch/cat4/wiki/redmine/

RedmineのWikiページの文法の詳細「A Textile Reference」

redMineのウィキの文法について解説してある Redmine.org の「Wiki formatting」の「Text formatting」の項目を読んでみると、「A Textile Reference」を参照するように説明されている。

この「A Textile Reference」ページでは、非常にたくさんの redMineの Wiki文法がサンプル付きで解説されている。また、この Textile を Rubyでのモジュールとして実装したモノを「 RedCloth 」と言い、 Python 用を「PyTextile」と言うらしい。ということは、 redMine では、 Ruby のモジュールである RedCloth を利用して Wikiを実現している、ということであろう。

「A Textile Reference」ページには、「 Quick Reference 」があるので、これが非常に参考になる。

さらにもっと詳しいマニュアルとしては、「 RedCloth 」サイトにある「Official Textile Reference Manual for RedCloth 4 」がタグの一つひとつについて詳しく解説している。

【参考リンク】