ブログ内検索
最近の記事
TWITTER (10/10)
アートジム〜カメラを描こう! (10/9)
秋の夜長に (10/8)
最近、動画にはまっています (10/7)
スピードテスト.net (10/2)
最近のアートジム・一挙更新! (9/27)
ひとしくんが亡くなりました (9/21)
ひとしくんが亡くなりました (9/21)
樽木栄一郎オフィシャルサイトをつくりました (9/21)
ハラシヤ 第一話 (9/13)
ウーマ用語集 (9/5)
アートジム/ (9/4)
アートジム/ (9/4)
マルニスタジオに伺ってきました (9/4)
wordpress (8/29)
リチャードの彼女 (8/22)
なななな!なんでぇ〜〜!!? (8/21)
アートジムat小学校「みらいの自分を描こう!」 (8/21)
東京に帰ってきました! (8/20)
FW:広島お好み焼き「八晶」は夜だけでした (8/16)
過去記事
最近のコメント
greenback / なななな!なんでぇ〜〜!!?
華丸 / ウーマ用語集
華丸 / ウーマ用語集
さーきち / ウーマ用語集
かがや / 夏期休暇中の写真
最近のトラバ
これをみてください (12/14)
お気に入り
QRコード

アクセスカウンタ
Total: 131059
Today: 45
Yesterday: 123
読者登録
オーナーへメール
東京R不動産で紹介されました
2007年10月30日
東京R不動産というwebサイトをご存じですか?ナイスな物件のみを紹介するナイスな不動産情報サイトなのですが。実はウーマの新物件はここにおせわになったのですね。元気いっぱいで美人で、これまたナイスな担当のスピークスの鈴木ちゃんサンキュー!
実はこのサイトでウーマを紹介していただきました!初の動画にチャレンジということで僭越ながら私ハナマルが案内させていただいておりまする。ウーマの紹介ページはこちらからどうぞ!
実はこのサイトでウーマを紹介していただきました!初の動画にチャレンジということで僭越ながら私ハナマルが案内させていただいておりまする。ウーマの紹介ページはこちらからどうぞ!
アップルの新しいOS「レパード」
2007年10月30日
わたくし華丸はマッキントッシュのエバンジェリストです(断言)!
昨夜appleのサイトを見ていたらレパードリリースの内容とビデオプレゼンテーションがおこなわれていました。これはすごい!とおもいつつ、5ライエンスバージョンをネットで購入!はやくとどかないかな、、、と思っています。
アップルのサイトのぞいてみてください!すごいよ!
こちらからどうぞ!
昨夜appleのサイトを見ていたらレパードリリースの内容とビデオプレゼンテーションがおこなわれていました。これはすごい!とおもいつつ、5ライエンスバージョンをネットで購入!はやくとどかないかな、、、と思っています。
アップルのサイトのぞいてみてください!すごいよ!
こちらからどうぞ!
サイトにテコいれ
2007年10月27日
ウーマのサイトをPHP制御。しかし、いまひとつ地味なので土日を使っていろいろ手を入れてみました。主な変更点は。。。。。ヘッダ部分をFLASH化して音がでるようにしました。実は、ウーマではみっつの異なるディレクトリでサイトを運営しています。ひとつはウーマのオフィシャルページ。そしてこのブログはT-galaxyさんにまがりしているブログサイト、ほんで,もうひとるは地味にですがショッピングカートを使ったサイトをFC2で無料連絡してやっているのです。このカートに関しては、売るモノがないので売り上げをドウコウしようというワケではないのですが、webデザインをされるお客さんで、ネットショップもやってみたいという方が多いので実際に自分でやってみよう!思い立ち開設したのです。
さてさて、やってみると意外と苦労が多いモノの、やはりデザイナーとしてはページの統一感が欲しいな、と。いっこいっこ個別にCSSで制御するよりはフラッシュでさくっと統一しちゃおいと思い立ったのです。SEO的にデメリットがあると言われますが、テキストを生かした状態でswfにうめこんでおきますと、検索エンジンのロボットたちはきちんと読み込んでくれています。SWF内のシンボルを作る際に、極力テキストデータを分解しないでキープしておけば、このようにイイカンジでスクロールもできます!
音楽好きな私としてはU-MAロゴにマウスを重ねると踊り出すようにサウンドループをはってっました。。。。みなさんきづいていただけましたでしょうか。。。?
グーグルとアマゾンのリスティング広告も進化していますな〜。シングルページにいくとお気づきになられるかと思うのですが、左側の広告バナーはamaonから提供されているのですけど、ぼくらが手がけたCDジャケットがそのまま広告になる。。。。ブログパーツも進化しているし、みんなあの手この手でいろいろかんがえるよな。。。。
最近アートディレクターをきどって、web広告戦略などは若い専門の人にまかせていがちだったのですが、こんな面白いことやらないテはないよな〜と思いました。
さぁ、つぎはどんなカスタマイズをしようかな
今日のBGM
さてさて、やってみると意外と苦労が多いモノの、やはりデザイナーとしてはページの統一感が欲しいな、と。いっこいっこ個別にCSSで制御するよりはフラッシュでさくっと統一しちゃおいと思い立ったのです。SEO的にデメリットがあると言われますが、テキストを生かした状態でswfにうめこんでおきますと、検索エンジンのロボットたちはきちんと読み込んでくれています。SWF内のシンボルを作る際に、極力テキストデータを分解しないでキープしておけば、このようにイイカンジでスクロールもできます!
音楽好きな私としてはU-MAロゴにマウスを重ねると踊り出すようにサウンドループをはってっました。。。。みなさんきづいていただけましたでしょうか。。。?
グーグルとアマゾンのリスティング広告も進化していますな〜。シングルページにいくとお気づきになられるかと思うのですが、左側の広告バナーはamaonから提供されているのですけど、ぼくらが手がけたCDジャケットがそのまま広告になる。。。。ブログパーツも進化しているし、みんなあの手この手でいろいろかんがえるよな。。。。
最近アートディレクターをきどって、web広告戦略などは若い専門の人にまかせていがちだったのですが、こんな面白いことやらないテはないよな〜と思いました。
さぁ、つぎはどんなカスタマイズをしようかな

今日のBGM
デザインのアウトプット
2007年10月26日
今日はウーマサイトとブログ、ショップサイトのヘッダ部分をフラッシュのナビゲーション化しました。FLASHでかき出したSWFファイルを作成し、各ディレクトリにあるPHPファイルにSWFに対しての絶対パスをだしておく。こうする事で数百に及ぶwebページを一瞬にして統一リニューアルできるのです。
headerをPHP文書にして管理する方法もありますが別ドメインを一極管理するには上記の方法もアリでしょう。
問題点として、せっかくのCMSが動的に管理できないという事が挙げられますが、XMLをはきだして、指定の場所に保存・FLASH側でそこを外部ファイルとして読みに行くということで対応したい。ぼくはまだ勉強不足なのですが、技術的には解決できそうです。
このようにwebについていろいろ調べて自分でPHPもカスタマイズできるようになったのです。
「こういうものを作って、世の中が便利にコミュニケーションできるようになるといいな!」という想いがずっとあります。その想いこそがデザインなのではないかと思います。
なのでぼくは、ロットリングでトンボをひいて台紙を作り、別版に写植をはって版下を作ることができます。トレペをかけて色指定ができます。行カエがおかしい文章を手で詰めて校了できます。ぶらさがりや禁則処理をきちんと指定して版面をきれいに指定することができます。クオークでつくったファイルをコンバートしIn design CS3にスタイルシートを適用して一気に変換し、オープンタイプフォントを埋め込みPDF入稿ができます。コンテンツマネジメントシステムでユーザーが書き込んだデータをXMLでかきだし、アクションスクリプトで受け取らせることができます。
年老いたデザイナーが、青アタリでアタリケイを入れるのと、CSSでサイトのデザインを一元管理することは、本質的に全く同じなのです。
自分にリミットをかけると安穏として位置にぬくぬくとすわることになる。クリエイティブを通じあたらしいコミュニケーションを作ろうとすれば、やれることは全てやるべきだと思います。
これがデザイナーにとっての戦いであり、クリエイティブの本質なのではないでしょうか。
headerをPHP文書にして管理する方法もありますが別ドメインを一極管理するには上記の方法もアリでしょう。
問題点として、せっかくのCMSが動的に管理できないという事が挙げられますが、XMLをはきだして、指定の場所に保存・FLASH側でそこを外部ファイルとして読みに行くということで対応したい。ぼくはまだ勉強不足なのですが、技術的には解決できそうです。
このようにwebについていろいろ調べて自分でPHPもカスタマイズできるようになったのです。
「こういうものを作って、世の中が便利にコミュニケーションできるようになるといいな!」という想いがずっとあります。その想いこそがデザインなのではないかと思います。
なのでぼくは、ロットリングでトンボをひいて台紙を作り、別版に写植をはって版下を作ることができます。トレペをかけて色指定ができます。行カエがおかしい文章を手で詰めて校了できます。ぶらさがりや禁則処理をきちんと指定して版面をきれいに指定することができます。クオークでつくったファイルをコンバートしIn design CS3にスタイルシートを適用して一気に変換し、オープンタイプフォントを埋め込みPDF入稿ができます。コンテンツマネジメントシステムでユーザーが書き込んだデータをXMLでかきだし、アクションスクリプトで受け取らせることができます。
年老いたデザイナーが、青アタリでアタリケイを入れるのと、CSSでサイトのデザインを一元管理することは、本質的に全く同じなのです。
自分にリミットをかけると安穏として位置にぬくぬくとすわることになる。クリエイティブを通じあたらしいコミュニケーションを作ろうとすれば、やれることは全てやるべきだと思います。
これがデザイナーにとっての戦いであり、クリエイティブの本質なのではないでしょうか。
SNAPってすごい
2007年10月22日
webの新技術ってすごいなと、つくずくおもってしまうんですね
http://en.wikipedia.org/wiki/Picasso
マウスオーバーで情報が出るんです。
http://ja.wikipedia.org/wiki/Mp3
ウーマサイトをちょこっとだけカスタムアップ。たのしいなあ〜
映像
映像
Wikipediaエントリー 続きを読む
http://en.wikipedia.org/wiki/Picasso
マウスオーバーで情報が出るんです。
http://ja.wikipedia.org/wiki/Mp3
ウーマサイトをちょこっとだけカスタムアップ。たのしいなあ〜
映像
映像
- サイズの大きい埋め込み画像を要求することなく、映像を表示します。
- Wikipediaエントリーを、リンクを含め、要約します。
- ぼくが好きなジミヘンの略歴と写真を表示します。
- 株式の現在値を図表で表します。
- 製品の小売りのページを強調します。
- MP3を再生し、利用可能なグラフィックと曲目の情報を表示します。
- Flickrよりフォトアルバムを公開します。
- その他のURL用のPreview Shotサイトのプレビューを表示し、ユーザーに次のことを知らせます。
ユーザーがリンクされたコンテンツを既に読んだかどうか。リンクが、信用あるソースに向いているかどうか。
行き先のページが登録を要求するかどうか。
リンクされたコンテンツが職場に不向きであるかどうか。
Wikipediaエントリー 続きを読む
ファビコンを投稿です!
2007年10月22日
■ファビコンとは?
お気に入りアイコン - favicon.ico(ファビコン)とは、ブラウザのアドレスバーやお気に入りのリストに表示される、16×16 の小さなアイコンのことです。 この、ウーマのサイトもアドレスバーの中にウーマくんがいますよね?これです。
■ファビコン作成の流れ
1. ファビコン用の画像を作成する
ファビコンで使用する画像を作成します。サイズは問いませんが、正方形である必要があります。作成した画像は、GIFやPNG形式等で保存しておきます。
2. ファイル形式を変換する
作成した画像は、ファビコン用の形式に変換する必要があります。アイコン作成ソフトでも変換できますが、ここではFavIcon from Pics(変換サイト)を利用して変換することにします。このサイトで変換したファイルはzip形式でダウンロードすることになるので、それを解凍して使用します。
3. ファビコンファイルをアップロードする
作成されたファビコンファイル(favicon.ico)を、サーバーにアップロードします。こんかいはこのブログの中に記事として投稿します。画面に反映されたら画像の上で右クリックし「画像を表示」します。ブラウザが切り替わりURLを確認することができます。
4. タグの設定
ページの HEADHEAD 内に、LINKタグを設定します。
<LINK REL="SHORTCUT ICON" HREF="favicon.ico">
HREF="" に、favicon.ico ファイルへのパスを指定します。http:// で始まる絶対パス、または相対パスで指定することができます。
今回の場合は、この投稿に貼り付けてある画像がhttp://umadesign.t-galaxy.com/usr/umadesign/uma_fabi.gifなので、これをそのままリンク先にします。
IEなどでは、この設定がない場合でもファビコンを表示してくれるみたいですが、ブラウザにより挙動が異なる可能性がありますので、念のため設定しておくことをお勧めします。
※LINKタグについての詳細は、「お気に入りアイコン(ファビコン)を指定する」をご覧ください。
PageTop▲
以上で完了です。
お気に入りアイコン - favicon.ico(ファビコン)とは、ブラウザのアドレスバーやお気に入りのリストに表示される、16×16 の小さなアイコンのことです。 この、ウーマのサイトもアドレスバーの中にウーマくんがいますよね?これです。
■ファビコン作成の流れ
1. ファビコン用の画像を作成する
ファビコンで使用する画像を作成します。サイズは問いませんが、正方形である必要があります。作成した画像は、GIFやPNG形式等で保存しておきます。
2. ファイル形式を変換する
作成した画像は、ファビコン用の形式に変換する必要があります。アイコン作成ソフトでも変換できますが、ここではFavIcon from Pics(変換サイト)を利用して変換することにします。このサイトで変換したファイルはzip形式でダウンロードすることになるので、それを解凍して使用します。
3. ファビコンファイルをアップロードする
作成されたファビコンファイル(favicon.ico)を、サーバーにアップロードします。こんかいはこのブログの中に記事として投稿します。画面に反映されたら画像の上で右クリックし「画像を表示」します。ブラウザが切り替わりURLを確認することができます。
4. タグの設定
ページの HEADHEAD 内に、LINKタグを設定します。
<LINK REL="SHORTCUT ICON" HREF="favicon.ico">
HREF="" に、favicon.ico ファイルへのパスを指定します。http:// で始まる絶対パス、または相対パスで指定することができます。
今回の場合は、この投稿に貼り付けてある画像がhttp://umadesign.t-galaxy.com/usr/umadesign/uma_fabi.gifなので、これをそのままリンク先にします。
IEなどでは、この設定がない場合でもファビコンを表示してくれるみたいですが、ブラウザにより挙動が異なる可能性がありますので、念のため設定しておくことをお勧めします。
※LINKタグについての詳細は、「お気に入りアイコン(ファビコン)を指定する」をご覧ください。
PageTop▲
以上で完了です。
アンチシステムプロダクツ
2007年10月21日
ウーマ福岡事務所から徒歩10分。川端通りの裏手にアーティストがスクワットするアパート「冷泉荘」がある。数年後に取り壊しが決まったアパートを期間限定で好きにつかっていいというオーナーの厚意で様々なクリエーターがおもいおもいのスタイルで自らのクリエイティブをしている。この中の一室にベロくんが主催する「アンチシステムプロダクツ」がある。ビール片手に訪れるぼくに快く対応してくれる彼を10月に訪問したら、ギャラリー事業は終わらせて自ら、古くなったスケートボードを解体し、メモパッドやバッグに再構築する商品作りをしていた。しりあいの雑誌社に電話をしたところ簡単な記事にしてくれることになり、急遽、商品撮影をしてホームページとネットショップをたちあげ、さらにはプロモーションビデオもつくろう!ということになったのだ。
福岡スタジオに商品をもってきてくれたベロ君、彼の教え子でもあるスタイリスト志望のタッキーくんとシューティングをした。ビール片手にわらいながら撮影をしてとても楽しかった!またよろしくおねがいします!
スケボー素材のプロダクツはとにかくタフ&軽量ということにつきる。そりゃそうだ。生前(?)スケボーだった時代はハードな使用にたえていたんだもんな。カバンやノートホルダーにしたらなんとも軽くて耐久性のある商品になるわけだ。表面のキズやプリントもそれぞれにスケボーが歩んできた時間をカンジさせてくれる。
みんなも売り上げ協力頼むぜ!
ANTI SYSTEM PRODUCTS
http://www.antisystem.jp/
作品コンセプト等詳細はこちらをご覧ください
http://web.mac.com/lovegallery
冷泉荘
http://kawabata.travelers-project.com/
アンチシステム・プロダクツ
