« June 2007 | メイン | August 2007 »
Jul 30, 2007
「WEBマーケティングみたいな・・・」
調べものをしていたらたまたま見つけたサイトです。
紹介されている事例が「おっ」と目を引くサイトが多かったので備忘録がてら上げておきます。
▼WEBマーケティングみたいな・・・
http://o-sagawa.de-blog.jp/webmarketing/
yamada ： 7:08 PM
Jul 30, 2007
javascriptからFlashを操作する方法
使わないと忘れそうなのでメモです。
javascript側に下記の記述。
で、ボタン側に
onclick="swfl_gotofr(飛ばしたいフレーム)"
てな感じで記述。
詳しくはこちらで「Javascriptでムービーを制御する」
Kawata ： 4:43 AM
Jul 27, 2007
CSSEZ
はてブにあがっていたサイトです。
▼CSSEZ
http://jp.cssez.com/
手打ちでバチバチ派の人にとってこのテのツールは敬遠されがちですよね。
しかもデザインがレイアウトありきで作ることになるのでデザイナーにも敬遠されるかも？
なんだかいいとこなしのようなツールですが、
ちょろっと触ってみたらとても動きが軽快だったので
使い方しだいでは作業効率は結構上げられるような気がしています。
少なくとも
・CSSレイアウトを知りつくした人が作っているツールである。
・クロスブラウザ対応も済んでいる（だろう）。
・ミスタイプによる間違いが起こりえない。
・やっぱりプロパティパネルを使う設定はラク
３、４番目は結構大きいと思いますね。
あと使ってるうちにストックがたまってソースを汎用的に使うこともできるかも。。。
yamada ：11:20 AM
Jul 26, 2007
ブロック要素の高さを揃えるJS
これは便利。
CSSでコーディングする時に厄介なのが横並びにしたブロック要素の下のラインが揃わないこと。
テキストの文字数が固定できないとどうしてもガタガタになっちゃう。
それを解消してくれるのがこのライブラリだそうです。
先日のWeb標準の日々のセミナーのグループディスカッションから生まれたものだそうで、
こういうのがあるとセミナーをやった本当の意義がありますよね。素晴らしいことだと思います。
▼ブロックレベル要素の高さを揃えるheightLine.js
http://blog.webcreativepark.net/2007/07/26-010338.html
安定すれば今後このJSは実装が当たり前になりそうな気がします。
こんど使ってみよう。
yamada ：11:38 AM
Jul 23, 2007
swfobject.jsを使ってHTMLからswfに変数を渡す方法
以前、HTMLからswfに変数渡すのってどうすればいいのと
質問をされたので、
先日yamada君がFlashを呼び出すJSで書いていたswfobject.jsを使って
変数を渡すのをやってみました。簡単です。
HTMLからswfを渡す方法は2つあって、
○○○.swf?変数名=値と書く方法（サンプル1）と、
のようにFlashVarsを使って、
param name="FlashVars" value="変数名=値"のように書く方法（サンプル2）と
2つあります。
○○○.swf?変数名=値と書くのは昔のやり方なのかな。
続きはこちら
Kawata ： 3:51 AM
Jul 22, 2007
Web標準の日 Ajax/Flashでらくらくワクワクマッシュアップ casaframeworkで簡単にXMLを読み込む方法
Web標準の日のエントリーが続いていますが、
いろいろ覚えたことを吐き出していかないと逆に忘れそうなので、
メモ＆復習です。
僕の3つ目のセッションは
元たたみラボ？の「メディアテクノロジーラボ」さんの
のセッションでした。
事前登録していなかったので、立ち見になるかと、
超早めにいっていたので、無事席をゲットできて一安心。
しかしおもしろかったです。
マグカップやらステッカーももらったし。
内容があまりにも濃すぎて1回のエントリで
まとめてきれないので、復習できた箇所から断片的に紹介していきます。
ちなみに順不同です。
■受けた講義
Ajax/FlashでわくわくらくらくMashup
メディアテクノロジーラボさん
trick7さんのブログではいつも勉強させてもらってます。
■内容
1．Ajax編
主にJQueryのクールさについて
2．Flash編
いかにしてリアルドム（DOM）のプラモデルを動かすか？（笑）
じゃらんAPIをつかったMashup実例
（casaFrameworkとFusekitをつかったFlashライブコーディング）
Kawata ： 1:51 AM
Jul 18, 2007
Web標準の日に行ってきました。その2 「DOMから始めるjavascriptモダンスクリプティングの基礎」編
4つのセッションしか受けなかったのですが、
かぶってたり、ちょっと書くのに調べたかったりするので、
先に最終日のfutomiの羽田野さんの講義に関して書いておきます。
いつもお世話になっている羽田野さんですが、
事前にこういうことも話をして欲しいとお願いしていたものも
追加で盛り込んでくれて、非常に参考になりました。
ライブラリを使って簡単にというのも、素敵なのですが、
こういった基礎をきちんと説明してくれるセミナーというのも
非常に貴重だなぁ〜と。
講義の後で、羽田野さんとごはん食べにいって、いろいろ聞けたし、
充実した2日間でした。
でも、さすがにちょっと、疲れた。。
さすがに半分徹夜明けの状態で、聴講はきついというのが身にしみて
わかった日でもありました。
■参加した講義
DOMから始めるjavascriptモダンスクリプティングの基礎
羽田野さん
futomi's cgi cafe
■内容
1.DOM
2.イベント
3.でしゃばるなJavaScript
4.コードは使い回せ
Kawata ： 4:20 AM
Jul 17, 2007
Web標準の日々 ＩＴ系イベントに初参加
Web標準の日々、、、参加して意味あるのかなぁ？
セミナー毎に講師の人が決まって、本日の参加者はディレクター？デザイナー？システム系？が多いの？手をあげて～
などといわれても、どれにも当てはまらない（場違い？）
常に引け目を感じていたkomoriです。
ちょいといろいろあり、ウェブの世界には最近転職したばかりです。
そんなＩＴ系知識の乏しい私が、手当たり次第2日間でいろいろな種類のセッションを受けました。
基本スタンスは、
実際のワークは出来なくてもいいから、各職種でどのようなことがアツくて、どんなことが課題か、今後の流れは？みたいなことを、理解するというより感じ取れれば、、です。
そんな感じで、各会場にちょこちょこと顔を出しました。
２日間が終わって、、満足です、Web標準の日々。
違う業界で働いていたのですが、仕事を進める上での目的や意識の持ち方など、特にディレクションやデザインで、課題や悩むポイントが似ていたのが印象的でした。
どの会社も、どの職域の人も、どの職種の人も、蓋を開けてみれば同じようなところで悩んだり、解決策を考えていたりしているのを知って、日々見聞は広めておくべきだなとしみじみ実感しましたね。
素人ながらに印象に残った各セッションのシーンを記載します。
内容は雑感ですので、あまり深く突っ込まないでくださいね。
komori ： 9:21 PM
Jul 17, 2007
Web標準の日々 tsu2
エイチツーオー・スペースのたにぐちさんの「デザイナーのためのJavaScript入門未満」というセッションも受けました。
Javascript苦手なので。
内容はじゃらんのAPIを使って宿検索をサクっと作るというたにぐちさんのライブコーディング。
ボクは以前じゃんらんのAPIを使ってPHPでマッシュアップはしたことがあったのでAPIのへんは問題無し。
XMLはJKL.ParseXMLというのを使って
たぶんコレ？
http://www.kawa.net/works/js/jkl/parsexml.html
Javascriptで取得してました。
サンプルつかってこうやって〜こうやってーと
入門未満のボクにはスピードが早くてアワワワワしながら聞いてました。
いっぱいいっぱいだったので追記はたいした内容ではないです（苦笑
ごめんなさい。
tsuka ： 6:17 PM
Jul 17, 2007
Web標準の日々
カブって受けたセッションの感想とかは他の人に任せるということで…
身内でボクしか受けなかったセッション「デザイナーズ・ハイデザインタイトルマッチ!」の感想を。
実況者が発表したテーマに沿って、対戦者がそれぞれ制限時間内にウェブページのモックアップを制作する。 制作の様子は会場内にプロジェクタで投影。実況はデザイン的な技のポイントなどを取り上げ、解説とそのみどころを伝える。観戦者も手持ちの機材でページ制作に参加してもよい。当日は観戦者からの意見をTwitter などでリアルタイムに収集する予定も。時間終了後、各作品は観戦者や実況などの意見を収集したうえで勝敗の判定が下される。
ということなんですが、人がデザインを作ってるとこ（しかも対決）とかあんまり見た事がないので1日目ではけっこう楽しみにしてた内容でした。
内容が内容なんで以下は感想です。
tsuka ：12:15 PM
Jul 16, 2007
Web標準の日々に参加して 16日
本日はすがすがしく太陽がまぶしかったですね。
最初は林拓也さんの「FLASH CS3のホント機能と今」を受けました。
・FLASHCS3ですが、大きな違いとして、ActionScript3が使えるようになった。
・PSD・AIデータを読み込める用になりました。
・テキストフィールドが数値入力で横幅などの変更ができるようになった。
ActionScript1・2とActionScript3との違い。 以降AS1・AS2・AS3とする。
AS1・AS2とAS3は全くの別物です。
AS1・AS2はAVM1（ActionScript Virtual Machine）・AS3はAVM2（ActionScript Virtual Machine）なので、AS1・2とAS3は一緒に書くことができない。
AS3はコードが厳密になりプログラマよりの言語になった。
・ボタンアクションが使えない・インスタンスにASが書くことができない。
・演算速度が従来の最大10倍でるそうです。
・コンポーネントがAS2と別物になった。パラメータ名の変更など。
・フレームレートの動的変更が可能になった。
ビデオ機能の強化
キャプション機能がついた（XMLを使用する）
スクリーンモードが可能にビデオに限らずできる用になったが、ボタンアクションからしかできない。
スキンのカラー・透明度が変更できるようになった。
カスタムUIコンポーネントが簡単になった。
今から勉強するなら、AS2ですが、AS3を意識したプログラムを書いたほうがいいといってました。
フラッシュのタイムラインの上下には現在地表示バーがありますが、
バージョンによって位置が違います。
CS3になってタイムラインの下になりました。
この場所は変更することができるそうです。
Win シフト＋Alt＋クリック
Mac シフト＋オプション＋クリック
続きは後日
egu ：11:18 PM
Jul 15, 2007
Web標準の日々に参加して 15日
Web標準の日々に行ってきました。
台風だったんですが、雨も激しくなくそんなに大変ではありませんでしたが
受付のビルが分からなくうろうろしてました。
最初は Karl Dubostさん Olivier Thereauxさんの
「従うのは面倒だがWeb標準はイケてる」をみました。
途中からだったのでよく分からなかったのですが、
７５％のユーザーはトップページからいくわけではなく
検索エンジンから直接知りたいページにいく。
URLを変更するときは、昔のファイルは残しておいて
関連ページに飛ぶようにした方がいいと言ってました。
次は西田幸司さんの「WEBにグラフィカルな表現は必要なのか？」を見ました。
サイトをどのように作っているのかの説明でした。
イキカエ 理想の住まいは西田さんがデザインをしてオーサリングは時間の都合上ほかの方にやってもらったそうです。
つねに、草花の写真を撮って素材に使えるようにため込んでいるそうです。
写真の加工にはタブレットを使用して、幻想的なオブジェクトを作っているそうです。
（写真を重ねてオーバーレイと不透明度で調整）
PhotoshopCS３の新機能説明でした。
（簡単にパノラマ写真が作れる。 連続写真から簡単なムービーが作れる。Photoshopのオーバーレイなどがそのまま、FLASHにもそのままの状態で読み込むことができる。）
次にTugemiさんの「CS3に挑戦！Flashテクニック実践講座」を受けました、
実践講座ということでしたが、全然実践的なことはなく、
Tugemiさんの作ったFlashの紹介とFlashCS3の説明でした。
なかでも、音楽を作るツールのReason・Adobe Soundbooth™ CS3は簡単に音楽が作れて楽しそうでした。
Reasonは2週間くらい使えば、それなりに使いこなせるそうです。
Adobe Soundbooth™ CS3は今回新しく開発されたソフトで、元々あるサウンドデータをいろいろと加工することができるそうです。音の波形がグラフ上で見えるので、インタビュー中の音声に携帯電話などの電子音の削除など簡単に取り除くことができてました。
体験版をインストールしたのですが、G5では動かないみたいでした。
Winにでも入れてみようと思います。
あと、Adobe After Effects® CS3 Professionalの新機能「パペットツール」が楽しそうでした。
一枚画像からアニメーションが簡単にできるツールです。
後日体験版をインストールして試してみます。
最後に植木友浩さんの「Dreamweaver拡張機能の制作と実際の使いどころ」を受けました。
話を聞いて驚いたのは、DreamweaverはHTMLとJavascriptでできていると言うことです。
拡張機能を利用し、エクセルなどにファイル名・タイトル名・原稿テキスト・画像名などを記述、そのファイルを読み込むJavascriptを書いておけば、一気に大量のHTMLをはき出すことができるみたいです。
実際に目にして感動しました！ プログラムが書ければ何でもできるんだなーと思いました。
egu ：11:44 PM
Jul 15, 2007
Web標準の日に行ってきました。その1 「jsライブラリで実装する効率的なWeb制作」編
台風がきている中、秋葉原まで「Web標準の日」を見にいってきました。
寝坊はするし、台風のせいで傘はぶっこわれるし、
さんざんでしたが、参加した講義は、なかなかおもしろいものでしたので、
まとめておきます。
■参加した講義
jsライブラリで実装する効率的なWeb制作
西畑一馬さん
西畑一馬さんのブログ
■内容
1、ライブラリの紹介
2、ライセンス形態の紹介（MTI、BSD、GPL、CC）
3、jsライブラリの使い方（実装方法、使用上の注意など）
4、jsライブラリの使い方（無名関数など）
5、グループワーク
続きは次ページで。
Kawata ： 7:36 PM
Jul 11, 2007
かわいいデザインのブログ
▼HotWeb Magazine
http://www.hotwebmagazine.com/
たまたまはてブを踏んだ先のサイトだったんですが、赤をキーカラーに使っているのにも関わらずどぎつくなくかわいくまとめているブログです。
link-logと同じWeb技術関連のブログということもあり、負けてられないなーと思いました。
yamada ：12:05 AM
Jul 10, 2007
デザインに凝ったウェブサイトほど予約率は低かった
▼「デザインに凝ったウェブサイトほど予約率は低かった」，星野リゾート社長が講演
http://itpro.nikkeibp.co.jp/article/NEWS/20070709/277060/
これは確かに打ち合わせにきてくれた人も言っていました。
旅館サイトとしてはかなり有名だった？「○○屋」さんはこの手法に則ったリニューアルで予約率があがったそうです。
ただ「○○屋」さんのサイトも予約率は思った通りの効果は得られなくても旅館のブランディングには寄与したことは間違いないので「デザインに凝ったサイト」「機能面を重視したサイト」の良し悪しではなく目的に応じたサイト構築を考えろってことですね。
yamada ： 8:31 PM
Jul 04, 2007
かっこいいコメントフォーム
ブログのコメントフォームってどうにもかっこ悪く、どこかにかっこいいデザインのフォームをまとめたサイトがないものか、と思っていたら結構あっさりみつかりました。
▼Blog Comment Form Design Showcase
http://www.smileycat.com/miaow/archives/comment-form-showcase.php
凝ろうと思うと結構深いですよね。フォームって
yamada ： 6:54 PM
Jul 03, 2007
つまらないブログから脱却するための 102 の方法
▼つまらないブログから脱却するための 102 の方法
http://www.motoharusumi.com/jobs/marketing/smo_social_media_
optimization/102_ways_to_make_your_blog_not_suck.html
…だそうです。
全部を見た訳じゃないですが、なるほどと思う点や書いている時につい忘れてしまう注意点が列挙されているのでたまに振り返ってみるといいかもしれません。
一番最初のやつですが
1.誰が、何を、どこで、なぜ、といったことが瞬時に理解できるようにしよう
これは意識しないと結構忘れがちなんで気をつけたいと思います。
yamada ： 2:49 PM
Jul 01, 2007
iPhoneは本当に来るのか？
こないだyamada君から借りた本で、
かなりおもしろかったので、紹介を。
アマゾンがつき、グーグルがこねた天下餅
座して喰らうのはアップルか
という刺激的な帯から想像に想像が膨らみ、
楽しみながら読めました。
一時期はやったユビキタス社会とは結局なんだったのか。
デジタル家電と言われるものは本当に人間を便利にしているのか。
WEB2.0は果たして本当に儲かるのか。
など、現在のネットをとりまく状況にひとつひとつスポットをあてながら、
最終的には、世界中に広がるインターネット社会にアクセス（端末）を
１つに絞り込むことができたものが勝者になりうる。
といったことが書いてありました。
とてもおもしろかったのでオススメです。
これからはユーザーエクスペリエンスを大切にする企業が勝ち組になっていくともありました。
Kawata ： 1:57 AM