Home > チュートリアル Archive

チュートリアル Archive

可能性が広がってるFlex(AIR)を使いこなす為のチュートリアル集(国内)

今日はFlexについて詳しく書いてあるサイトを紹介します。

Flexとは?と思われる方もいると思いますが、簡単に説明するとFlexとはFlashPlayerを使って一般的なデスクトップアプリケーション並みの機能やユーザーインターフェイスインタラクションを実現できます。

これにより様々なシステムやアプリケーションをActionScritp3を使って構築していきます。

ただ、Flexは素晴らしいのですが、FlashPlayerを使うためWebブラウザ上でしか実行できないため、Webブラウザの制限を超えることができません。

そこで、AIRの登場です。

AIRはFlexの機能をそのままに様々なプラットフォームに依存しないシステムやアプリケーションが構築することができます。

なので、インターネット上で使う場合はFlexで作成して、OS上などで使う場合はAIRで作成するという使い分けができます。

注意する点は最新のFlexやAIRではActionScriptがバージョンが3になったので、今までActionScript2以前のプログラムをしていた方には少々ハードルが上がったようです。

そこで、Flexなんて聞いたことない方から、初めてFlexを使う方やFlashは使った事あるけど・・・という人に参考になるチュートリアル(参考)サイトを紹介します。

  • 先ずはAdobe社が提供しているFlexリソースサイトです。
    コチラにインストール手順からユーザーガイド・リファレンスガイドからFlexを使ったAIRアプリケーションの開発やActionScript 3.0のプログラミング概念の基本など参考になるとこが多数記載されています。
    2008-4-29-1.jpg
    http://www.adobe.com/support/documentation/jp/flex/

  • こちらもAdobe社の提供しているサイトです。
    ここでは、Flexでどういったサイトやシステムが構築できるかなどのサンプルが掲載されてます。それ以外にもFlex3の入門チュートリアルやコミュニティなども公開されていて内容は十分です。
    2008-4-29-2.jpg
    http://www.adobe.com/jp/devnet/flex/

  • Flexについて詳しく解説しています。
    いまさら聞けないFlex、そして、今こそ入門のとき!?と題をうってあるだけあって、詳しくわかりやすく書いてあると思います。
    2008-4-29-4.jpg
    http://www.atmarkit.co.jp/fwcr/special/flexent/flexent_1.html

ここからはFlex2とバージョンが一つ前になりますが、参考になるので紹介します。

今回参考にしたサイト
http://diaspar.jp/node/165

Webサイトを作る際に素材やサイトデザインの参考になるFireworksのチュートリアル集(海外)

Macromedia社がAdobe社に買収されて、Adobe社のCS3シリーズにFireworksも組み込まれました。

Adobe社の製品になったことで、PhotoshopやIllustratorなどとの連携が強化され使い勝手が良くなったと思います。

従来FireworksはPhotoshopと同じ部類に入り、Adobe社に買収された時に"Fireworksはもう新しいバージョンが出ない"と噂されてるほど、同じ事ができます。

しかし、Adobe社の考えは違うようです、FireworksはWebサイトのプロトタイプとデザインをすばやく作成するためのツールと考えているようです。

デザイナーさんの中にはWebデザインはPhotoshopよりFireworksを使って作るという方も多いようです。

そこで今回は、Webサイトを作るときに参考になりそうなチュートリアルのサイトを紹介します。

 

今回参考にしたサイト
http://www.smashingmagazine.com/2008/03/18/adobe-fireworks-tutorials-downloads-best/

http://firetuts.com/

背景や壁紙に使えそうなIllustratorのチュートリアル集(英語)

今回は背景や壁紙の作成時に使えそうなIllustratorのチュートリアルです。

これらを応用して様々な作品を作成できそうです。

Illustratorを使ったデザインの参考になるサイトを今回はピックアップしました。

手軽に作成できるものから、手の込んだものまで紹介しました。

光を効果的に使用したPhotoshopのチュートリアル集(英語)

最近は光り方や光沢感などがデザインでよくつかわれています。

このようなテクニックは使いこなせるようになるとデザインの幅が広がると思います。

ただ、サイト自体は英語のサイトなのですが、すべての作業に写真が掲載してあるので見るだけでわかる方が多いと思います。

今回参考にさせていただいたサイト
http://coliss.com/articles/build-websites/operation/design/925.html

Index of all entries

Home > チュートリアル Archive

Search
Feeds



お勧めWebデザイン書籍

Return to page top