nondelion.com

京寿司

Mon, 02 Nov 2009 22:11:21 +0900

お寿司が食べれる謎イベント？があると聞いて、平安女学院まで行ってきました（家から自転車で10分くらいの場所なので、会社より近い）。京都SeeL平女祭2009の会場内でひっそりと催されたイベントなので、少し寂しい感じでしたが、学祭気分も味わえて気分的に若くなれたような気がしました。一昨年まで学生として学祭に参加していた人間としては、本当に懐かしい限りです。

テキストトランジション用のクラスを作ってみた

Tue, 22 Sep 2009 14:25:34 +0900

この前作成したクラスをもう少し汎用化してテキストトランジション用に拡張してみた。

BetweenAS3でテキストをtweenしてみる

Wed, 16 Sep 2009 22:37:22 +0900

WonderflやTwitterのTLを眺めていて、これからはBetweenAS3の時代（Tweenerは開発終了）なんだとひしひしと感じたのでそろそろ触ってみる。最初は Spark project の Wiki で使い方を覚えたあと、Wonderfl で yossyさん、soundkitchenさん、clockmakerさんのコードを実際に読むと良くわかる。

概要 → http://www.libspark.org/wiki/BetweenAS3/en
チュートリアル → BetweenAS3Tutorial | wonderfl build flash online
BetweenAS3使い方、Tweenerからの乗り換えのために。 « Fountain

Flash Tracer の文字化けに耐えられなくなって...

Mon, 01 Jun 2009 00:11:34 +0900

最近は Saqoosha 先生の記事を参考に、ターミナルで flashlog.txt を随時表示する方法で見てるんですが、パスさえも入力するのが面倒になってしまったので、エイリアスかけて trace って入力するだけで以下のコマンドが実行されるようにしました。

tail -f ~/Library/Preferences/Macromedia/Flash\ Player/Logs/flashlog.txt

Mac OSX では bash が標準のシェルなので、bash 用の設定を載せておきます。今回は手間を省くために .bash_profile を直接編集してます。※ tcsh とか好きなシェルがある人は玄人だと思うので、bash のみです。

１. ターミナルを開いて以下コマンドを入力。
※僕は学生時代から使っていたので Emacs ですが、Vim, Vi 等好きなエディタで開いてください。

emacs .bash_profile

2. Emacs がターミナル上で起動するので、以下のエイリアスを一番下あたりに追加。

alias trace='tail -f ~/Library/Preferences/Macromedia/Flash\ Player/Logs/flashlog.txt'

３. control + x + c で保存するかどうか聞かれるので、y を入力。

４. 保存できたらターミナルを再起動。

５. ターミナルで trace を入力すると flashlog.txt がだらだらと出力されます。

これでターミナル開いて trace って入力するだけでログが見れる！

砂ボタン

Sat, 23 May 2009 03:36:12 +0900

前回のパーティクルに少しづつ手を加えてボタンにしてみた。途中 beinteractive さんの記事を参考にしてパーティクルの参照方法を、Dictionaryからリスト？なコードに変更（リストって懐かしい）。Wonderfl と JActionScripters 見てるといい勉強になる。

JActionScripters » Blog Archive » Optimize iteration for Particle

Sand Button - wonderfl build flash online

Wonderfl さわってみた

Mon, 18 May 2009 20:58:12 +0900

ずっと as2 だったので、そろそろ as3 触らないとな〜と思って Wonderfl デビューしてみた。手始めに Saqoosha 先生の Snow を fork してパーティクルの練習をしてみたよー。

forked from: Snow - wonderfl build flash online

実はパンダやってました

Sun, 17 May 2009 13:52:21 +0900

ブログに書こうにもコンセプト自体をうまく説明できなくて困っていたんですが、
江南さんが関連グッズと共に紹介して下さったのでリンクを載せておきます。

RefsignMagazine / TEXT / 太陽と月とボクとかワタシ

ポスターはこんな感じ。

RefsignMagazine / TEXT / トイレジャック?!

パンダって子供に人気があるようで、歩いているところを見かけて駆け寄ってくれた子が何人かいました。こちらも夢を壊さないように頑張ってはみたんですが、どうしても顔と体の隙間から人間が出てしまう仕様（子供の視線だと丸見え）だったので、最終的にはバレてしまいました。まぁ、トータルで不思議な生き物として面白がってくれたので良かったのかなと。

いつか本格仕様のパンダになってみたいですね。

MEMO：Youtube の動画URLを取得する2

Wed, 08 Apr 2009 22:55:18 +0900

前回から１ヶ月もたたないうちに Youtube の仕様が変更された模様（2009年4月4日〜）。地味に悩んで解決方法も見つけました。

MEMO：Youtube の動画URLを取得する

Sat, 21 Mar 2009 06:56:00 +0900

最新はコチラ→　MEMO：Youtube の動画URLを取得する2

Youtube からのFLVをロードする場合は、基本的に以下のURL形式でOK（今はここから更に実際のFLVが置いてある Google にリダイレクトされる）。ロードに必要なトークンは提供されている API などからは参照できないので、みんな本家のソースをスクレイピングして取得してる。本家からはこれからもトークンを参照できると思うので（大幅な設計変更が無ければ...）安全策だと思う。だけど、僕はもうちょっとシンプルに取得したかったので違う方法を探してみた。

http://www.youtube.com/get_video.php?video_id=動画ID&t=トークン

Refsign Magazine を制作しました

Sat, 08 Nov 2008 08:07:25 +0900

Refsign Magazine

京都のデザイン事務所「Refsign」が発信するデザインマガジン。
入社から半年ちょい。他の仕事もこなしつつコツコツと制作してました。
やっと公開することができて、僕もほっとしているところです。
今後も、いろいろな更新をしていく予定なので、是非見に来てやって下さい。

Progression Framework 2.0.20 + Movable Type 4.2 で構築しています。

11/24 追記：
報告が遅くなってしまいましたが、Progression のショーケースに掲載していただきました。

progression.jp｜ショーケース（progression.jp）

あと余談になるんですが、このサイトのデザインは Refsign の佐野さんがやっています。僕もデザインを少しだけお手伝いさせて頂きましたが、それ以外ではFlash のオーサリングとMTの構築、システム周りの調整を担当してやっていました。なかなか大きめのサイトだったので、少し苦労しましたがなんとかリリースできて良かったと思っています。

そうそう、リリース時にはまだ『Coming Soon』になっていた Download も始まっています。今のところ、THE KING OF GAMES の EnamiさんとMaedaさん、Refsign 佐野さん、2g さんの壁紙がダウンロードできるようになっています。皆さん、一度ダウンロードしてみて下さい:P

TextField に leading + autoSize を設定すると...

Mon, 27 Oct 2008 02:54:57 +0900

自分用メモ。

leading で行間を指定しつつ、autoSize でサイズ調整を行うと、テキストを選択したときにスクロールしてしまう。
その原因と解決方法について書いてみる。

2008 夏〜秋近況報告

Sat, 25 Oct 2008 10:30:13 +0900

行ってきた場所・イベントなど。時間が経ちすぎているので、リストで。
写真が無いなー、カメラ欲しい。できれば D90 か D80。

ごはんとFlash ～おいでやす京都～ presented by teraco
THA/中村勇吾のインタラクティブデザイン @ddd
京都のデザイン事務所、Marble.co の9周年 & 1Fの cafe marble の1周年記念パーティー

何か忘れてそうなので、思い出したら追加する予定。

Progression のコマンドクラスの Func コマンドではまった

Sun, 03 Aug 2008 10:22:17 +0900

Progression Framework 2.x.x 系での話。 3.x.x系がリリースされた今となっては役に立つ情報なのか微妙なのだけれど、そこは置いておいて今回はコマンドクラスの Func でつまったところについて書いてみる。

MEMO:カスタムイベントの作成方法

Thu, 19 Jun 2008 02:09:25 +0900

as3 でのカスタムイベントの作成方法をよく忘れるのでメモしておく。例として CSS ロード用のCSSLoader とそのカスタムイベント CSSLoadEvent を作成。外部 CSS を TextField に StyleSheet として設定するサンプルも載せておく。

WCAN mini Actionscript Vol.6 に参加してきた part.2

Sun, 25 May 2008 18:25:18 +0900

先週に引き続き WCAN の報告をします。今日はコンポーネントベースでの制作について書きたいと思います（Workshop 同様 Progression Framework version 2.0.21 を使用）。実際にコンポーネントベースで制作された mathatelle さん曰く、「小規模の案件であれば、コンポーネントベースで十分」らしいので、超短期の制作で需要がありそうです。

WCAN mini Actionscript Vol.6 に参加してきた part.1

Tue, 20 May 2008 02:36:45 +0900

京都からはるばる名古屋まで、WCAN に参加してきました。

WCAN mini ActionScript Vol.6（WCAN）

緊張しつつ適当に座ったら、なんと隣に座っていた方が、3日でサイトを作成したという mathatelle さん（僕は知らなかった）。１日チュートリアルでProgressionを知って、残り２日間で制作してしまったという驚愕の事実。同じ MacBook だったので、会場に無線LANスポットがあることと使い方を教えて下さいました。本当に見た目通りの優しい方でした。

他にも、いろんな方と少しだけですがお話させていただいたんですが、まずは Workshop について書きたいと思います。

MackBook を購入した

Thu, 15 May 2008 00:52:04 +0900

せっかく関西圏で Web 系の職業に就いたのだから、大阪や京都で開催されている勉強会に積極的に参加してみようと思っていた。しかし、今の僕には持ち運べるノートPCが無い。かといって、紙とペンだけで勉強会に参加するのはさすがにキツイ。ということで、思い切って MacBook（MB404J/A ）を買ってみた。最初は、画面の広さで MacBook Pro の方に気持ちが行ってしまていたけれど、持ち運びやすさ・コストパフォーマンスを考慮して、最終的には MacBook を選択。実際に使ってみると、画面の狭さを窮屈と感じないちょうど良い広さで驚いてしまった。もし今後、もっと広いワークスペース（画面）で作業したくなったときは、広めの液晶モニタを購入すればいいだけの話なので問題は無い。これからは、この MacBook 片手にいろんな勉強会に参加しようと思う。

近況報告２

Thu, 15 May 2008 00:34:44 +0900

しばらく放置気味だったこのブログ。引越して２ヶ月。そろそろ仕事も京都での生活にもなれてきた時期なので、また書き始めようかと思ってます。ただ、しばらくちゃんとした記事を書いていなかったので、リハビリ程度に、こっち（京都）に来てから訪ねた場所、参加したイベントなどについて書いてみます。

近況報告

Fri, 14 Mar 2008 13:48:02 +0900

この春から京都の某デザイン会社に就職することになりました。これで僕もやっと社会人になるわけですが、１週間でクビにならないように頑張りたいと思います。そのために勉強もしないといけないんですが、引越先にネット環境が無いという危機的状況です。早めに開通させないと１週間で浦島太郎になりそうな予感。

コードのマークアップについて

Mon, 25 Feb 2008 01:00:14 +0900

コードは<pre>でマークアップするべき ...か？ - Archiva（Archiva v2.2）

コードのマークアップについていろんな方法が紹介されているけど、印刷時の表示について全く触れられていないような気がした。例えば、ある記事に有用なソースコードが掲載されていたとして、そのコードを参考にする閲覧者の中には印刷しようとする人だっているはず。

順序リスト（ol）を使うことで行番号を付けれるっていうメリットはあるけど、印刷時にインデントが消えて著しく可読性が損なわれるというデメリットもあるんだよね。しかも、印刷用CSSの実装はブラウザによってバラバラだから CSS での指定も難しい。pre 要素でマークアップすれば、印刷用 CSS で指定しなくてもブラウザはちゃんとインデントしてくれる。これが、コードのマークアップに pre 要素が使われている理由の一つだと僕は思う。

コードをどんなタグでマークアップしようが製作者の自由だけど、ある程度想定できるユーザアクションへの対処はこちら側で考えるべきだと思う（と書いておきながら、自分にも言い聞かせています）。自分も偉そうな事を言える立場じゃないんだけど、少し気になったので書いてみました。

Metasequoia クラスで bmp ファイルのテクスチャを読み込む

Mon, 18 Feb 2008 21:45:59 +0900

タロタローグの太郎さんの記事で、メタセコイアファイル(.mqo)のビューワはチュートリアルのプレビューレベルを想定していると書かれていた。でも、実際に三次元CG＠七葉の保管庫などで公開されているテクスチャには bmp ファイルがよく用いられてるので、読み込めた方が良いんだろうなーと思って改造してみた。

まぁ、用途的にはインタラクティブ性があるだけで美しさは無いので、チュートリアルのプレビューレベルに使えればいいか？とかそんな感じ、もしくは三次元CG＠七葉のような掲示板で練習中の作品を見せ合うために使うとかだろう。が、そう言った場合に木構造表示機能はあったほうがいいのか、それとも不要なのか？といった疑問に答えてくれる人が周りにいないので、今一開発が迷走してるように思える。

タロタローグブログ » AS3版メタセコビューワ作った。

fotologue の RSS からサムネイル画像を読み込む

Sun, 10 Feb 2008 15:08:14 +0900

flikr から画像を読み込んでるサンプルを見かけるけど、fotologue バージョンは見かけないので、サンプルを作ってみた。

youtube 用の swfobject プラグイン

Sun, 03 Feb 2008 22:07:47 +0900

swfobject v2.0で youtube の動画を貼り付けるためのプラグインを作ってみました。

例えば、swfobject のみを利用して youtube の動画を貼り付ける場合、以下のような長ったらしいコードになってしまいます。しかも、毎回動画を貼り付ける時は ID 以外の引数の値が同じになっています。それなら、最小限の引数で貼り付けられるようなプラグインが欲しいなーと思って作ってみました。また、このプラグインを使うことで一度に複数の動画を貼り付けることもできます。

swfobject.embedSWF("http://www.youtube.com/v/yNdsv08JWnc&rel=1", "myContent", "425", "355", "7.0.0", null, null, {wmode:"transparent"});

MT4.01 から MT4.1 へ

Sat, 02 Feb 2008 21:55:21 +0900

MT-4.1-ja が正式にリリースされたので、アップデートしてみました。年末年始のサーバ移転で MT のインストール・アップデートや、mt.Vicuna のアップデート・書き換えをやり過ぎたせいか以前よりカスタマイズの手際が良くなった気がします（Vicuna のテンプレート構造も頭に入ってる）。テンプレートに関しては Template Exporter が有償でしか配布されていないので、ほぼ手作業で書き換えてるんですよね...。自分でプラグイン作るか、MTOS あたりで標準搭載されるのを待つか。テンプレート関連の機能がもっと充実してくれる事を祈るばかりです。

AS3 で Paint のバケツツールを作ってみた

Fri, 01 Feb 2008 17:40:17 +0900

Paint のバケツツール（塗りつぶし）を作ってみた。

MovableType における拡張子の簡単な隠し方

Tue, 29 Jan 2008 19:10:55 +0900

移転メモ（２）アーカイブマッピングで、コンテントネゴシエーションを利用して（今後変更される可能性のある）拡張子を URI から排除する方法を書いたのですが、もう少し簡単な方法を見つけたので少し書いてみたいと思います。

「51歳のヘルベチカ」ブックカバー展

Sat, 26 Jan 2008 22:33:40 +0900

南青山の ea ショールームで開催されているイラストレーターの福田利之さんの benoito 原画展（2/1まで）と、御茶ノ水の美篶堂で開催されている「51歳のヘルベチカ」ブックカバー展（1/27まで）に行ってきました。

三鷹の森ジブリ美術館

Fri, 25 Jan 2008 22:56:05 +0900

昨日の仙川・上野に続いて、三鷹の森ジブリ美術館へ行ってきました。数年前までは、「１ヶ月先まで予約が一杯で入場券を購入できない」という話を聞いていたんですが、平日だったので前日予約で大丈夫でした（まさか本当に購入できるとは思っていなかった）。

建築と芸術と動物たち

Thu, 24 Jan 2008 23:01:04 +0900

久しぶりに日記的なエントリを書いてみたいと思います。えー実は、はるばる東京まで来ています。22日の夕方に到着し、toshipon 宅に居候させてもらっています。就職活動という名目でこちらに来てはいますが、滞在日程の半分以上が観光（主にアート系）に費やされる予定です。で、ちょうど空き日だった今日は、安藤忠雄氏設計の建築物を挟みつつ、東京都美術館で開催されているルーヴル美術館展と上野動物園に行ってきました。

Metasequoia クラスを GreatWhite に対応させてみた

Mon, 21 Jan 2008 04:34:17 +0900

昨年の秋から放置していた Papervision3D をそろそろ触ってみることにした。あまり基本的なことをやっても楽しくないので、rch850 さんの Metasequoia クラスを使って .mqo ファイルを読み込んでみることにした（3Dデータは三次元ＣＧ＠七葉の保管庫から△2000の初音ミクをお借りしました）。まず、PV3D1.5 でやってみたのがコレ。

PV3D1.5で初音ミク ※かなり重いです。

続・swfobject で flash を Window 内に全画面表示

Fri, 18 Jan 2008 00:38:03 +0900

swfobject で flash を Window 内に全画面表示では、swfobject（v2.0 のオプション2 または v1.5）と FitFlash（2.4）またはスタイルシートを使って全画面表示をしていました。その後でもう少し詳しく調べてみた結果、実は特定の公開識別子のみ全画面表示可能であったり、縦スクロールバーが出てしまうことが分かりました。

swfobject で flash を Window 内に全画面表示

Thu, 17 Jan 2008 10:12:23 +0900

タイトル通りの事ができないかなーと、やってみたら少し手こずったという話（FitFlash を使えば何も問題はなかった）。
※ここに載せているサンプルは、全て公開識別子を XHTML1.0 Transitional にしています。

※この記事には続きがあります。必ず読むようにしてください。

続・swfobject で flash を Window 内に全画面表示 - nondelion.com

移転メモ（３）Feed と FeedBurner

Thu, 17 Jan 2008 04:40:43 +0900

1週間以上間が空いてしましましたが、移転メモ3回目です。今回はサイトの Feed と FeedBurner についてです。

移転メモ（２）アーカイブマッピング

Sat, 05 Jan 2008 07:41:20 +0900

移転メモの2回目は、移転時に設定した MovableType 4.01 でのアーカイブマッピングについて書きたいと思います。

移転メモ（１）ディレクトリ構成

Thu, 03 Jan 2008 21:51:38 +0900

半月前から移転作業を進めてきましたが、正月休みを利用してようやく終わらせることができました。と言っても、まだ未完成の部分を放置していたり、今後変更してみたい部分も多々あるので、これで終わりというわけではありません。近年急速な発展を遂げてきたWWWでさえまだ発展の余地があるのですから、常に新しい技術を取り入れて「変化のあるサイト」にしていきたいと思っています。今後も nondelion.com をよろしくお願いいたします。

前置きが長くなってしまいましたが、本題の移転について「移転メモ」として何回かに分けて書いていこうと（メモ程度）思っています。で、今回はサーバ移転時に変更したディレクトリ構成について書きたいと思います。

サーバを移転しました

Thu, 03 Jan 2008 08:50:16 +0900

移転作業をなんとか終わらせることができました。概要はまた後ほど。

heteml についての雑感

Tue, 01 Jan 2008 06:47:41 +0900

2008年の初エントリです。去年はあまり記事を書けなかったんですが、今年は積極的に書いていこうと思っています。購読されている方は少ないですが、今年もよろしくお願いします。

さて、今回は昨年の12月から半月ほど heteml を利用してみた感想を少し書いてみたいと思います。

Gravity

Fri, 28 Dec 2007 00:32:33 +0900

久々に as3 触りました。で、その成果が下にあるGravity です。

今回は『封神演義』に登場する宝貝、重力を操る盤古旛をモデルにして何かできないかなーと思って勢いで作ってみました。結果は、見ての通り盤古旛とは似ても似つかないモノになってしまいました(-_-;)

自分だけの町

Thu, 20 Dec 2007 22:28:17 +0900

先日からTwitter上で話題になっている MyMiniCity というサービス上で、僕だけの町「nondelion」を作りました。もちろん、本物の町でもシムシティで作った町でもありません。あくまで MyMiniCity にある架空の町なのです。このサービスは名前を決めるだけでアカウントを作成できるため（個人情報登録無し）、気軽に始めることができます。

ブログがどんな顔をしているか知りたくありませんか？

Thu, 20 Dec 2007 21:26:40 +0900

そんな問いに答えてくれるのが、emo[エモ]です。自分の文章で書かれたブログがどんな性格なのか、ちょっと知ってみたくなったので試しに貼ってみます。ただ、貼ってすぐ反映されるわけではなくて、この記事が投稿された翌日にブログの顔が表示されるらしいので、それまで楽しみにしておきます。

コメントを投稿できなくなっていた

Sun, 16 Dec 2007 17:44:44 +0900

nobukoさんに教えてもらって発覚したんですが、うちのMTに登録されている人以外は、サインインの有無に関係なく下のエラーが表示されて弾かれてたみたいです。

サーバ移転に向けて準備中

Sun, 16 Dec 2007 13:26:06 +0900

いくつかトラブルが続いてしまって、前々から考えていたサーバ移転を急遽実行することにしました。

メタボ

Tue, 06 Nov 2007 04:20:41 +0900

メタボールは、コンピュータグラフィックス用語で、n 次元の有機的なオブジェクトを表す言葉である。メタボールをレンダリングするための技術は、ジム・ブリンによって 1980 年代初期に発明された。

メタボール from Wikipedia

約1年前のWeb Designing 12月号に掲載されていたメタボールをActionScript3.0で再現してみた。この記事を見てからずっと作ってみたかったんですが、怒涛の卒論や卒業旅行の準備なんかですっかり忘れていました。この前偶然見つけて、今の自分ならできるんではないかと思って作ってみました（Bitmapの勉強にもなる）。途中、図形にグラデーションかける工程でつまづいたけど、なんとか完成。ASのみで作成する辛さを実感しました。

mt.Vicuna1.14 でコメントのHTMLタグを許可できない場合の処置方法

Sat, 03 Nov 2007 07:55:12 +0900

MovableType（以下MT）側の設定でコメントのHTMLタグの使用を許可にしていても、勝手にHTMLタグが削除されてしまうため困っていました。最近忙しくて放置していたんですが、少し時間ができたので調べてみました。

FlashDevelop 3.0.0 Beta 3 で日本語フォントを使う方法

Fri, 19 Oct 2007 19:24:44 +0900

ActionScript 3.0 に興味があったので、Flex 2 SDK + FlashDevelop 3.0.0 Beta3 を入れて勉強していたんですが、FlashDevelop のエディタのフォントがデフォルトで Courier New になっているので見難くて困っていました。

Vicuna 用にカスタマイズした掲示板を修正しました

Fri, 05 Oct 2007 01:07:45 +0900

stdbbs-0.11-alpha-for-vicuna.zip

配布しているファイルに含まれているスキンの中で、以下の3つに不備があったようです。修正版を用意しましたので、置き換えてみてください。もし、この３つのファイルを改造しているのであれば、下記の手順に従って該当部分を書き換えてみてください。

delete_list_skin.html（エントリ一覧画面用スキン）
edit_skin.html（編集画面用スキン）
new_entry_skin.html（新規投稿画面用スキン）

2つの色の中間色を求める方法

Sun, 30 Sep 2007 20:06:35 +0900

色の数が少ないパレットでも、２つの色をブレンドして中間色を生成できれば種類が増えていいなぁと思ってやってみました。今回は、2色が16進の0xRRGGBB形式で入力されるとして、特定のMovieClipをそれらの中間色に変更してみました。

色ポチポチ

Sat, 29 Sep 2007 22:57:10 +0900

昨日のドット絵2を、色選択ができるように拡張してみました。

ドット絵２

Fri, 28 Sep 2007 15:12:17 +0900

以前作ったドット絵？に、描画するドットのサイズを選択できる機能を追加してみました。

あのルー語変換が

Thu, 20 Sep 2007 09:09:43 +0900

本になっていました。その名も「ルー語大変換」。

ブログ名をタイプミスしていた

Fri, 07 Sep 2007 21:05:56 +0900

いつ頃からか分かりませんが、ブログ名をタイプミスしてました。construction<工事>という長い単語を使ったのが悪かったようです。このブログ名は、MovableType を設置した当初、何をどう書き換えれば良いのか、設定をどうすれば良いのか全く分かっていなかったので、とりあえず"工事中"にしたわけです。まさか３年間もブログ名をホッタラカシにしておくとは、本人にとっても想定外だったようです。正誤表は以下の通り。

Site Stock

Fri, 07 Sep 2007 15:40:17 +0900

サイトストック | ブログパーツ（SiteStock）

先日デジパから子会社化したサイトストック株式会社から、サイトの査定をしてくれるブログパーツが公開されています。っていう情報を Sunny Designさんで知りました。以前サイトストックがローンチした頃に、このブログを査定しようとしたんですが、まだ Google Analytics を導入していない時期だったので必須項目の月間ページビューが分からなくて査定できませんでした。

掲示板を Vicuna 用にカスタマイズしてみた

Mon, 20 Aug 2007 23:53:38 +0900

先日配布を始めた "standard board " をVicuna に合うようにカスタマイズしてみました。

Standrd Boardα版リリース

Sat, 18 Aug 2007 15:12:32 +0900

スキン式掲示板、"standard board" をリリースしました。以下の配布サイトからダウンロードできます。カスタマイズ用の情報なども随時載せていく予定です。

About Standard Board（配布サイト）

調子に乗って、Vicuna 用にカスタマイズしてみました。上のGuest Bookがソレです。

Transformers

Sat, 04 Aug 2007 23:53:31 +0900

『Transformers』 - Transformers Movie Official Site

ロボット映画ってことであんまり期待してなかったけど、良い意味で期待を裏切ってくれた。さすがマイケル・ベイ監督。映画版のトランスフォーマーは、おもちゃの面影が無いからこそ良い。ガンダムファンには申し訳ないが、日本の変形物のロボットって綺麗に変形しすぎて面白くないというか、毎回似たようなプロポーションだから飽きてしまう。それに比べると、Transformersは変形がリアル過ぎるところが斬新でカッコイイ！お気に入りのオートボットは、その一言一言が胸に沁みる正統派ヒーロー OPTIMUS PRIME、カマロがモデルの BUMBLEBEE。

CSSを使って見出し要素の先頭にアイコンを表示する方法

Sun, 29 Jul 2007 03:53:12 +0900

ブログで記事を書いていて、見出し要素（h1?h6）などの先頭にアイコンを表示したい時ってありませんか？img タグでいちいち書くのもめんどくさいし…と悩むこともあるかもしれません。そんな時に使えるのが、今回紹介するTipsです。

フォームから入力された16進コードで色を変更

Wed, 18 Jul 2007 22:37:28 +0900

ColorTransform を使って、MovieClip の色をフォームで指定されたものに変更してみた。

ドット絵？

Tue, 17 Jul 2007 23:51:04 +0900

Flash8の体験版で最近遊んでいます。
その過程でできた変なものをUPしてみました。

マウスカーソルに追従させる動き

Tue, 17 Jul 2007 01:54:16 +0900

勉強のためにマウスカーソルに追従させてみました。

掲示板を製作中

Sun, 15 Jul 2007 20:39:00 +0900

Perl/CGIで動く掲示板ソフトを新しく作っています。

サンプル

外見は見てのとおり（トップのFlashは遊び）。
7月中にはリリースできたらなぁと思っています。
実際に動作しますので、是非コメントテストなどしてみてください！

スケッチ・オブ・フランク・ゲーリー

Thu, 12 Jul 2007 19:54:41 +0900

『スケッチ・オブ・フランク・ゲーリー』

独創的な建築家、フランク・ゲーリー。正直なところ、僕はゲーリーについて全く知らない。Wikipedia や映画公式サイトでいろんな情報を仕入れてみたが、ピンとこない。だから、シドニー・ポラック監督がどんな切り口で、ゲーリーを伝えてくれるか楽しみだ。この作品を通して彼の創作過程を見ることで、自分の既成概念を根底から壊せないかなぁと思っている。娯楽映画ばかりではなく、たまにはこういう映画も観てみたいもんだ。

岡山での上映は、シネマ･クレール（上映期間は未定）。9月以降になりそうなので、神戸あたりに観に行くかもしれない。

実践 Web Standards Design

Sat, 07 Jul 2007 22:07:06 +0900

Amazon で注文していた、通称ホップ本が届きました。

以前から興味は持っていたんですが、なかなか買えずにいました。この前 VICUNA CMSを偶然発見して、そこで配布されているテンプレートに感動してしまって。よく見るとあのホップ本の著者だっていうじゃないですか。もうこれは運命だなと感じてその場で衝動買いしてしまいました。

ちょうどCSSのセレクタあたりを勉強しないとなあと思っていた所だったので、非常に助かりました。これから、この本を参考に standard note の開発を進めて、夏には公開できたらと思っています。

Handshake Co.

Fri, 06 Jul 2007 00:43:45 +0900

右のサイドバーに The handshake Company の穴を貼ってみました。

とりあえず、穴に入って見習いとして他ブログへ営業（握手してもらう）に行きましょう。握手してもらえれば正社員として雇ってもらえます。正社員になれば、自分のアバダーに名前つけることができたりします。

ブログとブログをつなぐブログパーツですが、仮想世界の中にある会社を通じて他のユーザとコミュニケーションできるというところが面白いなぁと思ったり。それに、ブログパーツの穴から握手を求めるアバダーの姿がかわいくてついつい握手してしまいます。まぁ、もし誰か握手を求めてきたら握手してあげてください。それだけで相手はうれしいはずです。

同時に2つの class を指定する方法

Thu, 05 Jul 2007 01:44:37 +0900

以前からどうにかしてできないかなと思っていたんですが、この方法を知ってかなり驚きました。なぜかというと、例えば foo , bar という2つの class を指定する場合は間に半角スペースを入れてやるだけ。簡単です。

<div class="foo bar">
  <p>テキスト</p>
</div>

.foo { /* ボックスのサイズを定義 */
  width: 200px;
  height: 200px;
}

.bar { /* ボックスのスタイルを定義 */
  border: 4px solid #9c0;
  color: #9c0;
  text-align: center;
  background-color: #666;
}

結果を見ると、ボックスに両方のクラスが適用されていることが分かります。

画像リンクを横に並べる方法

Wed, 04 Jul 2007 05:22:26 +0900

深夜に友人とメッセで、画像のバナーを margin や padding 指定がキッチリできるよう横に並べることはできないかな？っていう話になったので、少し考えてみた。

アンドウケンチク

Sun, 01 Apr 2007 04:11:37 +0900

思いつきで青春１８きっぷを買って、大阪・京都まで行ってきました。というのも、大阪のテアトル梅田で新海誠監督の最新作が上映中だったので、１本の映画を観るためだけに遠出してみるのも面白いなぁと思ったからなんですが。まぁ、というわけで行ってきましたテアトル梅田。映画の内容は言えませんが、寝不足で寝ぼけた頭と監督の世界観で観ている場所が梅田だということを忘れてしまうくらい僕には面白くて、監督の持ち味である背景美術の色彩の豊かさと実物のリアルな描写がすこくキレイでした。なんていうか、セリフ＝新海さんの言葉（詩または小説のような）を新海さん自身が映像作品にしているがゆえに表現できるタイミングがピッタリフィットな感じで、僕はそれがたまらなく好きなんです。ただ今回は、音楽に合わせて連続でカットが切り替わるシーンが多々あって、少し単調でそこだけはどうだなんろう？って感じでした。

２日目、予定が未定だったため急遽京都の大山崎山荘美術館へ行ってきました。この美術館は当日調べて、「これにしよう！」って決断して行ったわけですが、今日の僕の勘は冴えてました。クッキリパッチリです。

古い洋館＋コンクリート打ちっ放しの建物＋庭園＋絵画。最初驚いた新旧の組み合わせも、眺めているうちに納得。新館に展示してあるモネの『睡蓮』２枚を見れて満足。もう言う事なしです。写真中央にある赤い屋根の建物が本館、白い建物が安藤忠雄設計の新館。

庭園に咲いていたしだれ桜。あいにくの天候なのが少し残念でしたが、今年最初のまともな桜を見ることが出来ました。

本当は、金沢の２１世紀美術館まで足をのばしたかったんですが、先日の地震で観光どころではないでしょうから仕方なく諦めました。震災から復興した頃の新緑の季節にまた行ってみようと思います（もちろん晴れた日に！）。

study-1

Fri, 23 Feb 2007 11:28:41 +0900

ボタンっぽい部品。載せてから気づいたけど、音と動きがズレてる…。

smart bookmark α リリース

Wed, 21 Feb 2007 20:00:01 +0900

オンラインブックマークソフト、"smart bookmark"のα版をリリースしました。smart bookmarkは、ブラウザのブックマーク機能を環境に依存せずWeb上で実現したソフトです。まだまだ改良点が多いのですが、使ってみようと思われた方は是非使ってみてください。

smart.zip

※営利目的で使用しないのであれば、自由に利用できます（ただし、著作権は放棄していません）。また、ソフトの使用によって生じたいかなる障害も作者 nonは責任を負いません。ダウンロードした時点でこれらに同意したものとします。

ASIMO

Tue, 06 Feb 2007 06:20:57 +0900

Honda (UK) - Warm Technology Webcast "MORE FORWARDS"

たった1分30秒の映像を30分ちかく見続けてた。ASIMOの人間らしい仕草に感動。このＣＭを見ていると技術者として科学技術に貢献することって、素晴らしいことなんだなあと思う。

新 CSS Validator 用 Bookmarklet

Thu, 21 Dec 2006 20:49:34 +0900

Happy Birthday CSS ! ( WWW WATCH )

　1996年12月17日にCSSが最初に勧告されてから今年で１０周年になるそうです。いつも拝見させて頂いているWWW WATCHさんの記事を見て、恥ずかしながら初めて知りました。まぁそれは置いておいて、 CSS Validator の新バージョンがリリースされているという情報も載っていたので、記念に自分好みの CSS Vaildator 用 Bookmarklet を作成するスクリプトを書いてみました。

　各オプションを選択し、「Bookmarklet」と書いてあるリンクをブックマークしてもらえればＯＫです。

bookmarklet

MT3.2 から MT3.33へ

Wed, 13 Dec 2006 01:31:23 +0900

　もう１２月だというのに、研究に対するやる気がスコンと抜け落ちてしまっている感じなので、このままだと非常に危ない。ということで、気分転換に Movable Type をアップグレードしてみました。

　と言っても初めてのアップグレードだったので、参考になりそうなエントリーを探してみるとみらのさんの記事を発見。手順通りにアップグレードを進めていくと簡単にできました～感謝です。

MovableType3.2から3.3へのアップグレード手順 ( Milano::Monolog )

引っ張るインタフェース

Fri, 17 Nov 2006 15:03:24 +0900

　普段生活している中でヒモを引っ張るインタフェースって結構あると思う。照明や換気扇を点けるときなんかそう。例えば１本のヒモが目の前にぶら下がっていて、それをどうにかすると何か起こるとしたら、多くの人が「引っ張る」っていう選択肢を選ぶはず。それくらい直感的なインタフェースだと僕は思う。

　そんな「引っ張る」インタフェースをFlashで実現しているのが Capital Corporate Communications のWebサイト。あまりFlashに慣れていない人にはわかりにくいかもしれないけど、PCを知らない人でも理解できる動作をするインタフェースはこれからの時代、どんどん増えていくんじゃないかな。

del.icio.us にアクセスできない

Mon, 13 Nov 2006 10:59:09 +0900

　普段から Web クリップとして使っている del.icio.us 。気に入ったページがあれば、Firefox Add-ons の del.icio.us を使ってブックマークしているわけです。そんな del.icio.us に今日もブックマークしようとアクセスすると・・・「The document has moved here」というメッセージが表示されてアクセスできない。ブックマークトップも画像のようになっていた。

　右上を見ると「logged in as nondelion」となっているので、ログインはしている・・・。なら、他の人もそうなっているんじゃないかと調べてみると、他にも似たような人がいる。この現象についてのニュースはないかと調べても見つからないし、多分 del.icio.us 側の問題っぽいので諦めました。

　del.icio.us が使えないとかなり困るんで、早急に復旧して欲しいです。

ファイルの内容を一気に読み込む方法

Sat, 11 Nov 2006 18:37:46 +0900

$/ を未定義値にすると、ファイルの内容を一度に読み込むことができるらしい。

undef $/;
open FILEHANDLE, "read.txt";
print <FILEHANDLE>; # ファイルの内容を全て表示

"standard note"の仕様がガラッと変わるかもしれません。

WYSIWYGを使ったWebアプリケーション

Wed, 01 Nov 2006 05:47:27 +0900

　WYSIWYGとはなんぞや？ということでさっそくWikipediaで調べてみると、

WYSIWYG（ウィジウィグ）とは、コンピュータのユーザインターフェースに関する用語で、ディスプレイに現れるものと処理内容（特に印刷結果）が一致するように表現する技術。What You See Is What You Get の頭文字をとったものである。直訳すると、「あなたが見るものはあなたが得るもの」。
>Wikipedia

というもので、代表的なソフトウェアはMircosoft Word、OSならMacintoshがそれにあたるらしい。Wordなんかを利用するだけで、レイアウトを整形したり画像を挿入したある程度リッチな文書を作成することができるなんて、一般のユーザにとっては夢のような話だ。

　まぁでも、確かに編集側と出力側の見栄えが一致することは有用なことなんだとは思うんだが、裏で何をしてるか分からないとユーザ側からの制御がかえって難しくなるんではないかと僕は思う（普段からWordなんて一切使わずにLatexやHTMLで文書を書いている自分には意見を言う資格は無いが… ）。まぁ、僕みたいなマイノリティの意見は放っておけばいい。

　本題は何かというと、最近Web上で利用するアプリケーションの編集画面がWYSIWYG形式になってきているということ（僕が知らないだけで以前からそうだったのかもしれないが）。この背景にはAjaxが普及しはじめたことが関係しているのだと思う。この形式を採用しているサービスには、BloggerやVoxなどがある。それぞれ面白い機能があって、BloggerならHTML・WYSIWYG・プレビューの3形式を編集時に見ることが出来るたり、Vox（最近正式リリースしたばかりなのだが）はYouTube・Fliker・Amazonなどのコンテンツをアイテム化し、WYSIWIG形式の画面に貼り付けることができる。厳密に言えばどちらも編集側と出力側の見栄えが完璧に一致しているわけではないが、HTMLタグを知らないユーザにとっては有用な形式であるはずだ。

　ということで自作日記スクリプト "standard note" にも同様の機能を追加できないかと最近考えていたりする。standard note の編集画面で通常のHTML画面とプレビュー画面を表示するところまでは完成させることができた。次はWYSIWIG形式なのだが、これが難しい。サーバを介さずに実現しようとすると、必然的にjavascript を使わなければならない。早めに実現させたいな～

Mac IE5 のキャッシュについて

Wed, 18 Oct 2006 03:23:10 +0900

今年の５月頃、あるページデザインを Web 標準に準拠させようと Windows の IE6 , Firefox , Netscape , Opera で検証した後、Mac で Safari , Firefox , IE5 と検証した結果、Mac IE5 だけ表示がおかしい・・・。コンテンツ全体をセンタリングしているはずがされていない。仕方なくスタイルシートの値をいろいろ変えてみるが全く効果は無かった。　上の件で Mac IE5 への対応を断念していたが、隣の研究室の彼の机に Mac が設置されていることを知り、その Mac を借りてもう一度チャレンジしてみることにした。しかし、思いつく限りいじってみるが変化なし。最後、半分やけになって内容を70%ほどカットしてみると、他のブラウザと明らかに違っている点に気づいた。そう、最初から Mac IE5 で表示されたレイアウトは 1px たりとも動いていなかったのだ。この「CSS いじっても微動だにしない」事件は Mac IE5 のキャッシュの更新を「常に」にしていなかったために、最初に読み込んだスタイルシートをキャッシュに取り込んだ後、更新されたはずのスタイルシートは適応されていなかった、というのが主な要因だった。　こうしてスタイルシートが正しく適応されるようになったおかげで、センタリングされなかった理由も見つけることが出来た。詳しくは以下参照。

MacIE5 overflow:hidden とポジショニング
from The Trap of Web Design

　例えば下のような HTML をセンタリングする場合、

<body>
	<div id="container">
		コンテンツ
	</div>
</body>

　スタイルシートを以下のようにしてはいけない。

body{
    margin          : 0px;
    padding         : 0px;
    text-align      : center;
}
#container{
    position        :relative;
    width           : 500px;
    margin          : 0px auto;
    padding         : 0px;
    overflow        : hidden;
}

　#container をコンテンツした場合、「overflow: hidden」を使用しなければセンタリング可能？らしいので、Mac IE5 でセンタリングする場合は「overflow: hidden」に気をつけなければ！

Google Image Labeler

Thu, 12 Oct 2006 15:55:57 +0900

Google Image Labelerが面白い

　という記事を読んでさっそく Google Image Labeler をやってみたんですが、なかなか難しい。それもそのはず・・・世界中からパートナーを探して画像のラベル付けをする訳ですから、当然向こうは英語でラベルをつけてくるんです。表示された画像を見て連想する単語はだいたい日本語なので、それを英語に置きかえることができない場合が多いんです。語彙力が無いと言われたらそれで終わりなのですが・・・。まぁ、でも、この Google Image Labeler というゲームは英語の語彙力をつけるに適しているのかもしれません。

　本当は、この Google Image Labeler は画像の検索精度を上げるために仕向けられた Google の罠なんですが、単なるゲームだと安易に考えてやっていると Google にどんどん貢献してしまうという恐ろしいゲームです（笑）。画像が何に関するものかを機械側から判別するのは難しいから、ゲームにしてしまってユーザーにラベル付けをさせてしまおうという Google の発想には脱帽です。

microformats

Wed, 11 Oct 2006 02:21:41 +0900

　僕はウェブの技術にあまり詳しくないので、microformats なんていう言葉を聞いても何が何だかさっぱり分からない。だけど、いろいろ調べてみるとこれはセマンティック・ウェブに関する技術で、「既存の (X)HTML に少し手を加えることでリンクやタグに意味付けを行える」というものだそうだ。詳しくは下記リンクで。

About Microformats
http://d.hatena.ne.jp/naoya/20050715/1121411871
http://2xup.org/log/2006/10/10-1800
ここのエントリーに載っているPDFが一番分かりやすい
Microformats Wiki 日本語版

　microformats の例として hCalender を使って岡山県立大学県大祭の１日目の日程について書いてみると以下のようになる。

岡山県立大学県大祭１日目

日時: 2006年11月4日（土）10時から18時
場所: 岡山県立大学
概要: 今回で１４回目となる県大祭の１日目

　ちなみに、上の予定を Google hCalendar という Greasemonkey スクリプトを使って Google Calender へ登録するなんてこともできる。これを利用すれば、どこかパブリックな場所に誰かが予定を書き込むだけで、その予定を誰でも自分のスケジュールに加えることができる。便利になったなぁ。でも、Firefox + Greasemonkey + Google Calenderへの登録が必須・・・

実際のコード。hCalender Creatorを使うと手間をかけずに作れる。

<div class="vevent">
  <h3 class="summary"><a href="http://blog.livedoor.jp/kendaisai_14th/" class="url">岡山県立大学県大祭 １日目</a></h3>
  <dl>
    <dt>日時</dt>
    <dd>
      <abbr class="dtstart" title="20061104T1000+0900">2006年11月4日（土）10時</abbr>から<abbr class="dtstart" title="20061104T1800+0900">18時</abbr>
    </dd>
    <dt>場所</dt>
    <dd class="location">岡山県立大学</dd>
    <dt>概要</dt>
    <dd class="description">今回で１４回目となる県大祭の１日目</dd>
  </dl>
</div>

Movable Type 5周年記念

Sun, 08 Oct 2006 23:50:12 +0900

　１０月８日は、Six Apart の Movable Type が誕生して5年だそうです。僕が Movable Type を知り、インストールしたのが去年の９月３０日。あの頃からまだ１年ちょっとしか経っていないわけですが、ずいぶん時間が経ってしまったなぁと思います。XHTML、CSSについての知識があまりない時期だったので、インストールした当初はその複雑なソースに悩むばかりでした。最近ではXHTMLやCSSについて少しは分かるようになってきた（はず）ので、少しづつ変えようと頑張っています。

【5周年記念】あなたの「Movable Typeストーリー」を共有してください

　そんな僕も、４月からPerlやAjax(Javascript)について本格的に学び始め、日記スクリプト（掲示板としても使える）を製作するまでになりましたが、ゆくゆくは Movable Type に匹敵するソフトを作る・・・とまでは言いませんが、自分なりのblogソフトを作ってみたいとは思ってます。

右脳左脳占い

Mon, 25 Sep 2006 08:48:56 +0900

　両手の指を交互に組んだときにどちらの親指が下に来るか、腕を組んだときにどちらの腕が下に来るか、たったこれだけで自分の脳がどんな種類のものなのか判るそうです。ちなみに自分はうさ脳。あっているようなあっていないような。 Link : http://nimaigai.com/

アスキーリボナー

Mon, 18 Sep 2006 19:24:07 +0900

　創刊30年の長寿雑誌が、その表紙をベースにしたユーザアンケートをしている。その名は「アスキーリボーナー」。月刊アスキーをユーザの手で生まれ変わらせるというもの。その投稿は至ってシンプル。自分の好きな表紙画像を選び、マガジン名、特集を書き込んだら後は投稿するだけ！さぁ、みんなでアスキーをリボーンしよう(笑)。

Link : http://www.asciireborn.jp/

シネマ・クレール

Sat, 09 Sep 2006 23:36:11 +0900

　以前から気になっていたシネマ・クレールに行って来ました。今回観たのはアニメ版『時をかける少女』。ストーリー、背景美術、いきいきとした登場人物、どれも最高でした！前半の笑えるシーン、後半の胸のつまるようなあの場面、最後の結末、そしてスタッフロールを見ながら映画に引き込まれている自分、にビックリ。”笑って泣ける”映画にはまっている僕にとって最高の映画でした。それから、takに「実写版の方を絶対観た方がいい」って言われて、1983年に公開された実写版を観て行って良かった。作品の中に散りばめられた原作の要素も少し理解できたし、ストーリーラインが実写版と似ていたのですんなり体に入ってきた。現代版『時をかける少女』、かなりおすすめです！そして、シネマ・クレールもおすすめです。僕は、あの通りにポツンとある感じに惚れてしまったので、また今度行ってみようと思ってます。

たらこ

Thu, 07 Sep 2006 06:25:08 +0900

たーらこー　たーらこー　たっぷーりー　たーらこー
たーらこー　たらこーたーっぷり　たーらこーがやってくる♪

なかなか倒せません

Link : http://tarakotappuri.hp.infoseek.co.jp/flash/tarako01.html

smart bookmark サンプル公開

Mon, 21 Aug 2006 04:17:27 +0900

試作品ですのでバグが多々あると思いますが、もし興味がおありでしたらお試しください。
下記リンクからSmart BookmarkのSampleにアクセスできますので、自由にテストしちゃってください。

Link : smart bookmark ver0.10

※パスワードは 0123 です。

Ajax によるリストの並べ替え

Sun, 30 Jul 2006 10:45:41 +0900

ブックマークの欠かせない機能として、リンクの並べ替えがある。
これをPerlで実現しようとすると、操作と処理が複雑になってしまうため、
Ajaxを使った直感的なインターフェースにしようと思う。

追記：
Ajaxはjavascriptなので、上の画面のような操作は基本的に無理な処理してます。
上の画面でリスト要素をドラッグしてぶんぶん振り回していると、
簡単にCPU100%になったりしますのでその点は十分注意してください。

いつでもどこでもブックマーク

Sat, 29 Jul 2006 14:55:46 +0900

ある友人に、そんなブックマークが欲しいと頼まれて作ってます。
スクリプトの具体的な仕様は以下の通り。

カテゴリの作成・編集・削除
リンクの追加・編集・削除

今のところ、カテゴリの作成・リンクの追加は完成していますが、
それ以外の部分はインタフェースの関係でまだ完成していません。
メイン画面は下に載せた画像のような感じです（変更する可能性あり）。

Standard Notes

Tue, 25 Jul 2006 05:09:32 +0900

今作っている日記スクリプトを、”Standard Notes” と呼ぶことにしました。
名前は、XHTML+CSSを使った Web Standard 指向の日記スクリプトにちなんで付けてます。

※現段階で、ある程度完成している表示部は、下記リンクから行けます。

スキン・・・ブログのイメージ（Mac IE5 で左に寄ってしまうバグあり）

ちなみに、スキンは日付毎にグルーピングする機能があり、
設定でON・OFFを切り替えることができたりします。
ただし、スキン 2 はコーディングとCSSの関係でグルーピング機能をOFFにしてあります。
まだ開発途中なので、そこらへんの仕様は変更するかもしれませんが・・・

過去と未来

Tue, 25 Jul 2006 03:29:57 +0900

左に向かって歩いている・左を向いている構図だと「未来」を、
右に向かって歩いている・右を向いている構図だと「過去」を連想させるらしい。

テーブルを使わない入力フォーム

Thu, 20 Jul 2006 22:48:32 +0900

Perl/CGIをやっていると、入力フォームをついついテーブルレイアウトにしてしまう。
なぜかというと、簡単に調整できてブラウザ間でほぼ同じように表示できるから。
何か他の方法は無いかと探していると、A List Apart にありました。

追記　：
Opera 9.0 での表示に問題があるみたいです。
Javascript 関連のバグがあるんだろうか？

Link : http://www.alistapart.com/articles/prettyaccessibleforms

テンプレートの試作品完成

Mon, 17 Jul 2006 07:57:33 +0900

日記スクリプトのアウトラインを実際にHTMLに起こしてみました。
内容と日付は、過去の日記から適当に選んできたんでバラバラです。
それと、いつものようにMacでの確認はしていません…

Link　：　アウトライン

日記スクリプト

Sun, 16 Jul 2006 04:47:09 +0900

作ろうと思ってます。具体的には、

日記が書ける
XHTML+CSS仕様
スキン式
設定をCGIから変更可能

こんな感じ。

画像には手を出さないつもりだったのに…

Mon, 10 Jul 2006 06:23:46 +0900

PUS (Palette Update System)用に画像アップローダを作ったまではよかった。
cgi-lip.plを利用して、バイナリモードでファイルに書き込めばよかったから…
けど、画像のサイズを求めようとすると、まずJPEGやGIFなどについて学ぶ必要があるみたいだ。
ということで、参考にしたサイトやページを貼っておく。

Link1 : http://www.graco.c.u-tokyo.ac.jp/~nishi/net/image/jpeg.html
Link2 : http://webs.lanset.com/crazy17/jp/lab/index.htm
Link3 : http://siisise.net/jpeg.html

CSSのwidth指定

Thu, 29 Jun 2006 23:52:30 +0900

IE5.x or IE 6互換モードでは、widthにpaddingとborderの幅を含めてしまう。
これの対策として下記のようなCSSのhackがある。
Opera7.0以前ではIE 5.ｘ対策の部分を読み込めなかったのだが、
Opera8.0以降では普通に読み込んでしまうらしい。
ブラウザの仕様もだいぶ変わってきてるってことを実感した。

#a{
    margin: 10px;
    border: 10px solid #000000;
    padding: 0px;
    width: 760px;
    voice-family: "\"}\"";　    /* IE 5.x　対策 */
    voice-family: inherit;
    width: 740px;
}

html>body #a{　                  /* Opera用 */
    width: 740px;
}

While My Guitar Gently Weeps

Sun, 11 Jun 2006 11:21:44 +0900

Alternative content

表示するためには最新の Flash Player が必要です。

以前から利用している Die Kunst のblogですごいビデオを発見！

こんな感じでクラシックギターやミニギターを弾いてる姿はよく見るんだけど、
ウクレレでここまですごい弾き方をしている人は初めて見た。

Link : http://www.youtube.com/watch?v=yNdsv08JWnc

Palette Update Sysmtem に新機能を追加

Fri, 12 May 2006 16:24:54 +0900

やっとphotoページのCGIのプロトタイプが完成。
ちなみに、XHTML+CSSコーディングはketaが担当。
特徴は下記のような感じになっている。

スキン式であるため、デザインの変更が容易。
photoページを動的に生成。

Link : http://palette.ciao.jp/photo/photo.cgi

Palette Update System を更新

Thu, 11 May 2006 06:25:24 +0900

Top Manager と　History Manager を統合してみました。

ブログデザインの変更

Wed, 10 May 2006 15:52:54 +0900

半年間そのまんまにしていたけど、さっき思い立って少し手を加えてみた。

Internet Exploror 7 Beta 導入

Sat, 29 Apr 2006 07:38:44 +0900

まず、http://www.microsoft.com/windows/ie/default.mspxでダウンロード
Windows XP SP2 であればインストール可能(SP1では無理)。

さっそくインストールしてみると、さすがWeb標準に力を入れているブラウザだけあって、
CSSもちゃんと動作して、以前は左に寄ってしまっていた『non7s』もちゃんと中心になっていた。

IE7Betaをざっと使って見た感じでは、

UIのデザイン一新
タブブラウザ化
他ブラウザには無い、タブの選択画面
Ajax？を使ったRSSリーダー
より正確になったCSS
リンクバーが追加可能

などの機能が追加されていてたが、その中でもタブの選択画面はかなり気に入った！

他にマイナス面で気になった点は、やはりアイコンなどの配置だ。
なぜか標準アイコンは左へ移動
なぜかアドレスバーは上へ移動
戻る・進む・更新・中止ボタンがアドレスバーの左右に移動
このUIだと、ユーザが慣れるまで時間がかかりそうな気がした。
正式版ではUIを自分である程度カスタマイズできるようになればいいなぁ～

アカペラサークルの簡易更新システム

Fri, 28 Apr 2006 23:46:07 +0900

ketaが所属するアカペーラサークル”Palette”のアップデートシステム(Update System)
読み方にこだわらず安易に名づけたおかげで、変な読み方になってしまった・・・
なかなかいい名前が浮かばない。

考える　考える　考える

行き詰ってなんとなく『Web Designing』を読んでいてたら・・・
最近ではCMSとして使われている”Movavle Type”についての特集が載っていた。
そんな訳で　PCMS(Palette Contents Management System)　に決定。
これなら母音も入っていないし、変な読み方をされる心配もない。

でも、第二案を思いついた。それは・・・

ログイン成功

Thu, 23 Feb 2006 05:18:17 +0900

長い間ログインIDとPWを思い出せず、ログインできなかったこのブログ。

テンプレート

Sat, 01 Oct 2005 22:01:18 +0900

Web Developerでid・class属性を見てみると、Movable Typeのテンプレートにはid・class名がかなりあるみたいだ。ということで、本家サイトでテンプレートを入手して導入してみた。結果的にid・class名の数がだいぶ減ったのはいいのだけれど、このテンプレートはver 3.17に対応しているらしく、うまく動いているのか分らない(汗)。まぁ、また今度じっくり調べてみよう！

XHTML+CSS

Sat, 01 Oct 2005 02:47:28 +0900

以前から気になっていたエ・ビスコム・テック・ラボ著の『XHTML+CSS』をノリで買った。暫くの間、この手の本を買うつもりは無かったのになぁ。まぁ、XHTMLを基礎からやり直すいいチャンスなのかもしれない。

Movable Type の設置

Fri, 30 Sep 2005 00:07:11 +0900

Movable Typeのファイル数の多さにビックリ。約900(合計6.5M)くらいのファイルをアップロードした。