「IA」ってなんですか?

2010.08.03(火)

最近個人的によく耳にするのが「IA」という単語。
気になったので少し調べてみました。

どうやら、情報アーキテクチャ(Information Architecture)の略称のようです。
wikiから抜粋すると、

「情報をわかりやすく伝え」「受け手が情報を探しやすくする」ための表現技術である

情報アーキテクチャ

ウェブの場合、動画や、フラッシュなどのテクノロジーが発展し、
情報整理が難しくなっているような気がします。
なので、いま情報アーキテクチャの考え方が必要になってきてるみたいです。

僕はデザインするときクオリティの部分しか見えなくなる時があるので、
見てくれる人がちゃんと情報を引き出せてるのか、
考えながらデザインする必要があると考えるようになりました。

IAにもいくつか手法があるようです。

  • ユーザー調査
  • ペルソナ設計
  • メンタルモデル開発
  • 情報設計
  • ウォークスルーテスト

が、詳しくわからなかったので、
次回に持ち越したいと思います。
IA(情報アーキテクチャ)にフォーカスしたCSS Nite LPを9月に開催

なんでもブックマーク。その名も「Zootool」

2010.07.21(水)

世の中にはブクマ系のサービスが充実しておりますが、
Zootoolは他とは一味違うようです。


http://zootool.com/

簡単に説明すると、気に入ったサイトや画像などを気軽にブックマークして一覧して見れるサービス。
らしいので使ってみました。

続きを読む »

OkAGOSTINI (オカゴスティーニ)第4号 ボタンで操作★解答例

2010.07.06(火)

前回、恐れ多いことで課題を出させてもらったんですけど、
僕が今現在ベストな考えで解答例を出させてもらいます。

ここらへんの仕組みがわかるといろんなところで応用できるので、
よければ参考にしてやってください!

flash on 2010-7-6 – wonderfl build flash online

OkAGOSTINI (オカゴスティーニ)第4号 ボタンで操作

2010.06.18(金)

darmanです。
自分名前、岡田って言うんですけど、
そのノリで「OkAGOSTINI」っていうフラッシュの練習台を作ってます。
簡単に偉そうに言うと、僕が作るオカゴスティーニ フラッシュをどんな方法でもいいから再現してください。
とったものです。

いま、1~3号までやってますが、
ついに4号を出します。
というか、出さざるを得なくなったので作りました。

第四回はマウスイベントを巧みに使ってインタラクティブな動きを作ろうです。
真ん中の四角をみんなでよってたかっていじっちゃおうというフラッシュです。
さあ、みんなで考えよう!

続きを読む »

FlashDevelopでASDoc

2010.06.15(火)

フラッシュ制作をしていくと、
「俺の、俺による、俺のためのクラス」がちまちま作られていくわけですが、
見返してみるとこのクラス結局何したいの?
っていうのが大量発生するわけです。

そこで、自分が汗水流して作ったクラスちゃん達を
埋もれさせないためになにかドキュメントにまとめたい。

そんなときにはこれ!
「ASDoc!」

なじみがあるのは、FlashのビルドインクラスやProgressionのASDocかと思われます。

・ActionScript 3.0 コンポーネントリファレンスガイド
http://livedocs.adobe.com/flash/9.0_jp/ActionScriptLangRefV3/
・Progression 3.1 – API Reference
http://asdoc.progression.jp/

あ、なんかプロっぽくていいね!すごくいい!
では、早速作ります。
続きを読む »

GitとTortoiseGitとgithubでレッツソーシャルコーディング

2010.03.29(月)

Gitというものが最近はやってるらしいので、やってみました。

●Gitってなに?
「分散型バージョン管理システム」らしいのですが、
簡単に言うと、ファイルの変更履歴を管理できる仕組みだと思います。
分散型というのは、リポジトリが1箇所に集中しているのではなく、複数個所に分散し、リポジトリ間で変更履歴のやり取りができるという意味らしいです。
リポジトリはデータベースのように、
データを貯蔵出来るサーバみたいなもんだと思われます。

●何ができるの?
自分が持っているソースコードを管理できて、
更新ごとにファイルがバックアップされ、いつでももとに戻すことが出来る。
さらに、ファイルのマージが簡単にできてどこをどう編集したか、
一目瞭然になる。

■インストール方法————————————
1.Gitをインストール

いろいろ、いろいろ選択肢は出ますけど、
道なりにインストールしてください。

・Git ダウンロード
http://code.google.com/p/msysgit/downloads/list
Git-1.7.0.2-preview20100309.exe

2.Gitクライアントをインストール

Git単体で使うことも可能ですが、
玄人向けで難しいので、今回はGit専用のクライアントを使います。

・TortoiseGit ダウンロード
http://code.google.com/p/tortoisegit/downloads/list
TortoiseGit-1.3.6.0-32bit.msi

・インストール方法と使い方はこちら
「実用レベルに達したWindows向けGitクライアント「TortoiseGit」でGitを始めよう」
http://sourceforge.jp/magazine/09/06/19/0340248

3.githubを使ってソースコードを公開

1と2でローカルのバージョン管理は出来るのですが、
せっかくなので、自分のソースコードをウェブに公開してみます。

・github -SOCIAL CODING
http://github.com/

・GitHubをTortoiseGitから使ってみる
http://d.hatena.ne.jp/k2ca3/20090709/1247070673

だいたい人頼みでしたけど、
これで、安全で快適なプログラミングライフを送れることが出来そうですね!

ちょっと、公開まで手順が多めなのですが、
githubでは他人のコードをダウンロードしたりフォークしたりできるので、
たくさん刺激を受けることが出来るかもしれませんね。

コードレス(ワイヤレス)時代がやってきた!

2010.03.23(火)

近年、家電製品がどんどん進化していく中で、
ワクワクするのがコードレス化。
ラジコンカーや鉄人 28号なノリで好きなんだと思う。
http://www.kobe-tetsujin.com/

今回は、そのコードレスについて調べてみました。

コードレスを実現させている方法として、
赤外線通信とBluetoothとあるようですけど、
使ってる波長の領域が違うらしい。
自信ないので、くわしくはこちら

赤外線
http://d.hatena.ne.jp/keyword/%C0%D6%B3%B0%C0%FE
http://e-words.jp/w/IrDA.html

Bluetooth
http://d.hatena.ne.jp/keyword/Bluetooth
http://e-words.jp/w/Bluetooth.html

技術的なことはさておき、
今まで、あったものが無くなるとどういいのか
ちょっとだけ、挙げてみました。

■ 電源コード
コードがなくなったことによって、足元がすっきりしてほこりも溜まりにくい。
たこ足配線が必要なくなり、経済的。
コンセントからの出火の危険性もなくなる。

http://japan.cnet.com/news/tech/story/0,2000056025,20400983,00.htm

■ デジカメ
撮影データを保存してくれるSDカード。
これも、ワイヤレスになったおかげでわざわざパソコンにつながなくても
電源を入れるだけで転送可能。
撮影後のわずらわしさから開放され、
写真撮影がもっと気軽に出来るようになった。

http://www.eyefi.co.jp/products/

■LAN
有線LANから、無線LANになることで、
ベッドの上でもインターネットが楽しめるようになった。
無線スポットなるものが増えているので、
使い方によっては世界中どこでもインターネットが出来る環境が用意できる。

http://www.freespot.com/
http://www.fon.ne.jp/guide/index.html

■ ゲーム機
コントローラーと本体をつなぐ線が無くなったことによって、
より非現実世界の中に入り込む事が出来る。

http://www.jp.playstation.com/hardware/ps3/

■ 扇風機
コードじゃないですけど、
羽根レスになったことで、
指を切り落とす危険性がなく、
「おじいちゃんなんで人差し指がないの?まさか・・・」という、
孫のむごい質問を受けずにすむ。
しかし、回っている羽の上に水滴を落として、
顔面に浴びることは出来なくなってしまった。

http://www.dyson.co.jp/fans/

■ その他
将来コードレスになりそうでならなさそうなもの。
・コードレス 凧
・コードレス ヨーヨー
・コードレス コマ
・コードレス 綱引き
・コードレス 縄跳び
・コードレス 中学生

まだまだ、コードレスのものやコードレス化が進んでいる家電があると思いますが、
便利になっていくにつれてより使う人間がしっかりしないといけないと思うのであります。
そう、鉄人28号のように悪者にコントローラーを奪われれば、
鉄人はすぐに悪者になってしまうようにね。

昔のソースを公開するよ 其の弐

2009.11.25(水)

第2段目でございます。

今回は、フラッシュの制作をしていく途中で、
メモしているのをそのまま公開いたしますよ。

ちなみに、ばっちりAS2です。

●インデックス

  • Fusekitのこと
  • Elathtic - バネのように弾んで止まる
  • 印刷関係で悩んだこと
  • UIコンポーネンツのUIScrollBarの設定
  • 配列に入れたMCをforでまわして並べる
  • ムービークリップ内のムービークリップのインスタンスを全部取得
  • テキストの設定
  • OS判別
  • 外部FLV呼び出しについて
  • メモ
  • 心得

続きを読む »

昔のソースを公開するよ 其の壱

2009.11.18(水)

そろそろ、ネタも尽きたところで、
過去の遺産に登場してもらいます。

アクションスクリプト触りたてのころは、
なんとかプログラムというものを理解しようと
変数を違うものに置き換えて自分のものにしようと奮闘しておりました。

その時のソースと概念図を描いてみました。
他の人が見るとわけが分からないと思うので、
流し目程度でみてやってください。

続きを読む »

うねうねしたものを作りたい

2009.10.01(木)

どうも、darmanです。
今回は、丸をフラッシュで描きます。

ご存知のとおり、フラッシュで丸を描きたければ、
備え付けてあるdraw系のAPIで簡単に描けます。

しかし!
だがしかし!
丸をうねうね動かすにはそいつでは役不足なのさ!

そこで、円を構成している点をすべて自力で描くことで、
さまざまな形に変身出来るみたいです。

それがこれでございます!

This movie requires Flash Player 9

クリックすると丸の形になり、
一定時間ごとにうねうね動き回ります。

今回curveToを使って円を描いたのですが、
普段使い慣れてるイラレなどのペンツールと違って、
コントロールポイントが点と点の間にあるので少し戸惑いました。
三点でカーブを描くことを2次ベジェというらしいです。
イラレとかのコントロールポイントが一つの点に対して2つでてるものを
3次ベジェというらしいですね。

ほんと勉強になるな~