ホップススタッフブログ http://www.hops.co.jp/diary ホップスは岩手・盛岡のWEBサイト制作会社です。 Mon, 05 Jul 2010 00:39:58 +0000 ja hourly 1 http://wordpress.org/?v=3.0 HTML5とか http://www.hops.co.jp/diary/archives/2010/07/html5%e3%81%a8css3.html http://www.hops.co.jp/diary/archives/2010/07/html5%e3%81%a8css3.html#comments Wed, 30 Jun 2010 16:01:16 +0000 mario http://www.hops.co.jp/diary/?p=321 続きを読む →]]> 昨年までは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/

]]> http://www.hops.co.jp/diary/archives/2010/07/html5%e3%81%a8css3.html/feed 0 ＼みんなでjQueryやろうぜ／ http://www.hops.co.jp/diary/archives/2010/06/%e3%81%bf%e3%82%93%e3%81%aa%e3%81%a7jquery%e3%82%84%e3%82%8d%e3%81%86%e3%81%9c.html http://www.hops.co.jp/diary/archives/2010/06/%e3%81%bf%e3%82%93%e3%81%aa%e3%81%a7jquery%e3%82%84%e3%82%8d%e3%81%86%e3%81%9c.html#comments Mon, 21 Jun 2010 07:28:05 +0000 辻 http://www.hops.co.jp/diary/?p=304 続きを読む →]]>
みんなでjQueryやろうぜ！

１）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を読み込まされる。

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

[javascript]<script src="jquery-1.4.2.min.js" type="text/javascript"></script>[/javascript] するとHTMLにjQueryが読み込まれて使える状態になる。 ただ、これだけだと何もすることができない。

５）jQueryに命令してみる。

HTMLに読み込んだだけだと何も起きない。 命令文（コード）を書かかないといけないのです。 ちょっと試しに以下の命令文を 先ほど読み込んだjQueryの下に書いてみよう。
[javascript]
<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>
[/javascript]
ページを開いてどこかクリックしたら全体が透明になり消える命令文がかけました。

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

]]> http://www.hops.co.jp/diary/archives/2010/06/%e3%81%bf%e3%82%93%e3%81%aa%e3%81%a7jquery%e3%82%84%e3%82%8d%e3%81%86%e3%81%9c.html/feed 0 新手のウイルスメールについて http://www.hops.co.jp/diary/archives/2010/06/%e6%96%b0%e6%89%8b%e3%81%ae%e3%82%a6%e3%82%a4%e3%83%ab%e3%82%b9%e3%83%a1%e3%83%bc%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6.html http://www.hops.co.jp/diary/archives/2010/06/%e6%96%b0%e6%89%8b%e3%81%ae%e3%82%a6%e3%82%a4%e3%83%ab%e3%82%b9%e3%83%a1%e3%83%bc%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6.html#comments Wed, 02 Jun 2010 01:10:27 +0000 kou http://www.hops.co.jp/diary/?p=271 続きを読む →]]> 今朝以下の喚起を見てヒヤッとしました。

■ＪＰＣＥＲＴ

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

以下抜粋です。

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

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

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

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

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

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

上記ページではウイルス定義の更新を呼びかけていますが、
まず基本的には、
　・不審なメール（用件に心当たりがないメール）は注意する。添付ファイルを開かない。
　・送信者のメールアドレスを確認する。
　・不明な点はメールではなく口頭（電話等）で確認する。
等が必要なんだと感じました。
]]> http://www.hops.co.jp/diary/archives/2010/06/%e6%96%b0%e6%89%8b%e3%81%ae%e3%82%a6%e3%82%a4%e3%83%ab%e3%82%b9%e3%83%a1%e3%83%bc%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6.html/feed 0 ホップスに取材が入りました。 http://www.hops.co.jp/diary/archives/2010/04/%e3%83%9b%e3%83%83%e3%83%97%e3%82%b9%e3%81%ab%e5%8f%96%e6%9d%90%e3%81%8c%e5%85%a5%e3%82%8a%e3%81%be%e3%81%97%e3%81%9f%e3%80%82.html http://www.hops.co.jp/diary/archives/2010/04/%e3%83%9b%e3%83%83%e3%83%97%e3%82%b9%e3%81%ab%e5%8f%96%e6%9d%90%e3%81%8c%e5%85%a5%e3%82%8a%e3%81%be%e3%81%97%e3%81%9f%e3%80%82.html#comments Fri, 30 Apr 2010 09:38:08 +0000 admin http://www.hops.co.jp/diary/archives/2010/04/%e3%83%9b%e3%83%83%e3%83%97%e3%82%b9%e3%81%ab%e5%8f%96%e6%9d%90%e3%81%8c%e5%85%a5%e3%82%8a%e3%81%be%e3%81%97%e3%81%9f%e3%80%82.html 続きを読む →]]> NHKさんにホップスを取材していただきました。
内容は、弊社の「MiElette　tautou」について。
放送日は、5月6日（木）18：10～おばんですいわて
東北6県向けで5月8日（土）朝7：30～ウイークエンド東北
です！！
皆さんに見ていただけたらうれしいです。

]]> http://www.hops.co.jp/diary/archives/2010/04/%e3%83%9b%e3%83%83%e3%83%97%e3%82%b9%e3%81%ab%e5%8f%96%e6%9d%90%e3%81%8c%e5%85%a5%e3%82%8a%e3%81%be%e3%81%97%e3%81%9f%e3%80%82.html/feed 0 まがりや.netの商品がテレビで紹介されます！ http://www.hops.co.jp/diary/archives/2009/12/%e3%81%be%e3%81%8c%e3%82%8a%e3%82%84-net%e3%81%ae%e5%95%86%e5%93%81%e3%81%8c%e3%83%86%e3%83%ac%e3%83%93%e3%81%a7%e7%b4%b9%e4%bb%8b%e3%81%95%e3%82%8c%e3%81%be%e3%81%99%ef%bc%81.html http://www.hops.co.jp/diary/archives/2009/12/%e3%81%be%e3%81%8c%e3%82%8a%e3%82%84-net%e3%81%ae%e5%95%86%e5%93%81%e3%81%8c%e3%83%86%e3%83%ac%e3%83%93%e3%81%a7%e7%b4%b9%e4%bb%8b%e3%81%95%e3%82%8c%e3%81%be%e3%81%99%ef%bc%81.html#comments Fri, 18 Dec 2009 10:20:46 +0000 erina http://www.hops.co.jp/diary/archives/2009/12/%e3%81%be%e3%81%8c%e3%82%8a%e3%82%84-net%e3%81%ae%e5%95%86%e5%93%81%e3%81%8c%e3%83%86%e3%83%ac%e3%83%93%e3%81%a7%e7%b4%b9%e4%bb%8b%e3%81%95%e3%82%8c%e3%81%be%e3%81%99%ef%bc%81.html 続きを読む →]]> こんにちは、HOPSの中澤です。

12月20日の日曜日、テレビ朝日で夜11時から放送される
「地球号食堂」という番組で、
まがりやnetが扱っている「総合農舎　山形村」の短角牛が紹介されます！

「短角牛」とは、赤身で余分な脂肪がなく、牛肉本来の味が楽しめると、最近注文のお肉です。

美味しく、ヘルシーなので私も大好きです！

そんな短角牛が「エコ」と「食」を扱っているこの番組で、どんな風に紹介されるのか、楽しみです！

多くの注文が予想されるため、商品数に限りがございますので、
ご注文はお早めにお願い致します！

]]> http://www.hops.co.jp/diary/archives/2009/12/%e3%81%be%e3%81%8c%e3%82%8a%e3%82%84-net%e3%81%ae%e5%95%86%e5%93%81%e3%81%8c%e3%83%86%e3%83%ac%e3%83%93%e3%81%a7%e7%b4%b9%e4%bb%8b%e3%81%95%e3%82%8c%e3%81%be%e3%81%99%ef%bc%81.html/feed 0 テレビ朝日の地球号食堂で紹介されます！！ http://www.hops.co.jp/diary/archives/2009/12/%e3%83%86%e3%83%ac%e3%83%93%e6%9c%9d%e6%97%a5%e3%81%ae%e5%9c%b0%e7%90%83%e5%8f%b7%e9%a3%9f%e5%a0%82%e3%81%8c%e7%b4%b9%e4%bb%8b%e3%81%95%e3%82%8c%e3%81%be%e3%81%99%ef%bc%81%ef%bc%81.html http://www.hops.co.jp/diary/archives/2009/12/%e3%83%86%e3%83%ac%e3%83%93%e6%9c%9d%e6%97%a5%e3%81%ae%e5%9c%b0%e7%90%83%e5%8f%b7%e9%a3%9f%e5%a0%82%e3%81%8c%e7%b4%b9%e4%bb%8b%e3%81%95%e3%82%8c%e3%81%be%e3%81%99%ef%bc%81%ef%bc%81.html#comments Thu, 17 Dec 2009 07:05:00 +0000 mario http://www.hops.co.jp/diary/?p=257 続きを読む →]]> Yahoo!　地球号食堂

Yahoo!　地球号食堂

今度12月20日にテレビ朝日の地球号F9EB.gif食堂にて、
まがりや.netで販売している総合農舎山形村の短角牛が紹介されますF992.gif

テレビは普段、あんまり見ないのですがまがりや.netの商品が紹介される時だけはずっと張り付いて見ています。
まるごと焼きリンゴF9EA.gifが深イイ話で紹介された時なんかはどんな結果になるかと心臓がバクバクでした。
で、次の日の注文件数の方でさらにバクバクになりましたF9D8.gif

三谷牧場さんの金のチーズなんかは生産数が限られていたので届くのが来年になってしまうお客様もいるようです。
一足先に注文してみるのも良いかもしれませんF9A0.gif

F99F.gifF99F.gifF8D0.gifまがりや.net　山形村の短角牛はこちら！F8D0.gifF99F.gifF99F.gif

久慈出身の友人が美味しいとよく話してました。
その友人は久慈に詳しいだけでなく凄く誇らしげに話すのであの地元LOVE精神を見習いたいですF9CF.gif

]]> http://www.hops.co.jp/diary/archives/2009/12/%e3%83%86%e3%83%ac%e3%83%93%e6%9c%9d%e6%97%a5%e3%81%ae%e5%9c%b0%e7%90%83%e5%8f%b7%e9%a3%9f%e5%a0%82%e3%81%8c%e7%b4%b9%e4%bb%8b%e3%81%95%e3%82%8c%e3%81%be%e3%81%99%ef%bc%81%ef%bc%81.html/feed 0 起業家大学参加！ http://www.hops.co.jp/diary/archives/2009/12/%e8%b5%b7%e6%a5%ad%e5%ae%b6%e5%a4%a7%e5%ad%a6%e5%8f%82%e5%8a%a0%ef%bc%81.html http://www.hops.co.jp/diary/archives/2009/12/%e8%b5%b7%e6%a5%ad%e5%ae%b6%e5%a4%a7%e5%ad%a6%e5%8f%82%e5%8a%a0%ef%bc%81.html#comments Tue, 08 Dec 2009 05:26:04 +0000 kou http://www.hops.co.jp/diary/?p=255 続きを読む →]]> 先日、いわて産業振興センター様主催の「いわて起業家大学」オープニングセミナーに参加しました。
来週からは本講座が始まります。

http://www.joho-iwate.or.jp/info/kigyoka/kigyoka.htm

私は、オープニングセミナーでの「夢」についての講演ですでに胸がいっぱいというか、生まれ変わった気持ちになりました！
そして１日１０分夢について考えるようにしています。。。
が、実際は中々継続することが難しいことも実感しています。
難しいことを実感できた！ということが、最近の発見でした！

まとまり感ないですが、、、
この経験をいかして何か新しいことができればと思っています。

]]> http://www.hops.co.jp/diary/archives/2009/12/%e8%b5%b7%e6%a5%ad%e5%ae%b6%e5%a4%a7%e5%ad%a6%e5%8f%82%e5%8a%a0%ef%bc%81.html/feed 0