<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>ウェブ・ホームページ・デザイン制作の基礎用語集</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/" />
   <link rel="self" type="application/atom+xml" href="http://www.webdesignworkshop.net/term/atom.xml" />
   <id>tag:www.webdesignworkshop.net,2008:/term//6</id>
   <updated>2008-01-11T14:00:58Z</updated>
   
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.33-ja</generator>

<entry>
   <title>ADF【エイディエフ】</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2008/01/adf.html" />
   <id>tag:www.webdesignworkshop.net,2008:/term//6.340</id>
   
   <published>2008-01-11T13:43:33Z</published>
   <updated>2008-01-11T14:00:58Z</updated>
   
   <summary>Application Descriptor File。 AIRアプリケーション...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00060-->A]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      Application Descriptor File。
AIRアプリケーションの属性を記述するXMLファイル。アプリケーションの名前、タイトル、説明、コピーライト、ウインドウの初期化情報、ロードする素材などを定義する。

既存のAjaxアプリケーションやFlashコンテンツをAirアプリケーションに変換するときにも使う。
      
   </content>
</entry>
<entry>
   <title>Silverlight【シルバーライト】</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2008/01/silverlight.html" />
   <id>tag:www.webdesignworkshop.net,2008:/term//6.336</id>
   
   <published>2008-01-07T14:16:33Z</published>
   <updated>2008-01-07T14:37:01Z</updated>
   
   <summary>米Microsoft社が提供するウェブブラウザのプラグインのこと。Flashのよ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00012-->し]]>" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="<![CDATA[<!--00078-->S]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      米Microsoft社が提供するウェブブラウザのプラグインのこと。Flashのようなリッチな体験をユーザーに提供する技術。クロスプラットフォーム、クロスブラウザで動作する。Flashに似ているためよく比較される。

開発にはユーザーインターフェイスの部分はXAML（Extensible Application Markup Language）というマークアップ言語をつかいビヘイビアの部分はJavaScriptやC#、Visual Basic、Pythonなどを使う。

開発ツールは「Visual Studio」「Expression Blend」があげられる。
      
   </content>
</entry>
<entry>
   <title>Flex 【フレックス】</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/10/flex.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.323</id>
   
   <published>2007-10-31T06:29:26Z</published>
   <updated>2007-10-31T06:30:26Z</updated>
   
   <summary>MXMLというXMLベースでRIAを構築できるフレームワーク。...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00028-->ふ]]>" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="<![CDATA[<!--00065-->F]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      MXMLというXMLベースでRIAを構築できるフレームワーク。
      
   </content>
</entry>
<entry>
   <title>AVM 【エーヴイエム】</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/10/avm.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.322</id>
   
   <published>2007-10-31T06:22:54Z</published>
   <updated>2007-10-31T06:27:13Z</updated>
   
   <summary>ActionScript Virtual Machineの略。 複数のOSやプラ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00004-->え]]>" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="<![CDATA[<!--00060-->A]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      <![CDATA[ActionScript Virtual Machineの略。

複数のOSやプラットフォーム間の差異を吸収するレイヤー。ActionScriptのコードはFlash Player内のAVMが解釈して実行する。<a href="http://www.webdesignworkshop.net/term/2007/08/adobe_air.html">Air</a>という実行環境でもAVMがとりいれられている。]]>
      
   </content>
</entry>
<entry>
   <title>swf 【エスダブリュエフ、スウィフ】</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/10/swf.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.321</id>
   
   <published>2007-10-31T06:18:05Z</published>
   <updated>2007-10-31T06:22:22Z</updated>
   
   <summary>いわゆるFlashムービーのこと。画像、音、スクリプトなどが一体となって圧縮され...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00004-->え]]>" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="<![CDATA[<!--00078-->S]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      <![CDATA[いわゆるFlashムービーのこと。画像、音、スクリプトなどが一体となって圧縮されたファイル形式。

オープンフォーマットなどで様々なアプリケーションから生成することが可能だが、一般的には<a href="http://www.webdesignworkshop.net/term/2007/10/flash_ide.html">FlashIDE</a>や<a href="http://www.webdesignworkshop.net/term/2007/10/flex_builder.html">Flex Builder</a>などを使う。

Illustrator、Photoshopなどでも直接書き出すことが可能。]]>
      
   </content>
</entry>
<entry>
   <title>Flex Builder 【フレックスビルダー】</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/10/flex_builder.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.320</id>
   
   <published>2007-10-31T06:15:39Z</published>
   <updated>2007-10-31T06:17:54Z</updated>
   
   <summary>Adobe社の統合開発環境。MXMLというXMLベースの言語とActionScr...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00028-->ふ]]>" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="<![CDATA[<!--00065-->F]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      Adobe社の統合開発環境。MXMLというXMLベースの言語とActionScript3.0以降を使ってRIAをつくることができる。Flashがデザイナー向けなのに対して、Flex Builderはエンジニア向けのツール。Eclipseベースのアプリケーション。
      
   </content>
</entry>
<entry>
   <title>Flash IDE 【フラッシュアイディーイー】</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/10/flash_ide.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.319</id>
   
   <published>2007-10-31T06:12:10Z</published>
   <updated>2008-01-07T14:16:26Z</updated>
   
   <summary>いわゆるFlashのこと。Flash8、FlashCS3などを指す。Flashは...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00028-->ふ]]>" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="<![CDATA[<!--00065-->F]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      いわゆるFlashのこと。Flash8、FlashCS3などを指す。Flashはもともとアニメーター向けのアニメーションツールとして出発した。エンジニア向けの記事ではFlashのことをFlash IDEと呼ぶ場合がある。

Flexと違う点はタイムラインをつかったActionScriptアプリケーション開発ができる点である。例えば、タイムラインにアニメーションを設定して、stopやgotoなどの基本アクションや関数クロージャー、変数を設定して、外部のclassファイルと連動させて画面遷移をさせたりが可能。classファイルだけでも同じようなことは可能だが、よりデザイナー向けの手法といえる。
      
   </content>
</entry>
<entry>
   <title>CSV 【シーエスブイ】</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/10/csv.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.318</id>
   
   <published>2007-10-17T01:50:22Z</published>
   <updated>2007-10-17T01:58:21Z</updated>
   
   <summary>データをカンマで区切った汎用テキストデータ。Comma Separated Va...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00012-->し]]>" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="<![CDATA[<!--00062-->C]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      データをカンマで区切った汎用テキストデータ。Comma Separated Valuesのこと。

表組みを表すのによく使われる。データベースのデータをCSVデータで出力して、エクセル（EXCEL）などで読み込むとデータの表に変換される。
      
   </content>
</entry>
<entry>
   <title>ベクトルデータ 【vector data】</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/10/_vector_data.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.317</id>
   
   <published>2007-10-17T01:43:44Z</published>
   <updated>2007-10-17T01:48:53Z</updated>
   
   <summary>点、線、ハンドルなど数式で管理されているデータ形式。ベクトルデータベースのアプリ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00029-->へ]]>" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="<![CDATA[<!--00081-->V]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      <![CDATA[点、線、ハンドルなど数式で管理されているデータ形式。ベクトルデータベースのアプリケーションとしてはイラストレーター（Illustrator）、フラッシュ（Flash）が有名である。

メリットは、ファイル容量が軽く変形をしてもデータが劣化しないこと。デメリットとしてはCPUの処理負担が重い点である。<a href="http://www.webdesignworkshop.net/term/2007/10/_bitmap_data.html">ビットマップデータ</a>とよく対比される。

ベクトルデータからビットマップデータに変換することを<a href="http://www.webdesignworkshop.net/term/2007/10/rasterize.html">ラスタライズ</a>というが、実際にはベクトルデータも画面でみる段階ではラスタライズされている。その変換処理のためにCPUの処理負担がかかる。]]>
      
   </content>
</entry>
<entry>
   <title>ビットマップデータ 【Bitmap data】</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/10/_bitmap_data.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.316</id>
   
   <published>2007-10-17T01:37:52Z</published>
   <updated>2007-10-17T01:43:31Z</updated>
   
   <summary>画像をピクセルという格子状の矩形に分割しそれぞれ色をもたせたデータ。この格子のサ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00027-->ひ]]>" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="<![CDATA[<!--00061-->B]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      画像をピクセルという格子状の矩形に分割しそれぞれ色をもたせたデータ。この格子のサイズのことやこの格子の数のことを解像度と呼ぶ。それぞれ色をもった矩形の集合体。

ビットマップデータベースのアプリケーションだとPhotoshop、Fireworksが有名である。変形や拡大をすると画像が劣化するのがデメリット。またベクトルデータと比べてファイル容量は重くなる。

メリットとしてはベクトルデータと比べてCPUの処理負担が軽い点。Flashアニメーションなどで動きをスムーズにするために大きな背景などはビットマップデータすることもある。
      
   </content>
</entry>
<entry>
   <title>ラスタライズ　rasterize</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/10/rasterize.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.315</id>
   
   <published>2007-10-17T01:19:16Z</published>
   <updated>2007-10-17T01:34:32Z</updated>
   
   <summary>ベクトルデータ（ベクターデータ）をビットマップデータ（ラスターデータ）に変換する...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00040-->ら]]>" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="<![CDATA[<!--00077-->R]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      ベクトルデータ（ベクターデータ）をビットマップデータ（ラスターデータ）に変換すること。

制作の実務的には、テキストデータがはいった素材をラスタライズしたり、イラストレーター（Illustrator）でつくったものを、フォトショップ（Photoshop）にコピーアンドペーストするときに、ビットマップに変換できるがこの場合もラスタライズである。Photoshopでテキストにフィルター処理を適用する場合もラスタライズをする必要がある。
      
   </content>
</entry>
<entry>
   <title>バイライン</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/09/post_4.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.293</id>
   
   <published>2007-09-05T21:38:14Z</published>
   <updated>2007-09-25T06:03:00Z</updated>
   
   <summary>ブランドが何をやっているのか、何を提供しているのかを示すコピー。ロゴの近くに客観...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00026-->は]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      ブランドが何をやっているのか、何を提供しているのかを示すコピー。ロゴの近くに客観的なコピーで示される。

ウェブサイトやホームページであれば、サイトタイトルの近くに「ホテル検索サイト」と書かれていればこれがバイラインである。しばしばタグラインと混同される。
      
   </content>
</entry>
<entry>
   <title>タグライン</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/09/post_3.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.292</id>
   
   <published>2007-09-05T21:25:41Z</published>
   <updated>2007-09-05T21:38:12Z</updated>
   
   <summary>ブランドが約束する価値を一行で説明するコピーのこと。 ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00016-->た]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      ブランドが約束する価値を一行で説明するコピーのこと。

      
   </content>
</entry>
<entry>
   <title>フレームワーク framework</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/08/_framework.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.290</id>
   
   <published>2007-08-26T01:06:14Z</published>
   <updated>2007-08-26T01:45:07Z</updated>
   
   <summary>フレームワークとは複雑だが、よく業務で使う処理を簡単に使えるようにした処理の枠組...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00028-->ふ]]>" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="<![CDATA[<!--00065-->F]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="9" label="ウェブアプリケーション制作" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      フレームワークとは複雑だが、よく業務で使う処理を簡単に使えるようにした処理の枠組みのこと。似たようなコードが多くなるような処理は、コードのコピーが多くなりバグの温床になりやすい。

例えば、ウェブアプリケーション制作ではブラウザ（クライアント）からデータをうけとって、データのバリデーションやサニタイズ処理をして、データベースに問い合わせをして、データの出入力をする。そして画面や画面の一部を遷移させるという一連の流れがある。これはブログ、ショッピングカート、SNSでも共通の処理である。

小規模なウェブアプリケーションであれば条件分岐をしてこれらの処理を実装できるが、大規模なシステムだとコードの複雑になってしまう。

ウェブアプリケーション制作のバックエンドの言語のフレームワークはこの一連の処理をシステム化して楽に扱えるようにしたものが多い。

JavaのStruts（ストラッツ）というフレームワークは、ウェブアプリケーションでは何度も繰り返し使うリクエストパラメーターの送信、データチェック、データ処理、画面遷移処理を管理できるフレームワークである。

JavaのHibernate（ハイバーネイト）というフレームワークは、データベースとのやりとりをあたかもオブジェクトを扱うように抽象化したフレームワークである。

フレームワークのメリットとしては生産性の向上、メンテナンスのしやすさがあげられる。

RubyであればRubyonRails、PHPであれば、Mojavi、CakePHP、Symfony、ActionScriptであれば、FuseKit、CASAがあげられる。
      
   </content>
</entry>
<entry>
   <title>ActionScript</title>
   <link rel="alternate" type="text/html" href="http://www.webdesignworkshop.net/term/2007/08/actionscript.html" />
   <id>tag:www.webdesignworkshop.net,2007:/term//6.289</id>
   
   <published>2007-08-25T23:38:12Z</published>
   <updated>2007-08-27T15:04:46Z</updated>
   
   <summary>Flash5から導入されたスクリプト言語。ActionScript1.0はJav...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="<![CDATA[<!--00060-->A]]>" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.webdesignworkshop.net/term/">
      Flash5から導入されたスクリプト言語。ActionScript1.0はJavaScriptと同じというふれこみで登場した。functionを使ったクラスが特徴。

ActionScript2.0からJavaの文法を大幅に取り入れ、classを使ったクラスになった。
ActionScript3.0では、いままでのクラス設計やバラバラだったイベント仕様をゼロから再構築。より効率よくアプリケーションがつくれるようになった。イベントもイベントリスナーで統一された。また図形の描画や、ビットマップの扱いもシンプルなコードになった。
      
   </content>
</entry>

</feed>
