archive-com.com » COM » N » NITOYON.COM

Total: 757

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Adobe MAX リアルタイムレポート:求む!デザイナによるアプリケーション開発 - てっく煮ブログ
    Window 共有ライブラリ から Flex Components を選ぶ 必要なコンポーネントを配置していく MXMLとイメージ で書き出しを行う Fx コードを開発 Flex プロジェクトを作成 Web application Flex と Desktop application AIR を選択する Flex Builderにドラッグアンドドロップで出力したファイルをコピーする MXMLを開くと プレビューできる STEP2 FlexとMXML Flex は誰のもの Flex も Flash も SWF を出力するツール MXML HTMLのような文法 で配置できる CSSで見た目を定義 Flex2 Style Explorer mx Style に張り込む Design Extendsions for CS3 AI などで作成して 保存 SWFが書き出される Flex Builder から読み込む STEP3 アプリケーション開発の入口 Flash でSWFを作る Image source で SWF を入れる アプリケーション記述ファイルを修正して STEP4 OSSの活用 Flex Book

    Original URL path: http://tech.nitoyon.com/ja/blog/2007/11/02/adobe-max2-designer-app/ (2016-02-13)
    Open archived version from archive


  • この Flash がすごい 2007
    誰でも楽しめるわけじゃないから今回はパスした フルフラッシュ篇 新製品のキャンペーンサイトなどで多様されるのがフルフラッシュ HTML は使わず 画面全体に Flash を貼り付けたものを指す フルフラッシュにありがちなのが どこをクリックしていいか分からなかったり 待ち時間が長くてイライラしたりして嫌になるパターン そんな中 株式会社ポリゴン ピクチュアズ は異彩を放っていた トップページを開くと3つ四角形が登場する 四角の上にマウスを持っていくと かわいく反応する シンプルなデザインのために ナビゲーションで場所で迷う余地はない 四角をクリックすると 凝ったアニメーション とともに大胆にページ構成が変化する そこそこ長め 6 7秒 のアニメーションなんだけど 動きが激しいからついつい3種類全部見てしまった フルフラッシュのページには1秒程度のちょっとしたアニメーションでもイライラさせられるものは多い 両者の差がどこにあるかといえば 先が想像できるかどうか だと思う このあとどうなるんだろう というワクワク感があれば 多少のアニメーションは気分よく見るもんだ ただ ワンパターンなアニメーションを何回も見せらると 嫌になってページを閉じることになる その点 このサイトは細かなところまで気を使ってくれている 長いアニメーションは最初の3箇所だけで 他の場所はかなり抑え目 例えば ABOUT US の STUDIO にあるフォトギャラリーのアニメーショ名ンはどれもキビキビ動いてくれる フォトギャラリーは繰り返しの操作が多いわけで 目的の情報への到達速度が速くなるように工夫されているわけだ 短いアニメーションにもかかわらず 魅力的に見えるのはさすがプロといったところか 見せるところは見せる 抑えるところは抑える 飽きさせないために考え抜かれた工夫が気持ちいい インタラクティブ篇 今年 思わず唸ったのが iKnow だ 英語学習 SNS という不思議なジャンルなのだけど 学習ツールの完成度が半端じゃない クイズゲームのようなシンプルな見た目が分かりやすい ゲームのUIはすごいよね という話が ゲームの UI 研究 にあったが まさにゲームを Web に持ってきたような作りになっている 下側に出ているメッセージでマニュアルは不要だし ボタンの位置も固定 で成功体験も得られる 操作も見たまま マウスで操作できるのはもちろん キーボード操作にも対応している カーソルキーで選択して Enter で選択 さらに Enter で次に進む といった具合に 全ての入力をキーボードだけで完結できる タイピングしたときの効果も気持ちいい 入力した箇所の下線が下に向かって跳ねる シンプルなんだけど 次も入力したい という気持ちにさせてくれる 逆に これ以外の場所ではアニメーションらしいアニメーションはほとんどない 特に ユーザーの思考を止めるような待たせるエフェクトは一切使われていない あたり前のことなんだけど この大原則が徹底されているのがすばらしい というか されてないサイトが多すぎるだけなんだけど まだ体験していない人は iKnow のトップページ の学習アプリから試してみるとよいだろう ちなみに 私のアカウントは こちら いずれにしても この手の作り込みはゲームの世界では常識なのかもしれない だけども Web でそこまで徹底されると光り輝いて見える それだけ今の Web は使いにくいということだ その現状を思い知らなきゃいけない キーボードとマウスはどちらも入力デバイスとしては中途半端で それでもこの両方にどう向き合っていくかを考え続けていくべきなのだ 技術篇 長くなってきたのであっさり目に 技術的には ActionScript 的超絶技巧発表会 が印象的だった 中でも munegon さんの BitmapData の話 が一番印象に残ってる 他にも 要素技術でいえば いろんなライブラリが登場した Papervision3D 3Dライブラリ とか popforge 音ライブラリ とか Box2DFlashAS3 物理ライブラリ とか 来年はこのあたりの素材をいかにうまく調理するか注目したい まとめ 2008年は RIA が盛んになってくるはずだ JavaScript だけでなく Flash Flex や Silverlight が本格的に利用され始めるだろう ローカルアプリの世界でも WinForms から WPF XAML へシフトしようとしている そんな中 見た目が豪華になることの功罪をもう一度見つめなおしておきたい 表現が自由になるに従って 分かりにくいもの 使いにくいものができあがるリスクが増える 作り手のエゴが突っ走って アニメーションのたびに数秒待たされるようなものまで出てくる もちろん ガチっと決まったときの効果はすごいが 諸刃の剣といってもいいだろう その結果 一部の使いやすいサイトと 多くの使えないサイトに分かれてしまうだろう 良くも悪くも 二極化が進んでいく その中で生き残るためには もう一度 すごい UI を振り返るのが重要だと考えて このエントリを書いてみた ここに挙げた作品を改めて見てみると共通点が見えてくる 本文中にも書いたが いずれもシンプルだ リッチにするところはリッチにして 抑えるところは抑えている 全部リッチなのは見苦しいわけだ それは人間でも同じ 全体がリッチより 出るところが出ていて 引っ込んでるところが引っ込んでるほうが魅力的だもんね ひどいオチとなってしまったので お口直しにお薦めサイトでも The FWA Flash 界では世界的に超有名なサイト 1日1個 お薦めサイトを紹介する

    Original URL path: http://tech.nitoyon.com/as/sugoi_flash_2007.html (2016-02-13)
    Open archived version from archive

  • Smarty リンク集 - てっく煮ブログ
    upper p form select name states html options values option selected option selected output option output select form body html 出力HTML html body p My name is nitoyon p p MY NAME IS NITOYON p form select name states option label 大阪 value osaka 大阪 option option label 京都 value kyoto selected selected 京都 option option label 東京 value tokyo 東京 option select form body html これを見たらなんとなく雰囲気が分かるはず assign で変数を定義すると テンプレートから参照できるようになる

    Original URL path: http://tech.nitoyon.com/ja/blog/2005/10/01/p1/ (2016-02-13)
    Open archived version from archive

  • mod_rewrite - てっく煮ブログ
    index cgi hoge http www samle com index cgi index cgi index cgi hoge というように無限に置き換えていってしまう そこで RewriteCond を使って次のようにしてやる必要がある こうすると index cgi から始まるようなURLは置き換えないようになる これでひとまずはOK RewriteEngine On RewriteCond 1 index cgi RewriteRule index cgi 1 このままだと画像フォルダにおいている http www sample com img hoge gif みたいなファイルも http www sample com index cgi img hoge gif から取得しちゃう さすがにこれは嫌なので img フォルダは置き換えないように設定してみる index cgi から始まらず かつ img から始まらないようなURLだけ index cgi 1 に置き換えることができる RewriteEngine On RewriteCond 1 index

    Original URL path: http://tech.nitoyon.com/ja/blog/2004/01/30/p1/ (2016-02-13)
    Open archived version from archive

  • Adobe MAX リアルタイムレポート:基調講演 - てっく煮ブログ
    Ted Patrick 新機能 プロファイラ 高度なコンポーネント フレームワークキャッシング Flex Builderのデモ プロファイラでインスタンスの一覧を表示 関数のトータル使用時間 呼び出し元をたどれる 定義先にジャンプできる 右クリックからリファクタリング 変更先のプレビュー メモリ使用量のライブ表示 TreeDataGrid 再び Kevin AIR 多くの企業がアプリケーションを開発している ebay AOL FedEx Paypal 具体例7つ ブラウザの一部を表示するもの Google Analytics のやつ Twitter のクライアント Pronto のE mailツール Paypalの売り上げ情報ツール digimix という音楽mixツール Paypal から E mail ツールにドラッグドラップするのがすごい アンソロポロジー のすごいAIRアプリ ローカルにデータをキャッシュしてるからできる高速な検索 絞込み Astro 時期Flash Player 概要の紹介だけ Thermo US の MAX と同じデモ 参考 Video Thermo Sneak Peek at Adobe MAX Day 2 Keynote at Aral Balkan デザイナがFlexツールを作る

    Original URL path: http://tech.nitoyon.com/ja/blog/2007/11/01/max1-kichou/ (2016-02-13)
    Open archived version from archive

  • AIR の app-storage:/ はどこに保存される? - てっく煮ブログ
    appId Local Store Mac Users username Library Preferences appId Local Store だそうです appId の部分は ADF Apollo Descriptor File で指定したものに置き換えてください 参考 Apollo File Path Gotcha Brandon Ellis Dot Org AMOSTYLE2 0 AIR の app storage はVistaではどこに保存される 例えば 先ほどのアプリケーションの appId が com nitoyon sampleApp だったとすると app storage myfile txt に保存したファイルは XP では C Documents and Settings username Application Data com nitoyon sampleApp Local Store myfile txt に保存されるわけです ちなみに AIR アプリケーションをアンインストールしても app storage

    Original URL path: http://tech.nitoyon.com/ja/blog/2007/06/15/air-application-storage/ (2016-02-13)
    Open archived version from archive

  • MS 運営の Mac ポータルサイト Mactopia が熱い - てっく煮ブログ
    使いやすさに磨きがかかった Panther 2003年10月24日掲載 では1回丸々 Mac OS 10 3 の新機能を紹介していたり 別の回では iPod の便利な使い方を紹介していたり マイクロソフトの文字が出てこないことのほうが多いぐらい 中でも 目を引いたのがトップページの見出し えーと 念のため 確認 このページの URL は http www microsoft com japan mac default mspx Windows を作ってる会社のホームページに Mac 以外はありえな い と書いてあるわけですよ MS さん 太っ腹すぎ なにこの余裕っぷり と思いながら 記事の本文 を何気なく眺めていたら ページの下のほうに こ これは べつやくメソッド じゃないか もともと Apple が MS をバカにするために持ち出したネタを 逆手にとってネタにするあたりが余裕の貫禄 逆に Apple が小さく見えてくるよ Tweet 2007年07月06日 編集履歴 WCAN mini ActionScript Vol 3 でお話するよ JS や AS で長い関数をリファクタリングする1手法 Please

    Original URL path: http://tech.nitoyon.com/ja/blog/2007/07/06/mactopia-betsuyaku/ (2016-02-13)
    Open archived version from archive

  • ECMAScript 4 のリファレンス実装を導入してみた - てっく煮ブログ
    環境は Windows XP Cygwin Mac 版もあるので SML NJ を導入すれば動くと思う 1 Cygwin のインストール Cygwin Information and Installation からインストーラをダウンロードして実行 パッケージの選択で gcc make wget を追加でチェックするのを忘れずに 既に Cygwin を導入している人は gcc make wget が入っているか確認しておいてね 2 SML NJ のインストール SML NJ 110 64 を導入 Windows 版ではなく Cygwin 版を導入する点に注意 cygwin の bash を開いて 以下のコマンドをコンソールに貼り付けて実行する 環境変数の設定 export SMLNJ CYGWIN RUNTIME 1 SML NJ のダウンロード 展開 インストール d usr share smlnj mkdir d cd d v 110 64 wget http smlnj cs uchicago edu dist working v config tgz gunzip config tgz tar xf config install sh ビルドが始まるので しばらく待機 compiling 2660 export cm 2660 export sml code 221 data 37 env 40 bytes config install sh Installation complete これで 成功 参考 Isabelle のインストール for Cygwin 箱庭のオンガク 3 ES4 reference interpreter を導入 http www ecmascript org download php から es4 pre release M0 cygwin x86 tar gz をダウンロードする あとは展開して es4 を実行すればよい smlnj にパスを通しておくのを忘れずに export PATH PATH usr share smlnj bin ls es4 pre release M0 cygwin x86 tar gz tar xvfz es4 pre release M0 cygwin x86 tar gz es4 es4 decimal exe es4 es4 es4 es4 heap x86 cygwin es4 LICENSE cd es4 es4 と表示されれば成功 もし The Cygwin release of the ECMAScript Edition 4 Reference implementation currently requires an

    Original URL path: http://tech.nitoyon.com/ja/blog/2007/10/31/es4-reference-implementation/ (2016-02-13)
    Open archived version from archive



  •