ホップススタッフブログ

HTML5とか

投稿日: 2010年7月1日作成者: mario

昨年まではCSS3、今年に入ってからはHTML５という単語をよく耳にします。
ホップスのサイトも気づけばHTML5で記述されています。

そもそもHTML5って何？以前の何が違って何が出来るの？という話ですが簡単に言いますと
下記のとおりです。

■HTML5
そもそもHTMLはHyperTextMarkupLanguageの略で一般的にはホームページ作成時などに記述される言語です。
<h1><font color=”#ffffff”>というようなタグがこれにあたります。
その言語も何度かバージョンアップをし、HTML4.0は1997年に勧告されています。
HTML5はまだ正式な勧告をされていないのですが、10数年間ずっとHTML4が主流となっています。

■HTML5とHTML4の違い
１）新機能の追加
具体例をあげますとHOPS Laboratoryではマニフェストファイルというものを用意し、キャッシュにサイトのデータを保存することで、次からはオフライン状態でもサイトが見れるようになっています。
その他にもクロスドキュメントメッセージングやドラッグ＆ドロップでファイル情報が取得できるようです。
２）新要素（タグ）の追加
<header>、<footer>、<nav>といったタグが追加されます。
audio、ｖｉｄｅｏといった動画や音声のためのタグもありますが
中でも<canvas>タグが今後、頻繁に使われそうです。
今まであれば円グラフをホームページに掲載する場合、画像を作成して表示するなどの方法をしていましたが今後はJavaScript＋<canvas>タグを使用して図形を作成することができます。
<canvas>タグでペイントソフトを作ってしまった人もいるようです。
3)以前の一部の要素（タグ）、属性の廃止
<font>タグや配置指定で使用されるalign属性などが廃止されるようです。

全部説明していくとキリがないので端折りましたが、色々と調べていて興味深い機能もありましたのでHOPS Laboratoryで紹介出来ればなと思います。

参考サイト：（HTML5 における HTML4 からの変更点）
http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/

カテゴリー: ホップススタッフ | タグ: HTML5 | コメントをどうぞ

＼みんなでjQueryやろうぜ／

投稿日: 2010年6月21日作成者: 辻

１）jQuery（ジェイクエリー）って何だろう？

jQueryはJavaScriptが一つにまとまったライブラリ何です。

２）jQueryって何ができるの？

たとえばWebサイトにアニメーションを付けたり、CSSやHTMLをリアルタイムで編集したり、Ajax（非同期通信）を簡単にやることができます。

３）こんな所でjQueryが使われてるんだよ！

たとえばまがりや.netの商品詳細ページ！

⇒参考サイト：まがりや.netの商品詳細ページ

写真のサムネイルをクリックすると、フェードの効果をしながら、写真が切り替わる。

これ、実はjQueryを使ってやってるんです。

４）jQueryの使い方

jQueryを使うには本体のJavaScriptファイルをダウンロードします。

⇒jQueryのダウンロード先：http://jquery.com/ （jquery-1.4.2.min.js）

ページ右側の「Download(jQuery);」を押すとソースコードが表示されるのでブラウザで「名前を付けてページ保存」をする。

すると、パソコンに「jquery-1.4.2.min.js」というファイルがダウンロードされている。

これをHTMLに書いて、jquery-1.4.2.min.jsを読み込まされる。

以下のコードをの直前に書いてあげる。

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>

するとHTMLにjQueryが読み込まれて使える状態になる。ただ、これだけだと何もすることができない。

５）jQueryに命令してみる。

HTMLに読み込んだだけだと何も起きない。命令文（コード）を書かかないといけないのです。ちょっと試しに以下の命令文を先ほど読み込んだjQueryの下に書いてみよう。

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ //ページがロードされたら実行
	$("body").click(function() { //bodyタグをマウスでクリックしたら
		$(this).animate({opacity: "hide"}, "fast"); //bodyタグ（this）、アニメーション「すばやくフェードアウトしながら透明になる」
	});
});
</script>

ページを開いてどこかクリックしたら全体が透明になり消える命令文がかけました。

この様に命令文を書いて指示をすることで、簡単にアニメーションができます。

カテゴリー: TIPS | タグ: javascript, jQuery, リファレンス | コメントをどうぞ

新手のウイルスメールについて

投稿日: 2010年6月2日作成者: kou

今朝以下の喚起を見てヒヤッとしました。

■ＪＰＣＥＲＴ

https://www.jpcert.or.jp/at/2010/at100013.txt

以下抜粋です。

  メール件名:
    「緊急」社員全員の参加でVIRUS・悪性スクリプト用ファイルの調査

  メール本文(抜粋):
    添付したマニュアルに従って、社内PC上にVIRUSがあるかどうか調査を行います。
    皆さんのご協力が必要です。
    よろしくお願いします！

  添付ファイル名:
    Virus Check.zip

  メールに添付された zip ファイルを展開すると、Microsoft Office Word の
アイコンに偽装されたスクリーンセーバ (.scr) ファイルが展開されます。ユー
ザが、このスクリーンセーバファイルを実行すると、ユーザの PC にマルウエ
アがインストールされる危険性があります。(同時に「VIRUS/悪性スクリプトの
調査」というドキュメントが開かれます。)

会社でウイルスに感染すると、個人的な被害はもとより会社全体に被害が及ぶ可能性があり、
ともすると信用問題にもなり兼ねることから、

ウイルス対策をしてください！というようなメールがあたかも社内から流れるように送信されると、
これは多くの人が開いてしまうのではと危険を感じました。

上記ページではウイルス定義の更新を呼びかけていますが、
まず基本的には、
　・不審なメール（用件に心当たりがないメール）は注意する。添付ファイルを開かない。
　・送信者のメールアドレスを確認する。
　・不明な点はメールではなく口頭（電話等）で確認する。
等が必要なんだと感じました。

カテゴリー: ホップススタッフ | コメントは受け付けていません。