宇都宮ウエブ制作所

我々コンテンツ制作屋にとっては作業ファイルというのは命の次に大事なものでして、実際今までは作業用ファイルをRaid5で構築したNAS（とにかくものすごくデータが消えにくくて家中のPCからアクセスできるネットワークディスク）で管理していたんですが、火事や地震などの際、何をおいてでもどうやってこれを運びだそうかなんて常々考えてしまうくらい、そのくらい作業ファイル消失やデータ消失に対してデリケートなわけです。

そうでなくても個人事業やフリーランス、中小企業でWEBサイト制作のお仕事をされている場合、データ管理はどうするのがベストなのかいろいろと考えさせられますね。

そこで今までのやりかたと失敗点を踏まえて、WEBサイト制作においてのデータ管理の方法を探っていきたいと思います。
究極の目標は「家が突然爆発しても仕事が続けられる」です。

ちなみに最初に念のためお断りしておきますと、この記事では長々とDropboxとjungleDiskとAmazonS3のサービスについて書かれてありますが、それぞれのサービスの説明は全然しておりません。あくまでそれぞれ3つのサービスを連携させたらこういうふうになるよ、という類の記事ですんで、個々のサービスについては今一度検索して調べてみることをおすすめします。
それぞれ有料サービスが存在しますし、特にDropboxとjungleDiskはただサインインしただけじゃなくて専用のクライアントソフトをインストールしないと全然便利に使えないものなので、その使い方については別途調べておく事をお勧めします。
(続きを読む...)

子供時代は痩せてたので口の悪い上級生から「ホネホネロック」とからかわれていましたが、その呼ばれ方、けっこう気に入ってました。正宗です。

JavaScriptでもActionScriptでも、関数を登録する場面ってけっこうよくあって、ActionScriptでいえば特にaddEventListenerですね。そんなときに引数を渡したい事もあると思うんです。
その方法を書いておきたいと思います。
(続きを読む...)

楽しいですね！zen-coding。

html:4t>(div#header>h1+ul.globalNavigation>li.navi$*6>a)+(div#content>div#main+div#sub)+(div#footer>ul.globalNavigation>li.navi$*6>a)

こんなんが一行で書けてしまうので、ついつい仕事の本分を忘れて「いかにzen-codingで済ますか」ばかり興味が行っちゃって、大量にある面倒臭いコーディングもパズルを解くかのように楽しみながら作業できちゃいます。

せっかくなのでコーディングしてたら絶対出てくる他のいろいろと面倒なコードもzen-codingにまかせられないか、その方法を探って参りました。
(続きを読む...)

年末進行のせいにして年賀状も書いてない男。正宗です。さっきやっと寒中見舞いが刷り上がりました。

DreamWeaverのテンプレート機能。便利ですよね。うまくつかうとライブラリ機能と組み合わせる事によって大規模なサイト制作におけるケアレスミスを大幅に減らすことが出来ます。
今回はそのテンプレート機能でグローバルメニューをどう作ろうか考えたので、現時点で見つけた一番スマートではないかと思えるやり方を紹介したいと思います。

(続きを読む...)

何かと困ったちゃんのFireworksCS4。とはいえ、なんだかんだでよく使うのは魅力的な新機能搭載の彼女だったりします。せっせとアップデートしてみたり、トラブル回避策エントリーをこまめに試してみたりと、だいぶ可愛がっている方です。
なのに。
ふと油断したときに限って、急に調子ががた落ちして、
「要求を完了できませんでした。内部エラーが発生しました。」
「データベースをレンダリングできませんでした。メモリが不足しています。」
なんていうエラー文とともに一切ファイルが保存できなくなってしまう時があります。

泣く泣く強制終了コマンドを押しながら、
今までの作業よ永遠にさらば…！FW子の性格は分かってたはず…！と自分を咎める前に、最後の頼みの綱。うまく行けば万々歳のファイル救済方法です。

(続きを読む...)

こんにちは。最近引っ越しましたが取引先にまだ挨拶を済ませていない正宗です。前回に引き続きProgressionの話題をしたいと思います。

Progressionではスクリプトを一切使わない「コンポーネントスタイル」やタイムラインスクリプト派の「タイムラインスタイル」、クラスでわしわし書きたい人向けの「クラススタイル」など制作者のスタイルにあわせたとても柔軟な開発スタイルが用意されていますが、今回はその中でも「コンポーネントスタイル」と「クラススタイル」を連携させた開発手法についてまとめてみました。

(続きを読む...)

こんにちは。正宗です。
今日はURLRequestのキャッシュの話をしたいと思います。

よくURLLoaderクラスなんかでキャッシュをさせない方法としてURLRequestのURLの末尾にランダムな数字を入れるという方法が紹介されています。
こんなやつ

 
new URLRequest("http://exsample.com/?rnd=" + int(Math.random() * 1000));
 

バナーとかサイトトラッキングなんかのクエリ発行でもよく使われていますね。

これは、通常キャッシュはURLをそのままファイル名として保存しているため、アクセスする際に毎回末尾にランダムな数字をパラメーターとして与えることで、キャッシュファイルを別々のファイルとして保存させておくことで有効な方法ですが、少しだけ不安が残ります。

それはキャッシュ対策として int(Math.random() * 1000)などの0～999などの整数値を使用した場合、1000回に1回は同じ数字を生成する可能性があるので、そのときにキャッシュを拾ってきてしまうんじゃないかという不安です。
整数じゃなくてそのままMath.random()とすることも出来ますが、結局同じ数字を生成する可能性をコントロールできていない以上根本的な解決になっていないかもしれません。

URLRequestHeaderでpragma:no-cacheを指定するという方法もありますが、IEなんかでどうもキャッシュしてしまったりで、こちらもなかなか使いづらいものとなっています。
（何より実験でRSSリーダーなんかをチャチャッと作るときとか面倒臭いし…）

そこで僕がいつも使っているキャッシュをさせない方法を紹介したいと思います。

 
new URLRequest("http://exsample.com/?rnd=" + (new Date).time);
 

これだと、末尾の数値に1970 年 1 月 1 日 0 時のミリ秒が付加されますので、1000分の一秒以内に2回以上アクセスを行わない限りはキャッシュを読み込まないことになります。

キャッシュさせない方法としてランダムな数字を使うより時間の数値を使う方が有効なのは、結構簡単なことですがあんまり紹介されてないので、よかったら参考にしてみて下さい。

Adobeデベロッパーセンターで野中さんによるActionScript 3.0におけるパフォーマンス向上のヒント が掲載されています。 いろいろとかなり有用なテクニックをまとめられていますので、いつもながらかなり勉強になります。

(続きを読む...)

実験結果

バナー制作ではファイルサイズとの兼ね合いで、テキスト要素も画像にすることが多いのですが、つまづいた事に関してメモメモ。

ステージ上では綺麗なのに、パブリッシュするとなぜかエッジだけが滲んだり切れたりしてしまいました。スムージングさせているわけでもアニメーションさせているわけでもないのに…！
プロパティでロスレス (PNG/GIF)にしてもダメ。座標も整数値なのにダメ。100％なのにダメ。もしや、いにしえの裏ワザ99％…？ダメ。画像を分解してみたら…ヒー余計汚い。adobeサイトに書いてある以下の回避法もすべてダメでした。
http://support.adobe.co.jp/faq/faq/qadoc.sv?228652+002

紆余曲折の結果、エッジに１～２pxづつ余白をとって画像を用意することに。
ふ～これで小さくてもキレイ！！

fireworksで素材を制作する際、どうしても画像のファイルサイズも削りたくって、「カンバスを合わせる」でキッチキチに作ってたんですが、この場合は「カンバスサイズ」で基準位置を中央にして周囲１～２pxづつ広げた方がいいようです。

※しかもこのバグ、常に発生するわけではない様子。同じステージサイズで別途新規作成すると綺麗に表示されました。なぜ？？

地下鉄での移動なんかのヒマなとき、ActionScriptリファレンスを読んでたら良いヒマつぶしになるな～、なんて考えたのでActionScriptのリファレンス（ヘルプみたいなもん。ActionScriptの機能や使い方なんかが書かれてある文章）をローカルにダウンロードする方法を考えます。
(続きを読む...)