altstack

2008年夏季営業日について

2008-08-06T00:39:41Z

平素は格別のお引き立て、厚くお礼申し上げます。 2008年の夏季は、カレンダー通り通常営業を行います。（土・日休業日）以上、宜しくお願い致します。夏季休業の振り替えを後日予定しておりますが、詳細別途ご連絡させていただきます。

年末年始の弊社営業日について

2007-12-13T03:28:53Z

平素は格別のお引き立て、厚くお礼申し上げます。 2007年末～2008年始の営業日について下記のように定めさせていただきます。

2007年12月28日まで通常営業
2007年12月29日（土曜日）～2008年 1月 6日（月曜日）迄休業日
2008年 1月 7日より通常営業

期間中いただいたお問い合わせ、メールについては、1月7日以降順次対応とさせていただきます。以上、宜しくお願い致します。

メインPC交代

2007-09-26T14:51:32Z

ちょっと前の話になりますが、自分用のメインPCとディスプレイ一式を一新しました。 -------------------------------------------------------- Pentium4 2.8GHz RAM 1.5GB MITSUBISHI RDF193H CRT -------------------------------------------------------- 　↓ -------------------------------------------------------- Pentium Core２DUO 3GHz RAM 3.5GB NANAO FlexScan HD2441W -------------------------------------------------------- とりあえずOSはWindows XP Pro継続。 CRTの滑らかな色合いが好きだったのですが、新品でより大きいサイズのは中々見つからない＆「表示確認も液晶でしろ」との暖かいご指摘を受け、ついにあきらめました。その分、かねてから憧れのNANAO EIZOを購入。奮発です。 ]]> Open Office.orgをインストール。まだ、いくつかのエクセル・ブックを開いてみただけですが、表示も操作感ぜんぜん問題ない気がします。 VBとかバリバリ書いちゃうエクセル上級者の方々はどうかわかりませんが、業務用書類の受け渡し程度であれば十分なんじゃないでしょうか。こりゃ素敵！

2007年夏季休業日について

2007-08-03T08:02:02Z

平素は格別のお引き立て、厚くお礼申し上げます。下記のとおり夏季休業日を定めさせていただきます。 8月8日（水曜日）～8月10日（金曜日） ※8月12日(月曜日）より通常営業期間中いただいたお問い合わせ、メールなどについては、8月12日以降順次対応させていただきます。以上、宜しくお願い致します。

ガムテープで文字を描く「佐藤さん」

2007-07-12T14:03:11Z

mixiでみかけたのですが、ガムテープで通路案内（「中央東口」とか「総武線」とか複雑な漢字も）描く人、「佐藤さん」が凄い。本職は警備員さんながら、最初は駅構内の案内を強化する目的で自主的に始めたそうな。なんだか独特な味わいのある文字ながらも、「伝える」という意味で色々試行錯誤して作ってらっしゃったようです。インタビュー中で佐藤さんの言う一言、 「伝える為には、やっぱり手間をかけなきゃいけない」 は名言です。]]> JR新宿駅が改築工事をやってるとき何度もみかけてるんですが、ガムテープの手仕事で作られてるって事すら認識してなかった・・・。とにかく、凄いですね、佐藤さん。新宿駅の改装が終わった今は、勤務地を新たに日暮里駅でご活躍との事です。関連リンク　

2004新宿駅工事案内板のフォント
佐藤さんに注目し上記ビデオを作ったり、今も紹介をされているブログ場所っプ

CMSを物色 MODxとSymphony

2007-06-29T14:55:57Z

MovableTypeに変わる当サイト用のCMSを色々物色中。折角だから、目新しくて、触ってて面白そうな物を使ってみたいなぁ・・・と探して、いくつか候補を絞った中から、ひとまずMODx（モド・エクス / モッド・エックス）とSypmphony（シンフォニー）をテスト的に使ってみたので簡単なレポートを。]]> Symphony（シンフォニー）まず最初に試したのがこのSymphony。オーストラリアのTwentyone DegreesというWeb会社が作ってる、フリーCMS。（オフィシャルサイト右上のボタンから管理画面のオンライン・デモを触れます。） XSLTをつかったコンテンツ管理云々というのが面白そうだったのと、シンプルで使いやすそうな管理画面が心地よかったので試してみる事に。サーバの必要環境は

PHP 4.3
MySQL 3.23以降
XSLT関連のサポート(LibXSLT or Sablotron/ modules: XML Support (LibXML), ZLib Compression Library)
Apache mod_rewriteモジュール

といった所。 Symphonyアカウントというのを取得すれば、即ダウンロード可能。解凍したファイルをサーバにアップロードして、設置URL/install.php を開くと必要システムのチェックを行ってくれます。動作環境が問題ないようならDBやらアカウントの入力画面に進むので、内容にしたがって入力していくだけ。とても簡単、5分位で終わりました。 ※現在使っている、CPIのサーバはphp関連の設定に特徴があるので、そっち方面を理解するのにちょっと時間がかかったけど、それはまた別のお話・・・。日本でのドキュメントは今のところ殆ど見かけなかったので、CMSとしての機能についてはもちょっと触ってみないとわからないけど、blogを作るならデフォルトでも十分。 utf-8で運用する分には日本語でもエントリーできます。 Blueprintと呼ぶ機能（ページのパーツをXSLTでモジュール化して運用する）や、簡単に追加できるCustom Fields機能なんかもあるので複雑なサイト構築も問題なくできそう。難点・・・というほどでもないけど、Timezoneの設定を管理画面のselectメニューからできるんだけど、デフォルトだと選択肢にGMT+9:00 hrsが無いのがちょっと悲しかったです。 8:00と9:30はあるのに･･･。企業主体のCMS（だと思う）とはいえ、英語ですが、wikiやフォーラムなどのオフィシャル・リソースサイトも用意されてます。（サイト名はOverture、一瞬「え？」と思いましたが・・・。）

MODx（モド・エクス）

こちらは、すでに大御所になりつつある感のある、GNU、GPLのオープンソースCMS。 etomiteというCMSに関わっていた開発者が新たに始めたプロジェクトらしいです。サーバ必要環境

PHP 4.3.1以降（今後5.1.xをお勧め！だそうです :) ）
MySQL 4.1.x以降（5.0.x推奨）
Apache mod_rewriteモジュール

設置はこちらも簡単。一式ファイルをダウンロード、解凍、サーバへアップロード・・・と進めて、設置URL/index.php を開くとインストール処理が始まるので、手順を追って進めていけばOK。 Mootoolを使ったAjaxな管理画面は、日本語表示にも対応していて使いやすい。もちろん日本語でのエントリーも可能。本家フォーラムにも各国・言語別に区分けされてて、インストール方法をはじめ日本の有志の方々が色々有益なドキュメントを残されてます。さすがにCMSとしての機能はかなり洗練されてて、中規模～のサイトを運営するのにも十分使えそう。最新版は、ドキュメントの投稿画面にTinyMCEが搭載されてるので、昨今の「導入後運用は別の担当者さんが」的な案件にお勧めするにも良いかも。 ←なんとまぁ、日本語の書籍もすでに出てる！:D 思わず買いました。「最強の～」ってシリーズはいつも出るの早いですね・・・。機能や、ドキュメントの数、今後の発展などなど、色々な面でMODxの方が今のところ有望そうですが、マイノリティな物も使い込んでみたいという気持ちもあるし・・・。なかなか面白そうなので両方とももう少しいじってみようと思います。

Safari3がWindowsに

2007-06-12T13:49:25Z

Macintosh専用のブラウザだったSafariの最新版3（の英語ベータ版）がWindows用にも公開されました。現時点では日本語の表示ができないけど、スタイルシートやらJavaScriptやらの表示・動作確認を、WindowsマシンだけでできるってだけでもWebに携わるデザイナー、プログラマーの皆様方には嬉しい知らせではないでしょうか。]]> Swiftも、次期バージョン0.3がアナウンスされてるので、こちらにも引き続きちょっと期待。

ライフハックス鮮やかな仕事術

2007-05-31T13:16:56Z

ライフハックス鮮やかな仕事術―やる気と時間を生み出すアイディア 最近色々とみかけるライフハック本。この手の本、普段はあまり食指が動かないんだけど、帯の煽り文句「ライフ八ックス本に触発されるのも良いけど、自分の気持ちがすっきりした＆生産性も上がったと実感できなきゃ意味が無い」的な文章に引かれて買ってみました。]]> Remember The Milkといったツールの有効利用といったいかにもな内容に触れつつも、それ以外の「心意気」「精神論」的な記事が面白かった。特に、第一章の認知リソースの開放についてのくだり。忙しい時に、あれもやらなきゃ、これも残ってる、ああ！つぎの打ち合わせは何日だっけ！と考えたり、思い出している時間自体がもったいない。その、脳内のリソースを開放して、本人は今目の前の作業を進めよう！っていう考え方。それを念頭に、今まで使ってた、付箋、卓上カレンダー、ToDoリストツールの使い方・書き方を見直してみただけで、すこし仕事が楽になった気がした。万歳。

IE6とIE7の同居と、Windowsでwebkit（Safari）の表示確認

2007-03-27T15:00:00Z

2007年4月～6月頃、Internet Explorer（以下IE)がWindowsアップデートで自動的に7になるらしい。もちろん、IEを更新しない方法もあるのだろけどほとんどの一般ユーザーな方々がIE7になる筈。･･･という事でIE7を表示確認用に、IE6と同居させる方法。と、他各ブラウザダウンロード先などのメモ（作業は自己責任で・・・:D）。 ]]> 1台のPCでIE7とIE6両方表示確認する場合

マイクロソフトからIE7日本語版プログラムをダウンロード。
ダウンロードしたexeファイルは、実行しないで、RAR形式を解凍できるソフトで開く。
解凍したフォルダ内（以後IE7フォルダ）のupdate/xmllitesetup.exeを実行する。
なんだか処理が終わったのを確認したら、TredoSoftのIE7_standaloneの記事ページのから、Download Internet Explorer 7 standalone program onlyをクリックしてダウンロード
ダウンロードしたファイルを解凍し、LICENSE.rtf（ライセンス、リッチテキスト形式）をよく読んで、IE7S.exeをIE7フォルダに入れる。
IE7S.exeを実行するとIE７が無事起動する。もちろんIE6も同時に立ち上げられる。
ちなみにまちがってiexplore.exeを実行しないように、ショートカットをつくってデスクトップにでもおいて置くと良いかも。

Windows上でwebkit（Safari）の表示確認をしたい時 webkitをつかったMac Safariと同等の表示をWindowsで（ほぼ）確認できるSwiftというソフトがあります。

ダウンロードページからSwiftをダウンロード（現時点最新版はSwift 0.2）。
.msiファイルを起動してインストールを進めるだけでOK。

日本語の表示が化けるけど、その他の部分(スタイルシートの表示など）はほぼ（多分）Safariと同じように確認できる。切り替えるのが面倒な時は便利。以下オマケ IE6以前を個別にインストールする場合の諸々

Netscapeがどうしても必要な場合の諸々・・・

高機能で、使いやすいブラウザを探している場合（笑）

Operaのダウンロードはこちら

PCを使わない日シャットダウン・デイ

2007-03-22T15:00:00Z

Shutdown Day http://shutdownday.org/

今や、コンピューターの無い生活なんてのは考えられない昨今、ためしに1日だけでも使えなかったらどうなるか？　さぁ、実験してみよう！

と、いうわけでPCを使わないでみようDayを2007年3月24日（土曜日）に試してみよう、と提唱しているサイトシャットダウン・デイです。 PCなんかなくったってちょっと不便かなって程度で、死活を決めるほどの問題ではないと思うので「I can]だとは思う。だけど、もちろん仕事はできないし（土曜日だけど）引っ越してからこっち、TVは見ない、ラジオは聞かない、CDは全部PCでしか聞けない･･･って環境なので、家に居ても文字通りボーっとしてるしかないかもしれない。]]>

オマケ電源アイコンダウンロード（epsファイル zipアーカイブ 100kb位）

少し調べてたら電源のアイコンにも色々な形があったので作ってみました。え？いらない？ああ、そう言わずにご使用・ご利用はご自由に、どうぞどうぞ。

その後・・・ Are you ready? 来年は2008年4月22日（土曜日）だそうです。毎年やるのかな？ Saturday : Shutdownday ・・・。

欧文書体その背景と使い方

2007-01-25T14:34:14Z

書体デザイナー小林章さんの著書。欧文書体の成り立ちから、基礎知識、応用まで丁寧に解説・紹介されていて、読めば読むほど目から鱗が落ちる ‐自分が欧文についての根本的な知識すら欠落していた事を再認識できた- 神棚に飾りたい位の本です。
]]>

引用符の使い方

ダーシの使い方

合字（fi ff ）について

カーニング、スペーシングの違い

スクリプト書体の綺麗な使い方

スモールキャップの使い方

等々･･･。知ってると知っていないとでは大違いな書体の常識が満載。かといって、難しげな専門書然としてない文体なのは小林章さんの人柄なのでしょうか。少なからず仕事でフォントに触れているひとなら、面白く読める内容。フォントを作りたいという人は勿論、webデザイナーの皆さんに是非にお勧めしたい一冊です。

jQuery Button Contest

2006-11-09T15:04:46Z

先日まで本家jQueryのblogで、「jQuery ボタンコンテスト」なるものがとり行われておりました。始まった頃に運良く告知を見かけ、時間も空いていたのでいくつか作って応募してあったのですが、うち1点がオフィシャルボタンに採用されました。わーい。]]>

jQuery Button Contest Winners

なるほど1位に輝いたNed Collyerさんのはどんなサイトでも似合いそうですし、使い易そうです。こちらはCyril Demarsさんで、これ ※まったくもって地味なのが良かったのかどうなのか。しかもjQuery帽が若干太ってます。:) 選考は応募作品の中からJohnさんらが30点に絞り込んで、そのあと一般投票という流れ。結果は75票もいただき、3位。（Yes!) 採用された作品のボタン設置ソースは本家の同エントリーに記載されてますのでこちらからどうぞ。・・・ちなみに、最初投稿した画像にはスペルミスが有って、そ～っと修正したのは内緒です。

IE7への専用CSS適用方法覚書

2006-11-04T14:56:54Z

日本語版IE７が公開され、アクセスもちらほらと見かける昨今、見てみぬフリをしてられなくなってきたので、遅まきながら予備PCにいれてみました。 CSSの処理に関しては、噂どおり中途半端な内容でガッカリ。 px指定したフォントはまったく大きさが変えられないし、margin、padding周りの処理も駄目なまま。その上、ご丁寧にIE6のCSSハックは使えなのが困りモノ。せっかく「IE5.5以前のバージョンはもう良いよね」といった流れになってきたのに、これからまた数年間は「IE6とIE7両方で確認」といった作業が発生すると思うとなんとも複雑な気分になります。と、いうことでIE7へのCSS適用方法の覚書。]]> IE7用CSSハック

/* IE7以外のブラウザへ標準指定 */
 body {
 font-size: 12px;
}
/* IE7へ指定 */
*+html body {
 font-size: 76%;
}

他にも擬似クラス:langを使う方法もあるらしい。 Lucky bag::blogさんの所に解説が

参考にさせていただいたサイト

IE7のスタイルシートを用意して、作るのも。下記のように書いておけば、IE７だけに読み込ませるCSSを指定できる。例）ハックだらけで正規表現でも書いてるようなCSSは、見るのも覚えるのも説明するのも大変なので、そろそろこっちの方がシンプルで良いかなとも思う。

参考にさせていただいたサイト

いっそ、IE6のままブラウザ開発から撤退してくれた方がどれだけみんなが幸せになったことか・・・。機能面でもFirefoxのほうが10倍、Operaのほうが100倍は使いやすいのですよ（個人的測定値）。

サクっとエフェクト Javascript / CSS Crossfader

2006-09-29T23:12:48Z

たった1.7KBのJavaScriptで設定したブロック要素を切り替えてくれる
Javascript crossfader。

この手のスクリプトは色々見聞きするけど、ライブラリ不要な上、設定の簡単さ・お手軽さでは抜群。写真を切り替えるだけのFlashはもう要らない！？]]> ここからダウンロードしたjsファイルを、サーバに保存。スクリプトを呼び出して・・・・切り替えたい内容を

でくくる。（id属性のネーミングルールは任意）

class="cf_element" id="cf1">

class="cf_element" id="cf3">

class="cf_element" id="cf4">

あとはこんな風に、id属性と切り替えタイミングを指定するソースをどこかに書いてあげるだけ。 ※cf1→cf2の切り替えが500、cf2→cf3の切り替えが1500（ミリ秒）ちょっと重いけどこんな使い方も面白いかも。

Javascript crossfaderはこちら

メモ

cf_elementにwidthとheightを指定してあげないと、表示が崩れるかも。
Opera, Firefox, IE6, Safari各最新版での動作は確認。

favicon.icoについて

2006-09-17T16:58:23Z

少し前までは、「お気に入り」を表示した時にちょっと目立つかな、程度の認識だったけど、Opera、Firefoxなど・・・殆どのタブ式ブラウザが、タブ上にもfaviconを表示してくれるになってからfaviconの価値・重要度はかなり上がってきました。 10個以上タブを展開してたりすると、Title要素は当たり前のように途切れちゃう。（上図のように）この時faviconがあるとかなり有難いって事を日々実感しています。 IE7でもタブブラウジングが実装されるので、一層faviconが大事になるハズ。というわけで、favicon.icoについて自分用にクリップ。]]> faviconの基礎情報、その他諸々

基本的には.icoファイル。最新ブラウザならPNGでも可（後述の理由で.icoファイルがおすすめ）
ブラウザのアドレス欄やブックマークで表示されるのは16px×16pxサイズ
上記のほか、ブックマークをデスクトップやらに置いた時の事も考えて大きいサイズ-32px×32pxサイズ-の画像も用意する場合も。
※この場合、専用のツール等で両画像ファイルをひとつの.icoファイルに格納する必要がある。
透過画像も使用可能

･･･といった所。いろいろ方法はあるけど、PNGファイルで作成した、大・小2種の画像をtowofu's SOFTさんの@icon変換（フリーソフト）で.icoファイルに格納する、って方法が一番シンプルでお勧め。あとは、サーバの仕様にあわせて作成したicoファイルをアップロードするだけ。 faviconの設置方法

大抵のホスティング・サーバならファイル名を「favicon.ico」としてサイトルート（一番上）にアップロードするだけ。
また、専用のMETAをてな形でheadに記載すれば別の箇所に保存したものをで指定する事もできる。
faviconにPNGファイルを使う場合は ※但し、IE6だとまだ表示できない。（らしい）

関連サイトへのリンク

Web屋のネタ帳 favicon.icoの解説と注意
FavIcon from Pics
ひとつの画像を用意すれば、16px、32px両方を格納したicoファイルを作ってくれます。リサイズ時の劣化もそんなに気にない程に綺麗。透過ファイルは作れないので、その点気にならなければ。
favicon.jp
設置・確認方法、ブラウザ対応表といったドキュメントが充実。自動生成機能だけは前述のFavIcon from Picsを使ったほうが良いかも。
PhotoShop用プラグイン
ドキュメントは英語ですが、PhotoShopだけで完結したい方には。Macでも使えます。