投稿者: blogger323

• 森の磯松、頑張ってるなあ。ってこの言い方はレコード出すときだけか。
  06/18 (Sat) 20:18:22
• @fsckboogie 私も昔は指を間に入れて引き出そうとしてましたが、この方法を知ってからは失敗なしです。
  06/18 (Sat) 01:06:32
• @fsckboogie 正しい開け方でやってます？ -> http://t.co/m8twk28
  06/18 (Sat) 00:45:47
• でも今の時代にシンセ音作りに興味のある人がどれだけいるかは結構疑問。
  06/15 (Wed) 22:54:21
• ブログ更新：「シンセサイズ入門実践編: NI Reaktor の巻」 http://t.co/vOQ2oFV
  06/15 (Wed) 22:51:07
• 「名前をなくした女神」みんな頑張っているけど、何といっても子役の演技が素晴らしいと思う。 「後味が悪い」って感想もきっと褒め言葉なんだと思う。
  06/14 (Tue) 23:52:46
• @digisax1 年寄りの私にはもうそのペースは無理。 注意していないと digisax1 さんもすぐに 40代になるよーwww
  06/13 (Mon) 01:13:39
• @digisax1 仕事大変そうですね。 このペースがずっと続くのですか？ 体壊さない程度に頑張りましょう。
  06/13 (Mon) 01:06:00

• 小二息子との最近のやり取り。 私：「ちゃんと言うこと聞け！」、息子：「耳で聞いてるよ」 ? 私：「ちゃんと宿題やれ！」、息子：「やったよ。終わってないけど」 まあ、まだ反応があるだけよいのかな。
  06/11 (Sat) 23:00:26
• 小二息子と取っ組み合いの親子喧嘩。 いつかそのうち力負けする日が来るのだろうけど、その頃には年長者を敬う姿勢が出来ているかどうか…。
  06/11 (Sat) 22:55:56
• 最近子供に怒っている内容は、その昔、親にさんざん言われ続けていたのと同じ内容だったりして苦笑い。 「自分はもう少し素直だった」と思うのもきっと気のせいなんだろうな。
  06/10 (Fri) 23:04:23
• @nack_sa おおお、プレッシャーw
  06/10 (Fri) 21:48:50
• @nack_sa あ、ブログ読んでいただけたのかな？ 自分の勉強も兼ねてシンセ音作り記事を増やしたいと思ってますので、感じたことがあれば気軽に教えてください。 FM の話はちと先になりそうですが…。
  06/10 (Fri) 21:25:16
• @nack_sa 学生の頃は結構いじってましたが、最近は音作りはさっぱりです。 楽器屋のシンセ売り場が小さくなっていくのが寂しいのですが、今シンセの音作りする人は少なそうですしねぇ。 おっと、年寄りモードになってしまった…。
  06/10 (Fri) 20:12:10
• @nack_sa 「Sony のエフェクターなんていつの話だ？」と思っていたら、DX7 もお持ちなんですか？ 掲示板ブログ(？)見てしまいました。 私も手元に DX7IID があります！
  06/10 (Fri) 19:57:32
• Interop は今日までだけど、今年はパスかな。 幕張だと空いた時間にちょっと、というわけにはいかない。
  06/10 (Fri) 03:21:57
• サッカー日本代表キリンカップの２試合はなんか点が入る気がしなかった。 相手の守備が良かったということか。
  06/07 (Tue) 21:34:30
• 今月の日経新聞「私の履歴書」は山下洋輔。 きっと、どこぞの経営者の自慢話のようなことにはならないでしょう。 期待！
  06/06 (Mon) 20:56:10
• どうでも良いけど「ブラ＆ショーツセット」で「390円?」というのは逆効果じゃないのか？
  06/06 (Mon) 20:11:15
• 女性下着広告のターゲットにされている。何故？
  06/06 (Mon) 20:09:53
• ブログ更新：「DIV 要素を横に並べる、など」 http://t.co/qMPzMkD
  06/05 (Sun) 13:12:09

弱小ブログにとっては貼り付けるのに勇気がいる SNS系ボタン (Twitter、Facebook、はてな等) ですが、とりあえずつけてみました。 今回はそのあたりの話をします。

jQuery.socialbutton プラグイン

jQuery 環境でお手軽に SNS系ボタンを配置できる「jQuery.socialbutton プラグイン」というものが公開されており (ダウンロードページ)、これを利用すれば簡単に SNS系ボタンを用意することができます。 前回のエントリのために jQuery 導入済み (と言ってもインクルードしただけですが) というのも SNS系ボタンの導入を後押ししました。 作者の方に感謝です。

DIV 要素を横に並べる

ところで、サンプルページのソースを見ると以下のように DIV 要素が並んでいます。 socialbutton プラグインを紹介する多くのページでも DIV 要素が使われています。

<div id="hatena"></div>
<div id="twitter"></div>
<div id="facebook_like"></div>

ところが、ブラウザ表示上はボタンが綺麗に横に並んでいます。 「DIV 要素なのになんで横に並ぶんだー！？」と思い、検索すると「float 属性を指定しましょう」とのこと。 でもその場合は以下のようになるはずですが、スタイルを指定している気配はありません。

<div id="hatena" style="float: left;"></div>
<div id="twitter" style="float: left;"></div>
<div id="facebook_like" style="float: left;"></div>

種明かしをすると一つ上位の DIV 要素のクラス名を使って横並びの設定が行われているのでした。

<style>
.block div {
margin-right: 15px;
float: left;
}
</style>
<div class="block">
<div id="hatena"></div>
<div id="twitter"></div>
<div id="facebook_like"></div>
</div>

一つ上位の DIV を「block」クラスとして「block」クラスの子孫 DIV 要素には「float: left;」が適用されるようなスタイルを設定しているのです。 こうすれば個々の DIV に float 属性を設定しないで済みます。 「なるほど！」と思ったテクニックでした。

IE7 で動かない？

「これで横に並べて表示できる！」と喜んだのもつかの間、今度は IE7 で動かないという事象が発生しました。 「エラー: ‘}’がありません。」というエラーが出て、以下のように Twitter ボタンが表示されず、ただのリンクになってしまいます。 Facebook や Hatena は大丈夫です。

これも検索して調べたところ、FC2 ブログの文字コードは EUC なので Twitter 用 JS ファイル widgets.js をインクルードする際に「charset="UTF-8"」を設定しなければならないようです。 ところが、socialbutton.js の中で Twitter の widgets.js を読み込むところにこれを付けたり、socialbutton.js を読み込むところにも付けたりしてみましたが、改善されません。 結局どうしたかというと IE7 以下では socialbutton.js を読み込む前に widgets.js を読むようにしました。 具体的には以下のようにしました。

<!--[if lt IE 8]>
<script type="text/javascript" charset="utf-8" src="http://platform.twitter.com/widgets.js"></script>
<![endif]-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/oldimages/socialbutton.js"></script>

widgets.js を２度読むことになりそうなのですが、それでもきちんと動いたので良しとします。

あんまりハマりたくないけれど

JavaScript やら CSS やらをいじるのは何となく ad hoc な感じがしてあんまりハマりたくないのですが、最近の動向を考えるとそうも言っていられない状況です。 なので、昨年ぐらいに参考書として買った「現場のプロから学ぶXHTML+CSS」を読み返しながらブログテンプレートをいじったりしています。

ちょっと紹介するとこの本は「昔は HTML をいじっていたけど今はさっぱり」という私のような人にちょうど良い本です。 結局よく見返すのは１章の XHTML と２章の CSS だったりしますし、最新情報というには出てから間が空いていて、構成も初心者にはどうかという感じですが、この分野はなかなか「最新動向まで加味して体系だてた決定版！」というのが出にくい分野だと思いますので何かしら一冊手元に置いてやっていくのが良いように思います。

前からブログのデザインリニューアルをしたいとは思っているのですがなかなかできず、ちょっとした手直しを続けるようなことになりそうです。 socialbutton のカウンターについては気にし過ぎない、ということで。

• やはり JavaScript やら CSS やらいじり始めるといろいろなことが起こる。
  06/04 (Sat) 21:39:31
• ブログ更新：「ソフトシンセ時代のシンセサイズ入門 (基本編)」 https://hetarena.com/archives/499
  06/04 (Sat) 09:57:22
• やっと新オフィスのそばで「龍角散ののど飴 EX」を売っているコンビニを見つけることができた！
  06/02 (Thu) 08:51:14
• 小学校で出された課題のために子供が切り抜いた「こども百科」をテープで修復なう。 その昔「重いから」という理由で教科書を分解して持ち歩いていた妻も「百科事典切り取るのはありえない」とのこと。 親が親なら、と思ってしまったけれど…。
  06/02 (Thu) 03:40:53
• 正誤表は印刷しやすい形で公開して欲しいものだ。
  06/02 (Thu) 03:19:38
• さすがにもう Cubase VST 5 (Cubase 5 ではない) のマニュアルは捨てて良いよなあ。と言っても 1年ちょっと前までは使っていたんだっけ。
  05/31 (Tue) 20:47:24
• スラップベースのサムアップを練習しているけど、いつになったら安定して弾けるようになるのか見当がつかない。
  05/31 (Tue) 20:35:02

• rc.local 終了の画面で止まってるけど、これでアップグレード完了？ 一応コンソール切替ができるのでシステムは生きているようだけど何故ここで止まる？もう放置して寝る…。
  05/29 (Sun) 02:09:43
• Fedora アップグレード中。
  05/29 (Sun) 00:53:53
• そうか。同じ PC でも IE と Firefox で入っている Flash Player のバージョンは異なるのね。
  05/26 (Thu) 22:28:12
• 今も残る煙草臭い場所と言えば、練習スタジオ…。
  05/26 (Thu) 00:48:25
• 「名前をなくした女神」ずっと続いている暗い感じが結構好き。 最後は不景気パパ達がダイナとメビウスに変身して、実はかっこいいパパだったということになって、良くわかんないけど正義は勝つ、みたいな展開にならないかな。 (なるわけない)
  05/26 (Thu) 00:46:10
• perl expect モジュールってあるんだな。だったら tcl ベースの expect よりは perl の方が嬉しいな。
  05/25 (Wed) 08:34:40
• というわけでベース弦張り替えなう。 明日のスタジオ練習に向けて、と言えばかっこいいけど 1年ぶりぐらいの張り替えだったりする…。
  05/24 (Tue) 21:17:35
• オフィス移転後は帰り道に楽器屋の前を通るようになったので、気軽に弦を買ったりできる。 下手に寄り道して余計な機材を買わないように気をつけよう。
  05/24 (Tue) 21:13:25
• 音楽関連の流れで「FL」と出てくるとついフェアライトを思い浮かべてしまう。当時は手の届かない憧れのシンセサイザーの代名詞だった。最近は復刻版が出たり iPhone アプリになったりしているらしいけど。
  05/24 (Tue) 07:27:37
• jPlayer (jQuery の Audio/Video player) が何故かうまく動かない。手持ちの環境では IE8 だけ動いた。ハマったな、これは…。
  05/22 (Sun) 22:30:29
• 何だかんだ言って結構いろんな知り合いが Facebook を使っている。 問題は自分の Twitter アカウントやブログを紹介するかどうか。 別に見られて困るようなことは書いていないけれど、知っている人はほとんどいないという気安さはある。
  05/22 (Sun) 10:23:32

• ブログ更新：「Fedora 14 に Oracle Database 10g Express Edition をインストール」 https://hetarena.com/archives/496 もっと前にとっとと書きあげれば良かった
  05/22 (Sun) 00:21:46
• ブログ更新：「Apache のポート番号を変えると Permission Denied でエラーとなる件」 https://hetarena.com/archives/495
  05/22 (Sun) 00:20:02
• 通勤で電車に乗る時間が片道 10分強に減ったのだけど、これだけしかないと車内の時間の使い方が難しい。
  05/21 (Sat) 22:43:23
• やっぱり Cubase の仕上げミックスは「実時間で書き出す」のが正しいみたい。 VSTi によってはオートメーションの再生が怪しくなる。
  05/21 (Sat) 22:35:36
• シューゲイザーとシュタゲが自分の中でごっちゃ。
  05/21 (Sat) 10:05:12
• そう言えば、タモリ倶楽部のマイクの回を録画してあるのだけれど、まだ見ていなかった。
  05/21 (Sat) 07:37:01
• 息子の受験を経験したということもあって「名前をなくした女神」をつい見てしまう。 りょう、年を重ねた今の方が素敵。 ちなみに私の周囲では仲良くなった親同士はファーストネームで呼んでいて名前はなくさない。
  05/17 (Tue) 23:00:40
• 個人的経験から言うと退職すると決めた人を説得するのは無駄だと思う。 優秀な人の決心は引っ繰り返らないし、逆にそこで引っ繰り返る程度の決意しかできていないならばその程度の人材。 「引き留められなかった」と気にする人もいるかも知れないけど、認められているからこそということもある。
  05/17 (Tue) 21:19:29
• 変な時間に起きてしまった。 言うことをきかない子供たちを寝かしつける前に自分が寝ていたようだ。
  05/17 (Tue) 02:57:26

Fedora 15 のリリースが目前ですし、11g Express Edition のベータも提供され始めているので、賞味期限切れとなる前に書いておきます。

インストールガイドに従って (といってもダウンロードして rpm を実行するだけですが) Fedora 14 に Oracle 10g Express Edition をインストールすると以下のようにエラーとなります。

# rpm -ihv oracle-xe-univ-10.2.0.1-1.0.i386.rpm
Preparing...                ########################################### [100%]
error: "net.bridge.bridge-nf-call-ip6tables" is an unknown key
error: "net.bridge.bridge-nf-call-iptables" is an unknown key
error: "net.bridge.bridge-nf-call-arptables" is an unknown key
error: %pre(oracle-xe-univ-10.2.0.1-1.0.i386) scriptlet failed, exit status 255
error:   install: %pre scriptlet failed (2), skipping oracle-xe-univ-10.2.0.1-1.0

ここでメゲずに再度実行すると無事インストールが完了します。 これは sysctl コマンドの挙動が以前と変わったためのようで、初回実行時に /etc/sysctl.conf が書き換えられ、２度めは以下の様に成功するのです。 こちらのやりとりの後半でこの情報を得ました。

# rpm -ihv oracle-xe-univ-10.2.0.1-1.0.i386.rpm
Preparing...                ########################################### [100%]
1:oracle-xe-univ         ########################################### [100%]
Executing Post-install steps...
You must run '/etc/init.d/oracle-xe configure' as the root user to
configure the database.

上の出力にもあるように、以下のコマンドを続けて実行すれば準備オッケーです。

# /etc/init.d/oracle-xe configure