Jqueryがいろいろ面白い件について
prototype.jsとかscript.aculo.usのような、Javascriptのライブラリです。CSS Nite LP2でロクナナの中村さんが紹介しているのを見て取っ付きやすそうなので、作業の合間にぼちぼち触ってみています。
他のライブラリを触った事がないので素のHTMLとの比較になりますが、とにかく簡単にDOMの操作やエフェクトの追加ができる、お手軽なライブラリです。記述が多少賑やかですが、CSSのセレクタとほとんど同じ感覚で記述できます。多分、デザイナーとかCSSのコーディングやっている人はすんなり入って行けると思います。
このブログでも、検索フォームの部分に使っています。処理としてどうよ? という部分はありますが、とにかく短い記述で済むので精神的に良いです。
まあ、こんな感じです。
$(function(){
var searchBoxText = 'Yahoo!検索';
$('.module-search .searchBox').val(searchBoxText);
$('.module-search .searchBox').focus(function(){
$(this).val('');
$(this).addClass('onFocus');
});
$('.module-search .searchBox').blur(function(){
$(this).removeClass('onFocus');
$(this).val(searchBoxText);
});
});
この先スクリプトを触る機会が増えそうなので、これを機会にもっときちんと勉強しようと思います。
blogをいろいろいじってみた
仕事も一段落して余裕が出てきたので、blogに手を入れてみました。
外見はほとんど変わっていませんが、中身をいろいろいじってあります。
動的ページにしてみた
大したアクセス数ではないので、全ページphpにしてみました。.htaccessに細工してあるので拡張子はhtmlですが、サーバ側ではアクセスする度にphpが呼び出されます。
サーバの中の人からすれば迷惑だとは思いますが、動的ページにしたことによって、いろいろできることが増えました。
ページのパーツをモジュール化してみた
右カラムの個々のパーツやヘッダーなどを別ファイルで作成し、requireで読み込むようにしてみました。
静的ページを生成できるのがウリのMovable Typeを使うメリットはなくなりつつありますが、これで、個々のパーツの調整や、パーツの追加や削除などの細かい修正が楽になりました。
個々のエントリーページに右カラムを付けてみた。
今までこれをしようとすると、「最近のエントリー」などのエントリーが追加される度に更新されるパーツがある場合、そのたびそのパーツがあるページを全て生成し直す必要がありましたが、モジュール化してそのファイルだけを更新すれば済むようになったので個々のエントリーページにもカラムを付けてみました。
ファイルの整理をした
画像ファイルがいろんなところに散っていたのでまとめました。
なので、今後画像ファイルとかにリンク切れが起きる事があります。もし見つけた
ら超能力か伝書鳩かメールで教えてください。
これはDreamWeaverのファイラーのおかげです。ファイラーがなかったらまるでやる気が起きませんでした。やっぱりDreamWeaverはよく考えられて作られているなぁ。
del.ico.usからのポストを表示しないようにした。
Movable Typeを2.xから3.xにアップデートする前にも一時期していましたが、プラグインを使って当日以外のポストはインデックスやアーカイブには表示しない
ようにしました。
まあそんな訳で、内部的な部分を細かく調整しましたので、近いうちにビジュアルとかインタフェースのデザインにも手を入れていこうと思います。
この一年を振り返ってみる。
まだ仕事納めまで一週間以上ありますが、多分忘年会とか飲み会とか急ぎの仕事が入ったりして忘れると思うので、今のうちに。
修羅場のような仕事がありました。
この仕事を続けてそこそこになりますが、忙しくて年末年始が全く休めないという事は初めてでした。
実際に大変だったのは一ヶ月程度で、ほぼ毎日終電かタクシーで帰る日々が続き、非日常が常態化するというあまり嬉しくない状態が続きました。
しかも、ほとんど進行管理業務だったので、体力的にというよりは、精神的にしんどかったです。
この時期、朝起きられなかった事はよくありましたが、よく倒れなかったと思います。朝起きて思うのは「今の状態はこれがサービスインすれば終わる」だったからなぁ…。
会社を辞めました。
人生の転機、というか、節目ですね。
本当は春先には辞めたかったのですが、「修羅場のような仕事」がピークが過ぎた後もなかなか終わらなかったので9月までずるずると伸びてしまいました。
今までいた会社は、ほとんどデザインという仕事に興味や関心のない会社なので、社内では引き継ぎで悩むことはなかったのですが、クライアントとかにはいろいろ迷惑かけました。
エピソードとして、同時期に同じチームの人間がばたばた辞めていったので、クライアントから「何かあるのですか?」と心配されたのが印象的でした。
や、たまたま時期が重なっただけです。別に会社が潰れそうだったとか、そういう訳ではありません。展望はあまりありませんでしたが…。
そして、新しい会社に入りました。
会社を辞める間際まで次の職場が決まらなくて焦っていましたが、なんとか決まりました。
仕事が決まらないとこにはあまり焦りはなくて、半年くらい貯金を食いつぶしてぶらぶらするのも悪くないと思ったりもしました。
都内で働くようになりました。
生まれは北海道、大学は金沢というバリバリの地方出身者が、まさか都内で働くようになるとは思っていませんでした。大学を出てしばらくは電車が一時間に一本しかないような所で働いていた事を思うと、ずいぶん遠いところに来たんだなぁ、と、感慨に耽ってしまいます。
他の人にはほとんど理解されませんが、自分としては一番「変わったなぁ」と思うところです。
今までも首都圏勤務でしたが、やっぱり首都圏と都内では色々な面でスピード感が全然違いますよね。
周りに同じ職種の人間がいる。
やっぱりここが嬉しいですね。
今までほとんど一人で作業しているようなものだったので、すぐ近くに相談できる人がいるだけでも大きな違いです。
おかげで、テクニカルな事はここ何ヶ月かでかなり勉強させてもらいました。
まあ、逆に言うと、今までよくひとりでやってこれたな、と思います。
開発の人が近くにいる。
今までもいたのですが、お互い全然違う仕事していたので、仕事で関わる事がありませんでした。
今度は、同じ業務の人がすぐ近くにいるので、困った時とかにすぐ聞ける様になりました。
書いてみると当たり前の事ですが、なかなかそうもいかなかったんだよなぁ、これが。
細かい仕事に煩わされることがなくなった。
小さい会社のさらに支店という扱いだったため、自分で事務用品の選定とか消耗品の発注とかを細々としていました。プリンタのトナーとかCD-Rとかクリップとか。アスクルには大変お世話になりました。
庶務の人とかいなかったのか?と聞かれると困るのですが、いなかったんですよ、これが…。
あらためて振り返ってみると、まるでSOHOで働いている人のような仕事っぷりですね。確定申告できて仕事のツテがあればすぐにでも独立できそうですね。興味ないのでしませんが。
職場環境が大きく改善されたのは良い事です。
30になりました。
何の感慨も気概もありませんが、大台に乗りました。
社会的責任とかしがらみとか色々面倒くさい事を言われるようになる年齢であります。たまに「いい年してこんな事していていいのか?」と思うこともありますが、気にしたところで急に変われる訳ではないので、まあ今まで通りぼちぼちとやっていきます。自然体です。ロハスです。
幸い、ぱっと見年下に見られる事が多いので、しばらくは適当に年齢詐称してみようと思います。理由はありませんが。
なんだかこうして振り返ってみると、「会社のコピー機が複合機になりました」くらいの変化しかないように見えますが、実際には色々あったんですよ。
オワシ君の個展に行ってきた。
学生時代の後輩で現在フリーカメラマンの、オワシヨースケ君の写真展に、これまた後輩のN田君と一緒に行ってきました。
学生の時から独特の空気感を持った写真を撮っていて、なぜか女の子に人気のあったオワシ君です。
久しぶりに会いましたが、風貌とか作風はあまり変わらず、いつものオワシ君でした。
そして、相変わらず相変わらず女の子に大人気のオワシ君でした…。ギャラリーにいた間、個展を見に来た人がすべて女の子でした…。
なんともうらやましい限りです。
Web DesigningのIE7特集がよくまとまっている件について
今日届いたWeb Designingをパラパラ眺めていたところ、特集の「トラブル完全網
羅! Internet Explorer7対策ガイド」が、フロント周りを中心に情報がよくまとま
っていました。
僕らが気にするには主にCSSの解釈と標準/互換モードのスイッチの違いと
Jscriptの変化くらいですが、特集ではセキュリティ面で気にしなければいけない
点なども含められていて、さらに、トラブルが起きたときのためのフローチャート
がついていて問題の切り分けが簡単にできるので、フロントエンドの作業をしてい
てIE7で困った時にこれを見ればだいたいの問題が解決できるのではないでしょう
か。
webディレクターであれば必見だと思います。まあ、webデザイナーやディレク
ターでWeb Designing読んでいない人なんてほとんどいないとは思いますが…。
それにしても、Web Designingは本当にいい雑誌になったよなぁ。
expressionでボックスの最小サイズ指定を擬似的に実現する方法
IE7ではmin-widthやmax-widthが実装されているのでもう必要ありませんが、旧ブラウザ対応としてメモ。
WinIE5/5.5/6ではmin-widthやmax-widthが有効にならないため、リキッドレイアウトや内容物の増減で変化するレイアウトを作成すると色々困ることが起きます。
それを解決するためにexpressionというCSS内でJavascriptを実行する方法を使用して、擬似的にIEでmin-widthなどを実現する方法です。
元ネタはこちら。
min-width
div#contentBox {
min-height:100px;
height:expression(
document.all('contentBox').clientWidth < 101?
'100px':'auto');
}
min-height
div#contentBox {
min-height:100px;
height:expression(
document.all('contentBox').scrollHeight < 101?
'100px':'auto');
}
max-width
div#contentBox {
max-height:100px;
height:expression(
document.all('contentBox').clientWidth > 99?
'100px':'auto');
}
max-height
div#contentBox {
max-height:100px;
height:expression(
document.all('contentBox').scrollHeight > 99?
'100px':'auto');
}
値の指定にpxではなくemを使うとすれば、こんな感じっぽいです。
div#contentBox {
min-width:10em;
width:expression(
document.all('contentBox').clientWidth < 10 * parseInt(document.body.currentStyle.fontSize)?
"10em":"auto" );
}
CSSの中にJavaScriptを書くというのは気持ち悪くてグロいし、何よりこんな面倒な事させる前に先にまともにCSSの仕様どおりに実装してほしかったところですが、CSS側だけで対応させることができるので、最終手段としては使えると思います。
Words Gearを触ってきたが、ちょっとがっかりだった
松下がΣブックの後継機として発売予定のコンテンツビューアー、Words Gearが渋谷のBook 1stに置いてあったので触ってきました。
…なんというか、Σブックの二の舞になりそうな感じです。
- 重量が重い。片手で長時間持つには微妙な重さ
- ページ遷移、コンテンツ一覧などのメニュー動作が遅い。ページ遷移が遅いのはちょっと…
- タッチセンサーのインターフェースが直感的でない。ソニーに特許の使用料払って多少ゴネてジョグとバックボタンにした方がよかったんじゃないの？
- 中途半端に大きい。携帯や電子辞書に比べるとハードの密度感がない
- 画面の有効利用範囲が狭い。携帯ビューワーに画面上下のグローバルメニューなんて無駄だって
PCと携帯を補完する画面サイズの携帯コンテンツビューワー、という落としどころはまっとうだと思うですが、出てきたのがこれではなぁ、という感じです。古くはSONYのInfoCarry、最近ではCLIE TH55とかPalm TXとかNECのパネリーナのようなビューワー(のようなPDAだったりPCだったり)があったにも関わらず、そこから学べなかったんでしょうか?
折角楽しみにしていたのになぁ…。
大竹伸朗の個展を見てきた
国内唯一のグラフィックデザイン誌「アイデア」でもよく取り上げられる大竹伸朗の個展に行って来ました。
なんとも圧倒される個展でした。
会場の都立現代美術館は結構広い会場なのですが、その3フロア全部を使ってもまだ足りないくらいのボリュームでした。
会場で、個展と連動した大竹伸朗の作品集を売っていたのですが、1000ページ超で重さが6キロという、凶器のような内容になっていました。
ドローイングとコラージュをメインにしたミクストメディアの作品が多いのですが、とにかく目に付いたもの全てを作品にするかのような勢いで作品を作っているっぽく、とても一人で作業したとは思えないような作品数でした。
今回は小学生の頃から近年までの作品を時系列に並べて、作風の遷移がわかりやすくなっていました。それでも全てを見るのに2時間以上かかりましたが。
美術の企画展を見て「感銘を受ける」とか、「深く印象に残る」というのはありましたが、「圧倒されて疲れた」というのは初めてでした。
それから、これは作品の話ではありませんが、個展を見に来ていた女の子がみんな可愛いかったです。学生の頃は田舎にいたので、美術館に行っても知り合いくらいしか見かけることがありませんでしたが、東京くらい人口が多ければ「モダンアートやサブカルっぽい事が好きな可愛い女の子」が、企画展をフィルターとして抽出できるんですね。素敵なことです。
機会があれば「機能性を意識したサイドバーのID名について語ってみない?」じゃなく、「今年あった奈良美智の個展良かったよね」とか言って誘ってみたいものです。まずそんなことないと思いますが。