企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。

エクセルで作成したグラフを貼り付けたりするのも可能ですが…。

今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフやチャートを生成できるツールをいろいろまとめてみました。

Open Flash Chart

Flashをベースにしたオープンソースのチャートです。バージョン2も公開されて開発が継続されているようです。

flot

jQueryで動作するグラフ描画ライブラリです。

Highcharts – Interactive JavaScript charts for your webpage

こちらもJavaScriptを使って動作するチャートライブラリです。サンプルもとても美しくてチャートの種類も豊富です。

jQuery Sparklines

jQueryを使って、小さめのインラインチャートなどを生成することができます。

XML/SWF Charts

こちらはFlashをベースにしたチャート。その名の通りXMLでデータを取得してSWFで書き出してくれます。

PlotKit – Javascript Chart Plotting

MochiKitを使って動作するチャートライブラリです。

pChart | a PHP Charting library

PHPでグラフを生成してくれるライブラリです。デザイン的にもクールなチャートが作れそうですね。

Protovis

スタンフォード大学が開発しているチャート描画JavaScriptライブラリです。

Axiis : Data Visualization Framework

Flexを使ってチャートを生成するフレームワーク。サンプルの通り複雑なグラフを生成できます。

gRaphaël—JavaScript Library

カラフルで可愛らしいグラフが生成できるJavaScriptライブラリです。

JS Charts

JavaScriptを使って動作するチャートライブラリです。商用利用は有料になります。

jqPlot Charts and Graphs for jQuery

jQueryで動作するチャートプラグイン。

FusionCharts Free

Flashベースのチャートを生成できるオープンソースのコンポーネントです。Flashなので動きもなめらかで綺麗です。

Google Chart Tools

Googleから公開されているチャートツールは、画像チャートとJavaScriptを使って生成するインタラクティブチャートの2種類があります。

milkchart

MooToolsを使って動作するチャートプラグイン。

ちょっとしたFlashエフェクトにセンスを感じる事はありませんか？

光の微妙な加減や、ちょっとしたスムーズ動きで自然に見せるFlashは、見ているだけでも楽しめますね。

たまには、このFlashどうやって作ってるんだろう？？って思うほどすごいものもちらほらあります。

今回は、そんなイライラも解消できるように、ソースもダウンロードできるハイクオリティなFlashエフェクトをいろいろとまとめてみました。

Levitated Daily Source, the good source

さまざまなFlashのエフェクトがソース付きで公開されています。どのエフェクトもとてもハイクオリティです！

gotoandlearn.com

チュートリアル動画とソース両方がダウンロードできるサイトです。Flashの勉強をしている方にはとっても便利なサイトです。

Cool Flash mask effect

マスクを利用して、ロボットの光を表現するとってもきれいなエフェクトです。

ソースはこちらからダウンロード

Flash Blur Transition Effect

ぼかして画像を切り替えてくれるエフェクトです。いろいろな場面で使える重宝しそうなエフェクトですね。

ソースはこちらからダウンロード

Cube transition on mouse rollover

キューブがダイナミックに回転して切り替えてくれるエフェクト。かなりのインパクトがありますね。

ソースはこちらからダウンロード

Circular Ripple Effect in Flash

水中での水の揺らめきを表現するエフェクトです。

ソースはこちらからダウンロード

Flash Ripple Effect

水面に映った顔がゆらゆらと揺れているようなエフェクト。微妙な揺れがとっても自然です。

ソースはこちらからダウンロード

Blur transition effect

マウスオーバーするとぼやけた写真がくっきりピントがあうようになるエフェクトです。こちらもいろいろな場面で使えそうですね。

ソースはこちらからダウンロード

SOSUECHTIG.DE complete FLA by ~patqueisler

とってもきれいなFlashテンプレートです。背景や光のエフェクトが絶妙です！

ソースはこちらからダウンロード

Masking background fla files

マスクを利用して、背景を切り替えるエフェクトです。

ソースはこちらからダウンロード

Business Card Flip Effect (Class With Source)

カードがくるりと裏返るエフェクトです。

ソースはこちらからダウンロード

Jadchor menu reworked by ~tecwzrd

マウスオーバーするとメニューが切り替わるエフェクト

ソースはこちらからダウンロード

Energy .FLA by =Flahorn

さりげない光のエフェクトがかっこいいです

ソースはこちらからダウンロード

Matrix Effect – FLA by ~5uRt

おなじみマトリックスのエフェクトです。

ソースはこちらからダウンロード

Squeeze Effect Source Code

画面上部から絞り出したようなエフェクトです。

ソースはこちらからダウンロード

Creating the the Shine Effect

きらっと光るエフェクトもいろいろ使えそうです。

ソースはこちらからダウンロード

Create a fire in Flash 8

炎がゆらゆらと揺らめくエフェクトです。

ソースはこちらからダウンロード

The Effect Generator

Flashのエフェクトジェネレーターです。コンポーネントを作って、エフェクトのアイコンをドラッグするだけで簡単にかっこいいエフェクトが生成されます。

以前、このブログでご紹介した『サイトでグラフを使いたい時に使えるまとめ』

前回は、Illustratorのチュートリアルなどを中心にグラフの描き方をまとめたのですが、今回はFlashやScriptなどを使って、なるべく簡単にサイトにチャートやグラフを表示できる方法を中心にまとめてみました。

Chart Chooser

ExcelやPowerPoint用にきれいなチャートがダウンロードできます。

Open Flash Chart

Flashを使ったオープンソースのチャートです。とてもきれいなチャートが作れそう。

FusionCharts Free

こちらもFlashベースのとってもきれいなチャートです。

XML/SWF Charts

XMLとSWFで作られたチャートです。

PHP/SWF Charts

PHPとSWFで作られたチャートです。

flot

jQueryを使って作れるチャートです。

Flotr

Flotを元に、Prototypeをベースに書かれたチャートです。

PlotKit

こちらもJavaScriptチャートです。

Silverlight Charts

MicrosoftのSilverlightで動くチャートです。

JFreeChart

JAVAのチャートライブラリです。

Libchart

チャート作成PHPライブラリ。

.netCHARTING

MySQL,Access,Excel,XML,Oracleなどなど、さまざまなタイプに対応したチャートエンジンです。

Create A Graph

デザイン、データ、ラベルと手順に沿って入力していくときれいなグラフが作れるジェネレーター。

Flash初心者の方でも、結構使える方でも、他人が作ったFlashファイルって興味があるのではないでしょうか？

ちょっとした動きを参考にしたり、ActionScriptの書き方を見たりいろいろと使えそうです。

今回は、無料でFlashファイルがダウンロードできるサイトをいろいろとまとめてみました。

www.flashtemplatestore.com

こちらは、有料のテンプレートサイトが提供している、無料のテンプレートページです。18種類のテンプレートが無料で提供されています。無料でもとってもきれいなものばかりです。

Flasheezy!

ベクターファイルのダウンロードサイト『Vecteezy!』、Photoshopブラシの『Brusheezy!』の姉妹サイトです。今後、どんどんファイルが増えていきそうですね。

flashmo.com

FlashのテンプレートやPhotoギャラリーなど、かなり多くのFlashファイルが提供されています。

FlashVillage.com

Flashテンプレート、エフェクト、ベクターファイル、ロゴなどなど。使える素材がたくさんです。

Templates Box

きれいなテンプレートが大量にあります！ひとつひとつクオリティが高い。

Free Layouts.com

シンプルなものが多い感じですが、参考になりますね。

FFILES

こちらもたくさんあります。ゲームなんかもありますね。

gotoandlearn.com

ファイルがダウンロードできるだけではなくて、ビデオ・チュートリアルも公開されています。とても親切ですね。

tutorialized

こちらは、Flashのチュートリアルサイトです。

Flash Kit

こちらも、昔から有名なチュートリアルサイトですね。

18 Free Picasa Flash and HTML templates to showcase your photo

Picasaのテンプレートです。Picasaを使って、かっこいいPhotoギャラリーやスライドショーなんかを作りたい方には、こちら。

サイトで、音楽がジャカジャカなっているのは個人的にはちょっと苦手ですが。

あまりうるさくない程度に、ボタンや、Flashのアニメーションにあわせて、さりげなくかかるサウンドエフェクトは、結構好きだったりします。

本日は、そんなFlashなどに使えそうな、サウンドエフェクトをいろいろとまとめてみました。

1. Soundsnap

カテゴリーわけされていて、検索もしやすく種類も豊富です！ほとんどのファイルがMP3、WAV形式でダウンロードできます。

2. the freesound project

その名のとおりフリーな音素材がたくさん！かなり重宝します。

3. Flash Kit

こちらも有名ですね。。サウンドエフェクトだけじゃなく、チュートリアルなども豊富です。

4. FindSounds

Googleチックな音素材検索。キーワード検索はもちろん、ファイル形式やビットレートで絞込みできるところが便利ですね。

5. Partners In Rhyme

左側メニューのFree Soundsには、フリーのループサウンドやエフェクトがいっぱいあります。

6. Splice

音楽や音素材をアップしてたり、評価したり、リミックスできちゃうサイトです。

7. Xponaut

MP3、WAV、OGG形式でダウンロードできます。

8. All Music Library

MP3とWAV形式で、配布されています。

9. SOUND EFFECTS | brandens

シンプルでとってもわかりやすいです。家庭、自然、乗り物系のWAV形式の音素材が充実してます。

10. deusx.com

シンプルでわかりやすいです。ループサウンドとエフェクトをWAV形式で。

11. III　 N A N O – S O U N D　III

日本語のサイトです。ボタンやループ素材がたくさんあります！

12. フリー音素材01SoundEarth

こちらも日本語のサイトです。効果音、ボタン音、ループなどMP3で配布されております。

13. Alc Ljuddesign

アルファベット順に並んでいて、すこし探しづらいところがちょっと難点ですが・・・MP3の音素材が満載です。

14. Ljudo

最初に言語を選択してから、検索できます。日本語がないのが残念。。

16. PacDV

MP3の音素材がかなり豊富です。

17. MEDIA COLLEGE

WAV形式でさまざまな音素材を配布されています。

18. ACOUSTICA

赤ちゃんの声素材が充実しています。

19. Flimshaw! Sounds

AOLの音など。。

20. The Recordist

ジェット機の音素材がかなり充実してます。MP3でダウンロードできます。

21. A1 Prank Calls Unlimited

ユニークなサウンドエフェクトがいっぱい。

22. Free Sound Effects | pachd.com

よく使いそうな、エフェクトが一通りそろっています。

23. AmazingSounds

WAV形式でいろいろな音素材を配布されています。

まだまだ、たくさんありそうですが…

Flashのサイトで、ページをめくって次々とコンテンツを見せるサイトをよく見かけます。

まるで、本を読んでいるような感じでページをペラペラと…なんだか気持ちよくって癖になりますね。。

本日は、そんなFlashサイトをいろいろと集めてみました。。

1. Clara Collins

2. Fingal Creative Communications

3. Flip along Thailand with Kura

4. SectionSeven Inc.

5. LittleDeviant xD

6. Happy Birthday Penguin

7. Francine Zaslow photography

8. my grandfather´s girls

9. lime creative | www.lime.ee

10. Big Time Restaurant Group

11. Comcast TripleSlanguage

12. DQ BOOKS

13. zegapi

14. FLUIDBOOK

15. noedesign.com version 5.0

16. Muvi & New Beetle

17. peel – Thomas Shea & Rise Endo

18. IKEA

19. Premium page flip flash object and component demonstrations

20. formatpixel – online publishing

21. PRINZ MYSHKIN – vegetarisches Restaurant, Café, Bar in München

22. Book beta demo

23. Checkland Kindleysides

どのサイトもとっても良く出来ていて、見ているだけでもとっても楽しいですね。。

先日、最近撮ったデジカメの写真を整理しておりまして。

何気なくスライドショーでぼ～っと眺めていたのですが。。。やっぱり、スライドショーっていいですね。。

っと、ちょっぴり気になったので、調べてみるといろいろスライドショーサービスってあるもんですね。。

っちゅうわけで、本日は、Flashベースのスライドショーサービスをまとめてみました。

1. slide

こちらは、海外のサービスのようですが、日本語もサポートしてるので、いいですね。。。
テーマやスキンも充実していて、いい感じ。

2. RockYou!

こちらも、slideと似たようなサービス。こちらは、写真にキャプションが入れられるみたい。

3. Picturetrail

3Dだったりパズルにしたり、いろいろ面白い効果が用意されてます。。

4. slideroll

こちらのサービスは、作られたスライドショーにコメントやら、投票やらできるようですね。

5. BubbleShare

ウサギとカメのスライドバーが装備されていて、スピードが変えられます。

6. FilmLoop

アップしたスライドショーをみんなで投票するサービス。

7. flickr

先日、スライドショー機能が強化されましたね。。

手持ちの写真をアップして、スライドショー作ってみると、なかなか楽しいですね。。。