こちらを参考にして、みようみまねでFujisanBookmarkletを作ってみました。
Fujisan Bookmarklet（定期購読ページ用テキストのみ）
Bookmarkletとは、URLの代わりにjavascriptのコードをブックマークすることでなにかと機能してくれるブックマークです。
上記の場合、
１．上記のリンク先をブックマークに登録する（ap-ononoteのところは自分のパートナーIDに変更してね）
２．Fujisan.co.jpの任意の商品ページにいく
３．ブックマークをクリックする
と、アフィリエイト用HTMLが生成されます。
今日から家の回線が光になりました。うれぴー。
あと最近では、バックアップ用に外付けHDDを購入。二人で使えるようにLAN接続
型にしてみたのですが、ネットワーク上にあるファイルサーバーのような感覚で
つかえるのでこれは便利。
僕が買ったのは以下のタイプです。当初ネットワーク上にみえなくてとまどったものの、
セットアップはおおむね簡単でした。我が家はルーターやハブがソファの横に置いて
いるのでこいつもその近くにあるのですが、今のところ特に障害もないし、音も気になりません。
あと今欲しいのはディスプレーだなー。
前の会社にいたとき最後の２週間くらい？使っていましたが、あれは相当生産性が
あがりますね。お勧めのディスプレーがあったら教えてください。
本日、ono家にサーバーがやってきました。
はい。ウォーターサーバーです。。
Linaが応募したら当たってしまったらしく（なぜ応募したのかは謎）、帰ったら玄関に
どかんと置いてありました。
改めて室内においてみると独特の存在感ですが、とりあえずセッティング。
よく冷えていてなかなかうまい！水は好きでよく飲むのでしばらく利用してみたいと
思います（飽きたら会社にもっていこ）。
Fujisan.co.jpで、目次情報のRSS配信がスタートしたみたいです。
ということで、記念にブログパーツを作ってみたよ。
常に好きな雑誌の最新号の表紙と目次の一部が表示されます。アフィリエイトにも対応。
サイズが横長になっちゃってますが、画面にあわせるのでサイドバーに設置するとそれ
なりの大きさになります。
貼り付けるタグは以下のとおり。
Hondaさんがとなりですごいのを作っていたので、せめてスクリプトタグの作り方だけぱくって
みました涙。
※URLは変更する可能性が大であります。
cgiのURLの後ろに、雑誌のIDと、あればアフィリエイト用のパートナーIDを指定します。
これをつけると、雑誌ページへのリンクはアフィリエイトリンクになります。
気が向いたらもっとまともな形にしたりするかもしれないし、しないかもしれない。
02/22追記：
javascriptで文字コードを指定しないと文字化けするケースがあるので指定する必要があるみたいです。指摘してくれたokamotoさん、hondaさんありがとうございます！
先日、hondaさんと同じ目的のためにあるプログラムを書いてそれぞれ走らせてみたところ、
ショックすぎてあんま言いたくないんですが性格上書いてしまいますが、1000倍くらい処理
能力が違うものが出来上がりました。
ここで2点感じたことがあったので書いておきます。
1つは、プログラミングはものすごくクリエイティブな世界なんだという点です。
「Aというデータを出したい」という要求に答える事自体にはそれほどクリエイティブは求め
られません。順番に考えていけばある程度は出来ると思います。
問題は、いかに出すか、というところです。
その「いかに」というところで書き方無限のクリエイティブな世界が拡がっているのだ、と
いう事を今回知りました。
コードを読ませてもらったのですが、関数的にいうとぼくの今の知識量＋αくらいのレベル
でしか書いていませんでした。つまり、持っているものはほとんど一緒なのに全く違う発想
で違う書き方、使い方をし、上記のようなパフォーマンスの違いが発生したわけです。
これはもうアートです。作曲とか絵画となんら変わりありません（どちらもぼくはできませんが）。
みなさん、今度からプログラマーですって自己紹介している人を見つけたら、「なんかごにょ
ごにょやってそうな人」と敬遠しないでアーティストだと思って見たほうが正しい認識だと思い
ます。
そしてもう1点感じたのは、その「クリエイティブ」というこれまで計測できそうもなかったもの
の良し悪しが、インターネットビジネスの成否を決める重要な役割を担っているのだ、という
ことです。（まあそもそものビジネスモデルがどうなのよという話もありますがそれはまた
別の話）
インターネットビジネスをする上でどういうプログラムを書くのかというのは、サーバーやら
ネットワークやらのコスト面にダイレクトにつながります。最初の話みたいな感じでいうと
サーバー1000台必要ってITの人に言われたけどプログラムの書き方によっては1台ですむ
かもしれない、という世界なのです。
もちろん、コスト面だけではなく表示速度とかインタフェース側も、売り上げ面という点で多大
なる影響を受けます。
この点はいままで感覚的にしかわかりませんでしたが、今回の経験でかなり確信しました。
まとめますと、
・プログラミングはアートで、
・インターネットビジネスはそのアートの良し悪しが金に直結する世界だ
という（自分としては）ものすごい発見をした日でした、ということが言いたかったのでした。
先日書いたMTの引越しですが、期限ぎりぎりで完了しました。うれぴー。
MTのコンテンツの引越し自体は非常に簡単でした。
１．管理画面から「書き出し」ボタンでエクスポート。エントリとコメント、トラックバックが1ファイル
に保存されます。
２．テンプレでいじっているもの（僕の場合はindex.htmlと.css）は、コピペして保存しておく
３．新しい環境のMySQLにdbを新規作成
４．新しい環境にMTインストール
５．１と２で出したファイルをインポート＆コピペ
以上です。か、簡単すぎるぞMT!
後で調べてみるとMySQLを丸ごとバックアップする方法があったみたいでそれやればよかった
なーと思いましたが、ま、いっか。
引越しとは関係ないところでつまづいたのは文字化けで、それはmt-config.cgiに一行書き加え
るという方法で切り抜けられました。
PublishCharset EUC_JP
よくわからなかったのはDNSまわりで、いまの環境で動いているBINDでの設定とか
結局hondaさんに教えてもらいました。。
次回はlinaのブログ（実は彼女も書いている）の引越し（＋独自ドメインで運用）作業
があるので、復習して自分でできるようになるぞ！
というわけでかなり自由な環境になりうれぴいかぎりです。
先週の日曜〜火曜まで、2泊3日で開発合宿にいってきました。
会場となった千葉県某所。
見た感じ屋敷です。。まわりは自然に囲まれて作業には絶好の環境です。
作業スペースはこちら。いすがすごく座りやすかったなー（写真にとるの忘れた）。無線LAN完備！
初日は夕方についたので軽く打ち合わせと作業をした後、夕食をとりに近くのファミレスへ（近くっ
ていっても車で移動です）。帰りに食料をヤオコーで確保。2日目の朝飯、昼飯分と3日目の朝飯
分で、カップラーメンとか弁当とか水などを買い込みます。
あとはもうひたすら開発です。
初日の夜と2日目の昼（13時）と夜（24時）、3日目の昼にレビュー会を行いました。進捗状況の確認
と、アドバイスをもらったり、次の作業の確認をしたり。
楽器が写っていますが気にしない気にしない。
感想とか簡単にまとめ。
『開発合宿』というのは、泊り込みでひたすら開発を行うという合宿です。開発のための合宿なの
でお酒もなし。朝がばっとおきてから夜くたくたになって寝るまで、ひたすら開発をします。
会社に行くより明らかに長く仕事してます。。行き詰ったら気分転換にヨーヨーをしていました。
昨年はいろいろなところで『開発合宿』のキーワードを聞きましたが、なぜそれほどまでに盛り上が
ったのか理由がよくわかりました。理由は単純で、作業がめちゃくちゃ進むからなんだと思います。
ぼくなりに感じたのは、プログラミングというのはすごく思考の流れみたいなのが作業スピードに
影響を及ぼしていて、AでBだからCになってDとE、なのでこれをやってあれをやってガシガシ、、
みたいな、ある意味ノリみたいなのが非常に重要。でも通常の職場だと、なんだかんだでその
思考が中断されてしまい、またその思考の流れを取り戻すのに時間がかかる。
一方合宿では、その中断されるものがほとんどないので、いったん流れに乗ればそのまま作業を
すすめることができるので、後戻り的作業がなく、加速がつくのだと思います。
いつものちょこっと作ってまた明日、的な作業は全て無駄というかむしろ悪なんじゃないかと思って
しまうくらい作業が進んだので、ちょっとショッキングでした。
もしこの合宿のような環境が毎日提供できる会社があったら、かーなり強くなると思います。
メンバーはhondaさんとぼくの2名でした。hondaさんは新サービスの新機能の追加を、ぼくはまた
別のサービスのプロトタイプを作成していました。別々のものを作っていたのですが、となりでがし
がしやられるとおれもがんばるぞーという気になってよかったです。
個人的な成果としては、当初「あそこまでやりたいなー」と思っていたところまでいけたので満足。
レベルアップもできたし、充実した3日間でした。
いまの開発環境は、ノートPCにcolinuxを入れて作業しています。
いま作っているサービスで、本体と切り離せるように一部サブドメインを使うところがあるのですが、それがどうも認識されなくて、ApacheでVirtualHost設定してあげればいいはずなんだけどなー変だなーとごにょごにょ小1時間。。
原因はPCのhostsの設定でした。ネットワークの設定でhostsを編集していたのですが、サブドメインの分も指定が必要なのでした。
基本的な理解がしょぼいとこういうところで時間を使ってしまい悲しい限りですが、一つ勉強できたのでよしとしようと自分に言い聞かせる事にします。
とある理由でPCを買い換えた（でもThinkPadX60s→X60s）のですが、もっとも重要な開発環境であるcolinuxを初めて移行したのでメモしておきます。
結論からいうと超簡単でした！
１．新PCにcolinuxをインストール（バージョンは旧と同じのにしました）。
場所はc:\colinuxに。また、設定ファイルの保存用にfileというフォルダを新規に作成。
２．下記3つのファイル＋ショートカットを旧PCから新PCの任意のフォルダ（ここではc:\colinux\file）に移行
rootっていうファイルが6Gもあってびびりました。圧縮したら600Mになった。
３．旧PCと新PCで上記設定ファイルの場所を変えたので、.xmlファイルの中に書いてあるアドレスを変更
４．ネットワークの設定（hostsの書き換えも忘れずに！）。最後にpingの打ち合いをして両想いであることを確認。
以上です。
すぐに作業に移れたので感動してしまいました。。
＋αっていうかおまけで、
一応その他アプリ移行のメモを書いておきます。
・FireFox
FEBEっていうエクステンションを使って、いま入れているエクステンションの他ブックマークとか一通りのファイルをひとつのフォルダにバックアップ。さらに、CLEOというエクステンションで各.xpiファイルをひとつの.xpiファイルにする。これらのファイルを使って新PCにインストールしたFireFoxにインポート。
・Becky!
フォルダを丸ごと移行。アプリ自体は新規にDLしてインストール。インストール時に、利用するフォルダ先を先ほど移行したフォルダに指定してあげると、フォルダもそのままだし接続先の情報も引き継がれます。
・NextFTP
「全設定をバックアップ」というすばらしい機能があるのでこれでバックアップファイルを作成。新PCにNextFTPをインストールしたらこのファイルを読み込む。
・Poderosa
公開鍵を利用してサーバーに接続する設定にしてある場合、プライベートキーを移行するのを忘れないようにする。
・fenrir
・IDManager
・YunaColorPicker
これらはフォルダごと移行するだけでつかえる。
その他インストールしたもの
・秀丸
・OpenOffice
・GOMPlayer（これは動画ファイルプレイヤーなんですがかなりいいです！！）
・メッセンジャー系（3種類（涙））
以上です。
全体的にスムーズに移行が行えたのがうれしかったです。
しばらくやみつきになりそうな感じがぷんぷんするサイトを発見してしまいました！！！
Rouxbe - The Recipe to Better Cooking
ビデオレシピ（コミュニティ機能つき）のサイトです。
発想としては「あーはいはいありがちね」と思ってしまうのですが、このサイトを見るといかに実装するかということがどのくらい重要なのかがよくわかります。
このサイトがいい！と思ったポイントをいくつか
１．サイトデザインが美しい
→白ベース＆テキストが薄いグレーというデザインで、料理のことがよーーーくわかっているなという印象。
２．画像が超鮮明
→通常の動画共有サイトよりよほどきれいで見るに耐えます。
３．動画のほかにきちんとテキストレシピも用意されている。
→実際はビデオを見ながら料理することは不可能ということを理解している
４．コメントとかコメントに対する○×とかshareとか、最近のWebサイトにありがちな要素を一通りおさえている
これらを一言でまとめると、（料理が好きな）ユーザーの事をよくわかっているなというサイトです。
作った人も多分料理好きに違いない。
ひゃーくいてー、くいてーよー！
これだけきれいにおいしくていねいに説明されると、あ、おれでおれでもできるかもと作りたくなってしまいますよね。
番外編
発見：
パルメジャーノ・レジャーノは英語で、「パルメジアーノ・レジアーノ」という。
Powered by ScribeFire.
twitterのデフォルトのブログパーツがでかすぎでいまいちだったので、最新のテキストだけそのまま出力するブログパーツをつくってみました。サイドバーの「ひとこと」というやつです。
こんな感じのタグを作ってはりつけ。
<script type="text/javascript"><!--
sname = "onoyosuke";
//--></script>
<script type="text/javascript"
src="http://www.ono-note.com/app/t.js">
</script>
hondaさんにAPIがあるのを教えてもらいなんとなく作ったらできたったー。APIっておもしろいったー。
snameを変更すれば他の方でも使えます。
現段階では一回一回データをとりにいっちゃってありえない感じなので、時間をみて修正したいと思います。
仕事場でも家庭でもデュアルディスプレイにしていて快適な日々を過ごしておりますが、家だとちょっと狭いので、ふと、ノートPCを閉じた状態で作業ができないかな？と思い調べてみました。
つまり外付けのモニタとキーボードを使い、中身のみノートのものを使うイメージです。
デフォルトの設定だと（ThinkPadのX60sを使っています）、ノートPCを閉じたら自動的にスタンバイの状態になっちゃい、画面が使えなくなってしまうのです。なってしまうのです、というと不便っぽいのですがこれはこれで便利な機能です。
さて、本題ですが、以下のように設定することで解決できました。
コントロールパネル ＞ 電源オプション ＞ 詳細設定タブ
で「ポータブルコンピュータを閉じたとき」「何もしない」にする。
超簡単でした。。
実際にやってみると机の上はすっきりした感じになりますが、改めて環境の違いを感じます。
開発するならデュアルディスプレイが圧倒的です。段違いです。
ということで、この設定はデュアルディスプレイにもかかわらず1画面しか使っていないLina（マカー）みたいな人にお勧め。
先日、ono-noteが動いているMTを少し変更しようとおもってあれこれ見ていたところわからなくなり「MTってでっかくてわかんねー」とMTの中身もよくわからないくせにぶつくさ言っていると、隣の人に
「自作のシステムつくっちゃえばいいじゃないですか。つくっちゃえつくっちゃえ。」
と「You、作っちゃいなよ」的なノリでいわれてしまったので作る事にしました。
世の中がMT4ださらにはオープンソース版だと盛り上がっている中、なぜにそのま逆をいくような事をするのかとも思いましたが、まあいろいろ勉強できそうだし楽しいかなーみたいな感じです。
タイトルは某アルファブログの連載モノをぱくってみました。PVにしたら1万分の1以下とかだと思いますのでぱくっても気づかれないと思います。また、フレームワークとかさっぱりなので秀丸で一行ずつ書いていく事にします。
なんか実力に比べて山がでかそうな気がすごくしますが、でかいと思ったらどんどん小さくすることにします。
でははじまりはじまりー。
さて、さっそく作業に取り掛かります。
コンセプトとしては基本機能があれば十分な、シンプルなものにします（難しいことできないし）。
・ブログの投稿、編集
・コメント機能
・RSSの配信
これくらいできたら、ono-noteは自作のやつに移行して、あとは実際に使いながら機能を追加
していこうかなーという予定。
画面としては
・運営用画面
・表に出る画面１（トップページ）
・表に出る画面２（アーカイブページ）
くらいかな？
なんかあれこれ考え始めると、「あれはどうなってるんだ？んんん」というのがたくさん出てきます。
「自作すると、今あるサービスがよく作られてるなーというのがよくわかりますよーふふふ。」
という神の声を思い出しました。確かに。。
とりあえず今回は手始めにDBならびにテーブルをつくります。
何が必要かもよくわからないので、とりあえずエントリー保存用とユーザー情報用の二つあればいいかな。んーほんとにいいのかな？まいいか。
（続く）
秀丸でブログシステムっぽいものを作ろうとして左折するまでのコーディング日記の#002です。
今回は投稿出来る状態にしてみます。
・ログイン画面
投稿とかする用の画面に入るためのログイン画面。メールアドレスとパスワードの入力で入るようにする。
ユーザー登録画面については、とりあえず自分で使えればいいので後回し！
・投稿画面
投稿画面を作成。内容はタイトルと本文のみ。カテゴリとかタグとかは、、どうしたらいいのかよくわからないので後で考える事にする。時間については、投稿したタイミングの時間をとって登録することにした。
また、ログイン後の画面で、メニュー部分に「新規投稿」のリンクを用意。そこをクリックすると投稿画面に行くようにする。あと「ログアウト」も追加。
DBをのぞいてきちんとデータが入っているか確認。DBの中身を最初にみる瞬間って、なんだかちょっとどきどきしてたのしい。
（続く）
※これは秀丸でブログシステムっぽいものを作ろうとして左折するまでのコーディング日記の#003です。
前回は画面上からエントリーを投稿できるようにしたので、今回はindexページとarchiveページを作成してみることにします。
ユーザーにどのような形で情報を提供するかというのは下記にも書いてあることも踏まえ一瞬悩みました。
静的生成と動的生成、Webページをビルドするコストは誰が支払うべきなのか (talk to oneself 2)
が、そういうの作ったことないなーという単純な理由で今回は静的ファイル生成派になってみます。
なってみます、と決めた瞬間いろいろ問題が出てきそうな箇所が想像できてしまいましたが、とにかくやってみる！だめだったら作り直す！
さて、今回の仕組みとしては、管理画面からエントリーをぽちっと投稿したタイミングで、index.htmlとアーカイブ用のエントリー毎のページの計2種類を吐き出すことにします。
index.htmlは常に直近3件のエントリーを表示するようにし、エントリーページは一個ディレクトリを作ってその中に保存。
MTをみてみると年、月単位でフォルダが作られていて、カテゴリ毎にも作られてるっぽいのだけど、まーまーまーシンプルな仕様で（でもやっぱ仕様はあとで調べて変更するかも）。
アーカイブ用のファイル名をどうするか（そしてURLをどうするか）というのはSEO的に重要そうですが、知識があいまいな所はとりあえず置いておいて先に進むことにします（神様がそっとささやいてくれるかもしれないし）。ということでファイル名はentry_XXX.htmlにした。
ぽっちって投稿して２つのファイルを見に行く作業が続きます。おーできてるできてるとちょっと感動。
でもこれでは書きっぱなし1回勝負なので、次回はエントリーを編集できるようにします。
（ではまた。）（isologue風）
※これは秀丸でブログシステムっぽいものを作ろうとして左折するまでのコーディング日記の#004です。
前回は投稿したエントリーを出力したので、今度は一度書いたエントリーを修正できるようにします。
一回書いてファイルとして出力しちゃったものをどうするかなーというところですが、深く考えずにファイルを再度出力することにしました。
管理画面上でエントリーを修正して保存するタイミングで、前回作ったファイル出力の部分を再度利用します。ということでこの部分はあまり考えずに次に進みます。
次回やりたいことは、書いたエントリーを公開しないようにする、です。
（ではまた。）
なんか大原則だったみたいなのでメモ。
CSSの解釈がFireFoxとIEでは違うという話で、中でもこのwidth解釈は有名なのですね。
現象：
通常は、要素の幅をwidthとして指定し、外側にpaddingとborderですが、
IE6だとborderまでふくめた幅をwidthとして解釈してしまう。
対処法：
divを入れ子にする。
外側でwidthを指定し、内側でpaddingを指定する。
ちなみに背景色を指定する場合も外側で設定しないと変なふうになる可能性があります。
詳しくはこちらを参考にさせていただきました。
ADP: IE6のwidth解釈バグ対処法
仕様が固まるまでこういうのはしばらくあるのでしょうね。UIデザイナーさんはえらい。
めんどくさ〜みんなFFでいいよーと思ってしまいがちですが多くの人はIEなのでがんばります。
※これは秀丸でブログシステムっぽいものを作ろうとして左折するまでのコーディング日記の#005です。
前回は一度書いたエントリーを修正できるようにしましたが、今回は書いてはおくけど公開はしない、いわゆる非公開モードを選択できるようにしてみました。
仕組みとしてはテーブルに公開か非公開かのフラグを立てて、出力する際にこのフラグを見ることにします。
また、ブログを書いているときにいったいこれはどっちだったかな、というのがわかるように、ページ上に今のステータスを表示させておくことにしました。
投稿画面はこんな感じ（デザインがださいとか気にしない）。
一覧ページにも表示させておく（デザインの勉強したいな）。
次回はそろそろRSSの配信をやってみます。
（ではまた。）（isologue風）
※これは秀丸でブログシステムっぽいものを作ろうとして左折するまでのコーディング日記の#006です。
さて前回の更新からしばらく経ってしまいましたが、今回はRSSの配信部分です。
RSSはフォーマットが決まっているので、エントリーを更新するたびに書き換えて静的ファイルを上書きしておけばよいのかなーと思って調べていると、このエントリを発見。
スパムサイト作成講座23 - RSS を配信する : a++ My RSS 管理人ブログさて上記ファイル(rss.php)が用意できたら、なんとなく格好つけるために Rewrite しておこう。
RewriteRule ^/index.xml$ /rss.php
これで index.xml というファイル名でアクセスできるようになった。
ということでRSS形式のテンプレートとそれをもとにデータをはくスクリプトを書いて、同じように格好つけてみまして、完成です。
ブログシステムとして一般公開するまではまだまだタスクがたまっていますが（というかこれからが本番という気もしますが）、基本的な仕組みとしては何とか一通り作れるようになりました。
なんかだらだらしそうな雰囲気がただよってきた、ということで多少強引ですがこの連載についてはいったん終了とします！ではまたー。
今月から本格的に始まるプロジェクト用に、開発環境とかツールとかをもろもろ導入＋勉強中。
・Catalyst（なんか速いらしい）
・subversion（なんか丸裸状態らしい）
・WinSCP（なんか安全らしい）
・CUIでの作業に慣れる！（なんか当たり前らしい）
ふぁあー。
楽しいプログラミングの前に溺れないようがんばるぞう。