このブログを検索

大文字小文字を区別する 正規表現

Atelierで“Customize”が含まれるブログ記事

2008年8月24日

隠居のBlog備忘録: MT4.1 で エントリー部分のみを印刷する

　友人から、ブログのヘッダー部分や右サイドメニューを外して、エントリー部分のみを印刷できないかの質問を受けた。確かに、ヘッダー部分や右サイドメニューが印刷されるのは少々うっとうしい。

　方法をググッテみるといつもテンプレートを使わせてもらっている「小粋空間」さんに、「印刷用スタイルシート」というカストマイズがあることが分かった。このカスタマイズは、印刷をするときには、スタイルシートを切り替える仕様になっている。MT4.1、「小粋空間」さんのテンプレート（layout-two-column-liquid-right ）の私のブログ環境に導入してみたので備忘録として書き留めておきたい。
　
  1. 印刷用スタイルシート追加を追加する。
    　管理画面のデザイン→テンプレート→インデックス・テンプレートの表示で「インデックステンプレートを作成」クリックして、以下のように新しいインデックス・テンプレートを作成する。
    • テンプレートの名前：ForPrinting（なんでもよい）
    • 出力ファイル名：print.css
    • 再構築オプション：チェックを外す
    • このテンプレートにリンクするファイル：（空白）
    • テンプレートの中身：スタイルシート（styles-site.css）の中身を丸ごとコピー
  2. 印刷用スタイルシートの修正
    コピーしたスタイルシートで本体のヘッド部分と右サイドメニューが印刷プレビューで表示されないように、該当スタイルのID属性、クラス属性をいじった。
    　私の場合、具体的にはスタイルシートの次の項目を青字で書いた部分を付加した。
    #header 
    {
     /* padding: 15px;
    border-bottom: 1px solid #669;
    color: #999;
    background-image: url("http://n-huhei.net/Libraly/Image/Wood_ipe_01.gif");   
    background: #8fabbe; 
   text-align: left;     */
   display: none;
}

    #links-left-box dl,
#links-right-box dl {
  /*  margin: 0;
    padding: 0;   */
      display: none;
    }

    /* 2カラムリキッドレイアウト(右サイドバー) */
.layout-two-column-liquid-right #content {
    /* margin: 0 250px 10px 0px;  */
    margin: 0 10px 0px;    
   /* border-bottom: 1px solid #669;
    border-right: 1px solid #669;
    background-color: #ffffff;  */
    border-style: none; 
}

  3. テンプレートに link 要素追加
    　次に、モジュールテンプレートの「ヘッダー」 <head> 部にあるスタイルシートを呼び出している部分を次の青字部分を追加した。
    実際には、この部分を先に付加しておいて、ブログのエントリーを表示し、ブラウザーのツールバー「ファイル」→「印刷プレビュー」で確認しながら print.css をいじる試行錯誤をした。
    
   <link rel="stylesheet" href="<$MTLink template="スタイルシート"$>" type="text/css" media="screen,tv" />
   <link rel="stylesheet" href="<$MTBlogURL$>print.css" type="text/css" media="print" />


  4. カスタマイズの結果
    ForPrintCSS.jpgForPrintCSS_2.jpg　左のスクリーンショットは、このカスタマイズをしていない場合とカスタマイズした後との印刷画面の比較である。
    　カスタマイズした後は、ヘッダーと右サイドメニューが印刷画面に出てこないので、エントリー部分のみを印刷できる。




タグ:

Permalink | Category : HP作成, MovableType | Comments [0] | Trackbacks [1]

2008年2月21日

隠居、ネット時代の「知的生産の技術」を考える⑥日記と記録など：終

　私と同じように、「知的生産の技術」の現代的意味を読み解いておられる中学校の理科の先生がおられる。学校の先生らしく、深く深く読んでおられる。多分、そのようにこの本に傾倒されおられるのは、９章の「日記と記録」の記述に、ご自身で記録的に続けておられるブログの賛同意見を見いだされたのではないかと、かってに推測している。少なくとも、私はそうだからである。

　勤めていた頃は、私もメモ帳的な日記をつけていた。ただ、この日記的なものは、サラーリーマンとして仕事上のことばかりであったから、退職と共にすべて捨ててしまった。五木寛之のいう「黄金の林住期」になって、過去を捨てて新しい世界を楽しみたいという気持ちになったせいもある。
　新しい世界を楽しむためにはじめたブログは私にとっては、＜ネット時代の「知的生産の技術」を考える①＞で書いたように、梅棹さんが「知的生産の技術」でいう 日記と記録 になった。
　梅棹さんは、
日記というのは、要するに日づけ順の経験の記録のことであって、（中略）　航海日誌とか業務日誌のたぐいをおもいうかべればよい。
と説いておられるが、まさしく私のブログ( Web Log=航海日誌) も林住期生活の気ままな 日記と記録 なのである。

　私が日記としているのは、 Movable Type というソフトで作るブログである。ブログはそれ自身がポータル・サイト的な性格を持っているが、私はそれをカスタマイズして、さらに自分用のポータル・サイトにするつもりでつくっている。　これらの大部分は、iGoogle などのポータル・サイトでほとんど実現できることが多いが、自分の日記なので自分がもっとも使いやすいようにしたいと思っているのである。

　ここまでこだわらなくても、「知的生産の技術」の９章に書かれている　「バラ紙にかく日記」「日記をかんがえなおす」「日記と記録のあいだ」「記憶せずに記録する」「カードにかく日記」「個人文書館」の項目で記述されている記録の方法はブログによってクリアできると思う。
　とくに最後の「個人文書館」の項の中で、
ぼう大な記録カードや日記の蓄積は、いわば個人のためのアルキーフ(文書館)である。わたしがいっているのは、知的生産にたずさわろうとするものは、わかいうちから、自家用文書館の建設を心がけるべきである、ということなのである。
と説いておられるが、アルキーフ（独語）とは英語でアーカイブのことであり、ブログではデーターベースが自動的に文書館をつくってくれるのである。

　問題は、「メモをとるしつけ」「野帳の日常化」である。この項目における要点は、いつでも記録できる体制にあれということであろうから、コンデジを常にポケットに忍ばせておくとか、ケイタイで文書を書くのを習熟するとかでネット時代ではカバーできるだろう。さらに小さなMP3レコーダーでも携帯しておれば鳥の鳴き声だって、簡単に明瞭に録れるのだ。40年前に比べれば、記録することははるかにたやすくなっている。しかし、重要なことは、道具が変わっても、なんにでも好奇心をもっておくことであろう。これは、40年経っても変わらない。

　歳をとって物忘れがひどい。日記を自分のための生活記録と考えて、新しく経験したことについて記録をしておけば、あとで役に立つ。経験したことの感想だけではあとで役に立たない。９章の「自分のための業務報告」の項にでてくる宮廷の台所日記という『御湯殿上日記(おゆどののうえのにっき)』的でなければならない。
　例えば、自分で作ったブログ・サイトに何か新しい Plugin をインストールしたときには、そのインストール方法や苦労した点あるいは参照した Web URL などについて記録しておく。そうすれば、また同じことにぶつかったときに役に立つ。
　私は、この自分のための生活記録を隠居の気楽さで恥も外聞もなくブログという形で公表している。Google や Yahoo! などの検索にひっかかって、私と同じようなPC上のトラブルとか、音楽編集の方法などのエントリーへ訪問される方が、一日200人を越えるようになった。いちど訪問して、「なんや、つまらん！」と思う人がほとんどだと思うが、梅田望夫さんがいうように、
個人が、しらべ、読み、考え、発見し、何か新しい情報を創出し、それをひとにわかるかたちで書き、誰かに提出するまでの一連の行為（「ウェブ時代をゆく」 p.146）
　を知的生産と位置づけるなら、私も少しは 知的生産 をしているのかもしれない。

　一日に200人もの人が訪れるようになったので、ブログを自分への経験記録だけでなく、「知的生産の技術」の10章（原稿）・11章（文章）で書かれているように、他人のために「かく」ことを意識せざるをえなくなってきた。
　それも、ブログのおかげで私のような隠居でも気軽に簡単に発信できるようになったからである。活字にする必要がなくなったからである。私の父は、下手な短歌を作るのが趣味であったが、彼が唯一外に向かって発信したのは、なけなしの退職金をはたいて歌集を自費出版したことであった。今のネット時代なら、もっと気楽に発信できたであろう。

　梅棹さんは、１１章「文章」の「まずわかりやすく」のなかに、古くからからいわれている　文章は俳句のつもりでかけ　という心得をとりあげて
　この忙しい世の中で、俳句をあじわうようなつもりで、論文をなんどもよみかえして、あじわってくれる人はあるまい。一ぺんよんで、すっとわからぬような文章は、やはりぐあいがわるいのではないか。わたしは、苦心して文章をみじかくすることの愚をさとった。みじかいことよりも、わかることのほうがたいせつである。文章は、電報ではないのだから、
　賛成である。特に、記録としての意識をもてば、文学作品を書く必要はない。ただ、私のエントリーが分かりやすいかどうかには自信がない。良い文書をかくようにこころがけたいと思う。と同時に、ブログの体裁を整える方法も、もっと習熟する必要がある。歳をとってからの学習は、はかがいかないが。

　このシリーズのエントリーは、今回で終わりにしたいと思う。第１回で書いたように、40年前の「知的生産の技術」を、今のネット時代で実施するとどのようななるのかを、浅薄な知識は承知の上でシリーズで書いてきた。どんな意味があるのというようなことは問わないで欲しいが、何人かの方々が隠居の日記に興味を持っておられるのがせめてもの救いと思っている。

タグ:

Permalink | Category : Books, HP作成 | Comments [4] | Trackbacks [2]

2006年11月23日

favicon の設置

　１１月１２日に、私のサイトの簡単な favicon(Favorite Icon) を作成して設置した。イニシャルを組み合わせただけの簡単なアイコンである。このときは Firefox では表示の確認ができたが、InternetExplorer 7（IE7）では表示されなかった。急ぐことでもないので放ってあったが、少し時間ができたのでサーチしてみると favicon を web で使える形式（.ico）に変換してくれる英語のサイトに、ズバリのQ&Aがあった。どうやら、キャッシュをいったんクリアにしなければならないようだ。IE7の「ツール」→「閲覧の履歴の削除」→「ファイルの削除」「履歴の削除」だけではうまくいかず、「ツール」→「インターネットオプション」→「全般」タブ→「閲覧の履歴」→「設定」で「インターネット一時ファイル」を「Webサイトを表示するたびに確認する」を選択すると「タブブラウザー」にも favicon が表示されるようになった。１６X１６pixの中に表示しなければならないので、凝ったものを作るのは難しいが。
　ＩＥ７での表示がうまくいったので、私のサイトにコメントやトラックバックをいただく人にはいまのところ favicon を設置されている方はいないのであるが、ついでに「小粋空間」さんで紹介されている＜Ｆａｖｉｃｏｎをコメント・トラックバックに表示する＞をトライした。紹介されているプラグインのリリース元　gemal.dk：Favicon Pluginでは、「小粋空間」さんがインストールされた以降、 Version Up されており現在は Version 1.4 Works with Movable Type 3.3x となっている。 Version Up されているので「小粋空間」さんで紹介されている方法通りにはいかないが、することはほぼ同じである。異なるのは、DLした favicon.zip を解凍してできる Favicon というフォルダーを /mt/cgi/plugin にフォルダーごとアップロードすることである。管理画面のプラグイン Favicon の起動でエラーがでるが、自らのコメントやトラックバックで試してみるとうまくいっているようである。エラーの原因をもう少し調査してみたい。また宿題ができた。 　

続きを読む "favicon の設置"

タグ:

Permalink | Category : HP作成, MovableType | Comments [0] | Trackbacks [1]

2006年11月 3日

番号リストで番号を降順にする方法は？

　自分のWeblogを中心とするホームページに手を加えた事項を備忘録的に書き留めて、カストマイズ履歴のページをテンプレートとして作成している。カストマイズした項目のリストは新しいカストマイズが一番上にきているが、リストの番号は一番最新のものが常に１番であった。この番号はできれば最新のカストマイズが何番目のカストマイズかを示したいので、番号は降順にして１番目にしたカストマイズは１番にしたい。HTMLのコードでは、HTML4.01の仕様書でもそのような方法は記載されていないらしく、HTMLコードではどうも駄目らしい。Googleで「HTML 降順　リスト　ol li」でサーチすると、人力検索？Hatena:：Qustionで「HTML番号リストで番号を逆順にする方法は？」という質問があり、その回答に andi さんという方が JavaScript での解決を提示されておられる。この JavaScript をいただいて、カストマイズ履歴テンプレートに貼り付けてみると希望通りの表示になった。ただし、このJavaScriptは、</ol>　の後に貼り付けると上手くいくようだ。なお、<ol>　は下のScript 似合わせて　<ol　id=hoge>　とValue属性が必要である。　ちなみに、この JavaScript は以下の通りである。
<script>
var o = document.getElementById("hoge");
var max = o.childNodes.length;
for(var i = 0;i < max;i ++){
o.childNodes[i].value = max - i;
}
</script>

続きを読む "番号リストで番号を降順にする方法は？"

タグ:

Permalink | Category : MovableType | Comments [0]

2006年10月 2日

MT3.33-ja に VersionUp

　MT3.3-ja にクロスサイトスクリプティングの脆弱性があるとのことで、万が一を考え MT3.33-ja にアップグレードすることにした。この９月２６日にリリースされたばかりである。備忘録的に記録することにした。
　私の環境は、サーバーのレンタル先が lolipop で、DBには SQlite を使用している。lolipop から提供されている「既に MovableType をインストール済みの場合の最新版へのアップグレードの方法」マニュアルは db が SQlite の場合となっているので、これに従って実施することにした。以前から沢山のファイルをUPするときのFTPソフトは DreamweaverMX を使ってきたが、IEを使っても簡単にできることが最近になって気が付いた。今回も IE でバックアップを取った。ただ、やり方が拙かったのか旧バージョンの cgi/mt ディレクトリーを丸ごと削除しようとすると上手くいかない。仕方なく少し手間であるが、 DreamweaverMX を使って mt ディレクトリーを丸ごと削除し、解凍した MT3.33-ja　をUP（PUT)した。マニュアルには、mt-config.cgi と sqlitedb はバックアップしたファイルをUPすることになっている。　mt-config.cgi はmt ディレクトリーのルートにあるからすぐ分かるが sqlitedb は mt/db ディレクトリーにある。
　前回のアップグレードで苦い経験しているカスタマイズしたプラグインを特定し、バックアップからUPしたと思っていたが、plugins ディレクトリーのルートにあるファイルのUP（PUT)を見落としていたため、カテゴリー項目の並び方につかっている cutfirstchar.pl などのファイルが落ちておりカテゴリ項目の表示が頭３桁の数字が表示されたりした。もう一つのミスは、.cgi ファイルの属性変更である。 mt ディレクトリー直下にある .cgi ファイルの属性は７００（lolipopでは、７５５でなく７００になっている）に変更したが（これが結構面倒な作業である。一括で変更できる方法がないものか。）、SCodeディレクトリーにある mt-scode.cgi は見落とした。その結果、コメントスパム対策に要求している入力すべき数字が現れない現象が起きた。そのあたりを修復するとほぼバージョンアップ前の状況になったが、MT3.3用に新たにインストールしたテンプレートを編集するためのプラグイン BigTemplateWindow が上手く動いていない。ただ、今回はカスタマイズを　What's　New？で簡単に記録していたことがずいぶん役に立った。カスタマイズの記録は今後も必要であろう。

タグ:

Permalink | Category : MovableType | Comments [5] | Trackbacks [1]

2006年4月 6日

Reform e-Words

　「MTでつくる最強のブログサイト」で紹介されていた関連IT用語表示（e-words）を取り入れていた。　私の友だちのような高齢者向けに、IT用語を説明するサービスのつもりだった。ただ、defaultでは用語のリストの文字が大きく、また、●のリストマークも気に入らなかった。いじれる部分はないかと e-words のスクリプト部分 embed.x で検索すると「小粋空間」さんの埋め込み e-words を使うというエントリーが見つかった。カスタマイズのカテゴリーでは収載されていなかったので気が付いていなかったのだ。早速、利用させていただいて、従来のテーブルイメージのものと切り替えた。テンプレートも折りたたみなど多くのカスタマイズも「小粋空間」さんのものを利用させていただいているので、全体のバランスがよくなり気に入っている。掲載されているコードに、文字コードutf8を指定する部分と折りたたみのJavaScriptを付加するだけで上手くいった。いつもながらに、yujiroさんに感謝です。

続きを読む "Reform e-Words"

タグ:

Permalink | Category : HP作成, MovableType | Comments [0]

2006年4月 1日

コメント編集タグ

　コメントをするときには、HTMLタグが使えるのであるが、そのたびにタグを書くのは手間である。これを手助けしてくれるカスタマイズが「小粋空間」に紹介されていたので、導入してみた。カスタマイズは、MT3.2以前を対象にしており、MT3.2では記述通りにはなっていないが、JavaScriptなどを引用させてもらったら上手くいった。多少、MTに関する知識が増えてきたのかもしれない。
　これで、頂いたコメントへの返信のコメントが記載しやすくなるはずである。
　ついでに、右サイドメニューの折りたたみに、折りたたみマーク（▼△）をつけた。このことによって、表示されている状態が、開いている（△）のか閉じている（▼）のかが分かるようになった。
　ソメイヨシノの花はかなり開いてきたが、どんよりしていて肌寒い。４月になったのに！

Permalink | Category : HP作成, MovableType | Comments [0] | Trackbacks [1]

2006年3月25日

e-Wordsで IT用語検索

　「MTでつくる！最強ブログサイト」に紹介されていたカスタマイズを参考に、MTの個別エントリー表示ページとカテゴリ別表示ページに、e-Words IT用語検索を設置した。
　e-Wordsではいくつかのサービスを提供しているが、その中の「埋め込みe-Words」を導入した。このサービスでは個々のページに記載されているIT用語を自動で検索してくれて（従って、右サイドメニューに使っているHPやアーカイブといった言葉も）リストで表示してくれる。このリストをtableの中に表示するように、紹介カスタマイズを少し弄った。
　最近はこのような無料でサービスをしてくれるサイトが増えてきた。インターネットでの広告が有用になってきた証明かもしれない。

Permalink | Category : HP作成, MovableType | Comments [0]

2006年3月24日

サイドメニューの折りたたみ

　「小粋空間」で紹介されているサイドメニューの折りたたみに挑戦した。少し難しそうなカスタマイズに思えたので、今まで敬遠をしていた。　「小粋空間」では、何回かのバージョンアップが繰り返されていて、エントリーがあちこちに飛んでいるが、丁寧に読んでいくと親切・丁寧に書かれているので、私のような初心者でもなんとか形にすることができた。月別のアーカイブはselect　boxのままに置いている。　全体のバランスを考えると統一した方がよさそうだ。また、エントリ数は少ないが、サブカテゴリの折りたたみもまた時間を見て挑戦したい。
　このカスタマイズのついでにphpによるモジュール化も実施したが、アーカイブテンプレートでは、ｐｈｐファイルを呼び出すのに、フルパスでないとうまくいかないようだ。
　天気がいいのに、またPCの前に座って半日を過ごしてしまった。

続きを読む "サイドメニューの折りたたみ"

Permalink | Category : HP作成, MovableType | Comments [0]

2006年2月25日

月移動横長カレンダー

　Kinarie&MayさんのFlash利用横長カレンダーの設置は、メインページとカテゴリー・ページではうまく設置できたが、個別および日別・月別の設置が、仕様どおりにできていなかった。数日悩んで（浅学故の悩みだが）結局うまくいかず諦めかけていた。この横長カレンダーは、多くの人が設置されており、そのお礼や質問のコメントが、Ｋｉｎａｒｉｅさんのブログに多く寄せられている。これらを丹念に見ていくと、私と同じ現象について質問されている方がおられることが分かった。この質問への回答が作者からされており、この回答に沿って手直しをしてみると上手くいった、
　アーカイブ・ファイルの年月日を表すディレクトリーの前に、archives/　というディレクトリーが必要なことが分かった。MTの以前のバージョンからMTを設置している人は、どうやら標準のようであるが、MT3.2ではそのような設定にはなっていないので、上手くいかなかったらしい。
　でも、この世界では無償でこのような作品をつくり、寄せられる質問に丁寧に答えられている人が沢山おられるのにはほんとに驚いた。そして、それを通じてコミニュケーションができているようである。
　そういう作品を創り上げるのは、やっぱり「フロー」の世界なんですかね。

Permalink | Category : HP作成, MovableType | Comments [0] | Trackbacks [2]