スケジュール

どうやって？
HTML基礎知識

HTML
タグについて

  • 最近の投稿

  • カテゴリー

  • sponsor link
    • コンタクトフォーム

    その他

    その他技術について

    　htmlとcssの他にもインターネットに関連するいろいろな技術があります。例えば画像や、動画、音など、htmlと一緒に埋め込まれて提供されるコンテンツです。また、JAVAアプレットや、FlashやFlexと呼ばれるWebを通じて主にhtmlに埋め込まれて提供されるアプリケーションや、JavaScriptと呼ばれるhtmlそのものの上で実行されるプログラムはRIA(リッチインターネットアプリケーション)と呼ばれます。ここでは一番使われる画像を中心に基本的な技術を解説します。

    画像 画像フォーマットについて

    　

    　画像はWebで最も使われるマルチメディアコンテンツです。コンピュータのデータにはフォーマット（ファイル形式）と言うものがあります。同じデータでもフォーマットが違えばデータ内部の形式に違いがあり、それぞれ長所短所があります。インターネットで使われる画像フォーマット（画像データの形式）は主に「jpg」「gif」「png」の3種類です。 　

    jpg - JPEGフォーマット

    • 概要 主に写真や、緻密で色数の多いイラスト等に使われる。
    • 長所 写真のように情報量が多く、きめ細やかな画像を、画質の設定に応じて、ファイルサイズを圧縮する事が出来る。人が感知しにくい情報は捨てて圧縮するので、見た目をある程度保ったまま、ファイルサイズを小さくする。
    • 短所 圧縮率を上げるとブロックノイズと言われる画像の荒れが現れる。また不可逆圧縮と言う方法で圧縮されるため、一度圧縮すると元の画質には戻らない

    gif- GIFフォーマット

    • 概要 主に図や色数の少ないイラストに使用する。簡易アニメーション機能。透明部分が二値で指定できる。
    • 長所 グラフィカルでシンプルな画像の圧縮に向いている。
    • 短所 色数が少ないのでグラデーションの多い画像は荒れやすい。

    png- PINGフォーマット

    • 概要 一番の特徴はアルファ合成が出来る事で、画像表現の幅を広げる事が出来る事。色数の少ない8bitモードからフルカラーモードまである。
    • 長所 アルファ合成が出来る。8bitモードではgifフォーマットに近く圧縮も良い。
    • 短所 フルカラーではJPEGのような圧縮率は望めない。比較的新しいフォーマットなので古い環境で互換性が低い場合がある。

    Flash

    　画像に次ぎよく使われるコンテンツの一つはFlash動画です。AdobeFlashプラグインを通じて静止画、動画、音声、プログラム等、様々な表現やインタラクティブなコンテンツを提供する事が出来ます。iPhoneやiPadなど、iOS

    例

    jwu.i-elements.net

    www.i-elements.net/demo/keioeco/index.html

    [user pass / demo demo]

    www.fukei-shashin.co.jp/1000messages/

    動画

    　プラグインを通じて動画の再生を行う事が出来ます。ファイル形式やプラグインの組み合わせは様々にありますが、現状では容量や回線スピードの問題でyoutubeを始めとするweb動画配信サービスを利用するのが最も現実的です。

    例

    www.youtube.com

    www.bollywood-4.com/index.html

    www.lesmiserables-movie.jp

    サウンド

    　プラグインを通じて音声を扱う事が出来ます。様々にありますが、一般的なファイルフォーマットはMP3、AIFF、WAVE、WMA、AU等です。著作権の問題が無ければ現状ではMP3を使うのが良いと思います。高度な著作権のプロテクトが必要な場合WMAが高機能ですがマイクロソフトの環境以外ではほぼ互換性がありません。音声専用のフォーマットではありませんがFlashPlayerをつかって埋め込まれる事も多いです。 　またプラグインを通じて楽曲の演奏データを扱ったmidiファイルを使う場合もあります。

    例

    shw.in dova-s.jp/bgm/ www.supercell.jp/2nd/

    Javascript

    　JavaScriptはコンテンツではありませんが、ブラウザ上で直接動かせるプログラミング言語で、これにより様々な動的な機能を実現できます。

    例

    www.maritime.kobe-u.ac.jp/admission/sp/sp/

    www.apple.com

    jvsc.jst.go.jp/index.htm

    jQuery

    　JavaScriptは大変便利なものですが、ブラウザによる互換性の問題があります。jQueryはそれらの問題をある程度吸収しつつ、よく使われる表示オブジェクトの選択や、簡易なアニメーションの機能や、サーバとの通信機能を使いやすくしたフレームワークで非常に広く使われています。フリーのプラグインが多数存在し、マークアップ程度の設定で様々な動的要素を追加する事が出来ますが、複数のプラグインを組み合わせて使う場合、変数の競合等で問題が起きる事もあり、注意が必要です。 jquery.com semooh.jp/jquery/

    その他コンテンツ

    JavaApplet、Silverlight、PDFなど

    サーバーサイド技術

    cgi、perl、php、CMS、Wordpress、wikiなど

    原色大辞典

    www.colordic.org/