ブログパーツを設置しよう！

過去の記事でST(感性制御技術)について記述しましたが、他のインストラクターから「マニアックすぎるのではないか？」という指摘を受けてしまいました。。

原因は貼り付けたブログパーツにあると思うのですが…違いますか。
まぁそんな事は気にせず、今回はブログパーツに触れていきましょう！

ブログパーツとは、文字通りブログに設置できるアクセサリーのようなものです。

ブログパーツ.com
http://www.blog-parts.com/

このサイトにあるように無料のパーツもたくさんあります。
その中で面白そうなものがあったので一緒に見てみましょう。

アクアミュージアム
http://www.aqua-museum.net/

このパーツは熱帯魚や水草を自分で水槽に配置して、
それをそのままブログに設置できるというものです。

　※ クリックで拡大

　※ クリックで拡大

ちなみに右上の「FEED」ボタンでエサをあげたり、水槽の一部をクリックして熱帯魚をその位置に移動させることができますね。(ものすごい勢いで一ヶ所に集まります)

今回作成された文章は以下の通りです。
<script type="text/javascript">var aqmParam = "030302000200020003000300";</script>
<script type="text/javascript" src="http://www.aqua-museum.net/aqua/aqua.js"></script>

< > の記号はタグと呼ばれるもので、ホームページやブログ上で文字の書式等を指定するものでしたね？
今回は <script>～</script> までの記述が２セット出来上がっています。

２行ともホームページの表示結果を状況に応じて変化させるJavaScriptの命令を書いています。
何故分かるのかというと、タグの前半にある
<script type="text/javascript">
の中で、このタグの「type」は、「text」形式で記述した「javascript」ですよ…と指定しているからなんですね。

ではタグの中身を見てみましょう。
１行目は、var aqmParam = "030302000200020003000300";
自分で作成しているわけではないので勘ですが、魚や水草の配置を数値で表現しています。
var aqmParam というのは、「変数」と呼ばれる「一時的にデータを格納しておく領域」です。

２行目のタグの中身は何もありませんが、scriptタグの中に、src="http://www.aqua-museum.net/aqua/aqua.js"という記述があります。
これはJavaScriptの処理命令が書いてあるファイルへのリンクです。

簡単に言ってしまうと「１行目で水槽の配置を数値データ化して、２行目に指定したJavaScriptが記述してあるファイルにリンクさせている」のですね…全然簡単に言ってませんね。
とにかく数値データを色々といじると結果が変わりそうだと思っていただければ幸いです。

このブログパーツはアニメーション作成ソフトである「Flash」を使用しているので、最終的にはJavaScriptからFlashにデータを渡してブログパーツを作成しているようです。

今やwebページを作成するには

• HTML
• JavaScript
• Flash

や、ここでは触れていない

• ActionScript
• XML

といった知識が必須と言えるほどに求められるようになってきました。

つまり「過去の様々な技術を統合して利用する時代になってきた」んですね。
そうなると、それらを一括して管理する開発環境があると凄く便利なんじゃないかと…。
この話はまた後程にしましょう…きっと別のインストラクターが記事にしてくれるはずです(苦笑

さて今回扱ってきたブログパーツは、ブログによっては記事の中だけでなくブログのカテゴリ(ブログの外枠にあるカレンダーと同じ扱いの所)として設置できるものもあります。
「ブログなんて持っていないよ」という方も、これを機会にご自分のブログを持ってみても良いかもしれません。