iMacを買ったついでに、環境を見直す。

Posted by tochi on 11 月 25th, 2007

前回のPower Mac G4を買ってから約４年。その間にG5→Intel Macが発売されるも我慢、我慢。使っていたG4の液晶が光量不足のエラーが発生するも、修理に５万もかかるので我慢。Gekioso !になってくるMac。Leopardも発売されたのでそろそろ買い替えを。。。と考えたが最後、眠っていたア・イ・ツも目を覚ますのです。その名も物欲番長！！！BOSE TriPort TP1SBのヘッドフォンを買ってみたの時には目を覚まし始めていたのかも。iMacそんなこんなで、買った物はこんな感じ。

あとは今後欲しいものとして、ヘッドフォンとスピーカーのピンジャックを抜き差しするのが面倒なので、音声の入出力用のFireWire Solo。外付けHDDの容量が160GBしかないので、PLANEX DLNA・BT・iTunesサーバ対応 ギガビットLAN接続 HDドライブ 500GBモデル NAS-01G500とかでTimeMachineでOSごとフルバックアップしたいなとか。とりあえず、サンタクロースに頼んでみますかね。iMac

Mac 最初にコメントを書くのは誰だ！ »

    リンクにアイコンを追加してくれる、 Iconizeを属性セレクタが使用できないIE6用にカスタマイズしてみる

    Posted by tochi on 11 月 22nd, 2007

    Webで使用するリンク先には、HTML以外にも、PDFとかMP3とか色々な物がありますが、リンクを押す前に視覚的にそれらが何にリンクしているか分かると良いなと思います。リンクを押してみたら、PDFが開いて、時間がかかってイラッとした経験がある人も多いかと。そんな時に便利なライブラリとして、画面上のリンクのURIから自動的にアイコンを追加してくれるIconize Textlinks with CSS（Thanks pooliestudios）という物があります。でも、これ属性セレクタを使っているので対応していない、WindowsのIE6とかのブラウザではちゃんと動作しないのです。。。残念。そこで、属性セレクタを使わずにJavascriptを使用して作り変えてみました。使用方法を簡単にご説明。

    1. まずは下記からZIPファイルをダウンロードします。iconize.zip
    2. 解凍してできたiconizeフォルダを適当な場所にアップします。
    3. iconizeを適用したい画面のヘッダー部分でiconizeフォルダ内のiconize.cssとiconize.jsへのリンクを追加します。ファイルへのパスは自分の環境にあわせてください。
      <head>
      <link href="iconize.css" rel="stylesheet" type="text/css"/>
      <script src="iconize.js" language="javascript"></script>
      </head>
    4. 次にbodyタグのonloadでIconize.AddIcons()を読み込みます。<body onload="Iconize.AddIcons()">
    5. あとは、追加した画面でリンクを設定すればアイコンが自動で追加されます。レイアウトはiconize.cssで変更できます。

    結果はこんな感じでリンクに対して、色々なアイコンが表示されます。

    PDFファイル

    MP3ファイル

    WindowsのIE6とFireFox2、MacintoshのSafari3とFireFox2での動作は確認しています。Javascriptとか得意では無いので、動かなかったらゴメンナサイ。。。と言い訳してみる。よろしければどうぞ。ライセンスはクリエイティブコモンズです。

    ウェブ 2 Comments »

      HTMLエディタのopenWYSIWYGを日本語化してみる。

      Posted by tochi on 11 月 16th, 2007

      テキストボックスにHTMLエディタを実装する必要があったので、Javascriptで動作するHTMLエディタを探してみました。openWYSIWYG（Thanks openWebWare）というデザインも素敵なオープンソースのライブラリがあったので、ついでに主要な部分を日本語化してみました。せっかく作ったのでファイルを公開しておきます。＜変更点＞

      • Title属性や、フォント、サイズの画像など主要な部分を日本語化。（日本語化に伴って若干レイアウトも変更）
      • 文字コードをUTF-8
      • フォントの種類の並び替えをコメント化（日本語フォントを上部に表示させるため）

      で、ふと思ってちゃんと検索してみると、すでに日本語化した物が公開されていましたよ！openWYSIWYG 日本向けカスタム版しかもryuzi_kambeさんのは、hr機能も追加されている！！Wordpress Firefox オープンソース って(・∀・)イイ!!で、naviwave 店長さんが作られたのは、上記の機能にさらにテキストエリアのスタイルシートによる変更機能まで！！！僕のは一切機能追加していません。。。元ソースの単なる日本語版が欲しいかたは、下記からどうぞ。

      openwysiwyg.zip

      今度からはちゃんと探してから作りましょう。。。（反省）ライセンスはLGPLです。

      ウェブ 最初にコメントを書くのは誰だ！ »