【レビュー】

わずか3KB コードも1行でイカス! エフェクト - bytefx

1 bytefx

 
  • <<
  • <

1/2

JavaScriptで開発され、クロスブラウザで動作するライトウェイトエフェクトライブラリに「bytefx」がある。Andrea Giammarchi氏によって開発されているライブラリで、動作があげられているWebブラウザはInternet Explorer、Safari、FireFox、Opera、Konquerorなど。

bytefxはMIT Style Licenseのもとで公開されているオープンソースソフトウェア。同エフェクトライブラリは執筆現在のバージョン(0.1f)において、通常配布で6.75KB、圧縮配布で2.72KBしかない。

もっとも、圧縮配布のほうは最低限の著作権表示のほかは、1文字に変換された変数名や詰められた空白スペースなどに変換されており、可読性は著しく低い。ライブラリを読むなら通常配布をダウンロードすべきだ。

同ライブラリにおいては実現されている主なエフェクトは次のとおり。

  • アルファ効果(半透明効果)
  • 軌跡等のクリア効果
  • 色のスイッチ
  • 要素のドラッグ&ドロップ
  • フェード効果
  • 要素の配置/移動効果
  • 要素のサイズ変更

bytefxのサイトにおいて公開されているサンプルコードを見るとわかるが、それぞれの効果は1行程度の記述で実現されている。Id属性で特定される要素を指定して効果を有効にする仕組みだ。同サイトにおいて提供されているデモンストレーションを実行すると、どういった効果が実現できるかよくわかるだろう。次にそのいくつかを挙げる。

  • <<
  • <

1/2

インデックス

目次
(1) bytefx
(2) 実際に見てみよう


転職ノウハウ

あなたが本領発揮できる仕事を診断
あなたの仕事適性診断

シゴト性格・弱点が20の質問でサクッと分かる!

「仕事辞めたい……」その理由は?
「仕事辞めたい……」その理由は?

71%の人が仕事を辞めたいと思った経験あり。その理由と対処法は?

3年後の年収どうなる? 年収予報
3年後の年収どうなる? 年収予報

今の年収は適正? 3年後は? あなたの年収をデータに基づき予報します。

激務な職場を辞めたいが、美女が邪魔して辞められない
激務な職場を辞めたいが、美女が邪魔して辞められない

美人上司と可愛い過ぎる後輩に挟まれるエンジニアの悩み

人気記事

一覧

イチオシ記事

新着記事

フォントにそれで大丈夫? イチから学ぶWebフォント講座 第1回 文字とは、書体とは、フォントとは
[08:00 10/1] 企業IT
松本人志『ワイドナショー』原点語る「たたかれた芸能人をフォローできる番組に」
[08:00 10/1] エンタメ
コントロールセンターを表示すると微妙に振動します!? - いまさら聞けないiPhoneのなぜ
[08:00 10/1] スマホとデジタル家電
部屋中の家電をこれ1台で操作 - ソニーの「HUIS」は"育てる"リモコンだった
[08:00 10/1] スマホとデジタル家電
鉄道トリビア 第373回 2つの列車の運転士が同じ名前という理由で起きた大事故がある
[07:50 10/1] ホビー

求人情報