ホップススタッフブログ » 辻 http://www.hops.co.jp/diary ホップスは岩手・盛岡のWEBサイト制作会社です。 Thu, 15 Sep 2011 01:56:03 +0000 ja hourly 1 http://wordpress.org/?v=3.1.3 AUGM盛岡2011 開催します！ http://www.hops.co.jp/diary/archives/2011/09/augm-morioka-2011-open.html http://www.hops.co.jp/diary/archives/2011/09/augm-morioka-2011-open.html#comments Thu, 15 Sep 2011 01:56:03 +0000 辻 http://www.hops.co.jp/diary/?p=392 続きを読む →]]> 岩手のアップルユーザー待望の、AUGM盛岡2011（Apple User Group Meeting in Morioka 2011）が今年も開催されます！
現在、申込み受付が開始されております。

詳細はAUGM盛岡2011公式ウェブサイトで。
http://www.imfj.net/augm/augm2011/

]]> http://www.hops.co.jp/diary/archives/2011/09/augm-morioka-2011-open.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 ホップスのiPhone専用サイト公開しました！ http://www.hops.co.jp/diary/archives/2009/11/%e3%83%9b%e3%83%83%e3%83%97%e3%82%b9%e3%81%aeiphone%e5%b0%82%e7%94%a8%e3%82%b5%e3%82%a4%e3%83%88%e5%85%ac%e9%96%8b%e3%81%97%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81.html http://www.hops.co.jp/diary/archives/2009/11/%e3%83%9b%e3%83%83%e3%83%97%e3%82%b9%e3%81%aeiphone%e5%b0%82%e7%94%a8%e3%82%b5%e3%82%a4%e3%83%88%e5%85%ac%e9%96%8b%e3%81%97%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81.html#comments Wed, 18 Nov 2009 10:01:31 +0000 辻 http://www.hops.co.jp/diary/?p=252 続きを読む →]]> こんにちは、ホップスの辻です。
ホップスのiPhone専用サイト公開しました！
最新のモリオカートの動画や、新着情報、スタッフブログの記事をRSSで配信しております。
iPhoneやiPod touchをお持ちの方は一度ご覧ください。

iPhone専用サイトはホップスだけではなく、弊社の東北の逸品お取り寄せサイト「まがりや.net」もiPhone専用サイトをご用意しております。

]]> http://www.hops.co.jp/diary/archives/2009/11/%e3%83%9b%e3%83%83%e3%83%97%e3%82%b9%e3%81%aeiphone%e5%b0%82%e7%94%a8%e3%82%b5%e3%82%a4%e3%83%88%e5%85%ac%e9%96%8b%e3%81%97%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81.html/feed 0 ホップスでもTwitterはじめました！ http://www.hops.co.jp/diary/archives/2009/11/%e3%83%9b%e3%83%83%e3%83%97%e3%82%b9%e3%81%a7%e3%82%82twitter%e3%81%af%e3%81%98%e3%82%81%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81.html http://www.hops.co.jp/diary/archives/2009/11/%e3%83%9b%e3%83%83%e3%83%97%e3%82%b9%e3%81%a7%e3%82%82twitter%e3%81%af%e3%81%98%e3%82%81%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81.html#comments Tue, 10 Nov 2009 00:41:18 +0000 辻 http://www.hops.co.jp/diary/?p=235 続きを読む →]]> 遅ればせながら、ホップスでもTwitterはじめました！
ホップスのサイトの左下にリアルタイムで表示されます。
もちろん、本家Twitterのサイトでも見れます。
みんなフォロー宜しくお願い致します。

■株式会社ホップス（hopscojp）のTwitter
http://twitter.com/hopscojp/

]]> http://www.hops.co.jp/diary/archives/2009/11/%e3%83%9b%e3%83%83%e3%83%97%e3%82%b9%e3%81%a7%e3%82%82twitter%e3%81%af%e3%81%98%e3%82%81%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81.html/feed 0 「FFmpegで作る動画共有サイト」を読んで http://www.hops.co.jp/diary/archives/2009/10/%e3%80%8cffmpeg%e3%81%a7%e4%bd%9c%e3%82%8b%e5%8b%95%e7%94%bb%e5%85%b1%e6%9c%89%e3%82%b5%e3%82%a4%e3%83%88%e3%80%8d%e3%82%92%e8%aa%ad%e3%82%93%e3%81%a7.html http://www.hops.co.jp/diary/archives/2009/10/%e3%80%8cffmpeg%e3%81%a7%e4%bd%9c%e3%82%8b%e5%8b%95%e7%94%bb%e5%85%b1%e6%9c%89%e3%82%b5%e3%82%a4%e3%83%88%e3%80%8d%e3%82%92%e8%aa%ad%e3%82%93%e3%81%a7.html#comments Fri, 16 Oct 2009 03:57:26 +0000 辻 http://www.hops.co.jp/diary/?p=206 続きを読む →]]> 「FFmpeggで作る動画共有サイト」っていう本を読んでの感想。
●FFmpegで作る動画共有サイト
※FFmpegっていうのは、動画と音声を変換するフリーソフトのことです。

簡単にいうと「あぁ、オレでもいけるな」っていう気になれる本。

インストールの手順から、設定、その他オプションの開設、
動画サイトの構築方法、flvプレイヤーの作り方、字幕の入れ方など・・・。

動画サイト構築に必要な手順がほぼ全て書かれていて、
Youtubeやニコニコ動画の仕組みもこれ一冊でわかります。

ちなみに、
Perl、PHP、Python、JavaからFFmpegにアクセスする事ができますから、
そこら辺に詳しい人がいるとスムーズに行きます。
あとは少しのLinuxの知識と、それなりのFlashの知識があれば完璧っぽいです。

ちょっと読んでみると面白いですよ！

あ、余談ですが、以前FFmpeg関連で調べたサイト一覧載せますね！
ぜひ、ご活用を。

http://blog.katsuma.tv/2007/09/build_ffmpeg_for_3g_mobile.html

http://aerith.mydns.jp/regrets/2007/11/ffmpeg-install.html

http://blog.kumacchi.com/2008/10/ffmpegcentos_47_final.html

http://www.wkshop.net/m/flashvideo.txt

http://zeta-blog.com/3.html

http://blog.gakkie.com/?p=42

http://d.hatena.ne.jp/SPR/20070123/1169563795

http://www.phppro.jp/phptips/archives/vol50/2

http://fun.poosan.net/sawa/index.php?UID=1182098572

http://d.hatena.ne.jp/munepi/20081112/1226521022

http://hiroyuki12.ameblo.jp/hiroyuki12/entry-10044683201.html

http://www.mathomfactory.com/contents/ffmpeg.htm

http://www.himco.jp/articles/pdf/FFmpegDoc.swf

http://yosiwo.lowtech.ne.jp/index.php?itemid=645

http://www.nobodyplace.com/mutter/2008/01/17/140000.php#p781

http://blogs.dion.ne.jp/kimiwo/archives/2170015.html

http://nicovideo.g.hatena.ne.jp/maraigue/

http://ffmpeg-php.sourceforge.net/

http://www.phpclasses.org/browse/package/3747.html

http://yosiwo.lowtech.ne.jp/index.php?itemid=568

http://phpspot.org/blog/archives/2005/11/php_ffmpegphp.html

http://memo.xight.org/2006-08-24-4

]]> http://www.hops.co.jp/diary/archives/2009/10/%e3%80%8cffmpeg%e3%81%a7%e4%bd%9c%e3%82%8b%e5%8b%95%e7%94%bb%e5%85%b1%e6%9c%89%e3%82%b5%e3%82%a4%e3%83%88%e3%80%8d%e3%82%92%e8%aa%ad%e3%82%93%e3%81%a7.html/feed 0 Nintendo DSi買ってみた！ http://www.hops.co.jp/diary/archives/2009/10/nintendodsi.html http://www.hops.co.jp/diary/archives/2009/10/nintendodsi.html#comments Fri, 16 Oct 2009 03:39:04 +0000 辻 http://www.hops.co.jp/diary/?p=202 続きを読む →]]> 1

ちょっと面白そうだったから、Nintendo DSi買ってみた！
これ、カメラが使えるからちょっと面白い。
（画質は残念だけど＆Skypeできないじゃん）

何で買おうと思ったのかというと、
iPhoneに飽きてきちゃって
このDSiって、無料でブラウザをダウンロードできるんです！
「ニンテンドーDSiブラウザー」っていうそうですけど、基本Operaです。
●http://www.nintendo.co.jp/ds/dsiware/hngj/spec.html

スペック的にもそれなりにそろっていて、
XHTML＋CSS＋Ajaxが使えるんだよ、コレ！
（ただしFlash使えないのが、ちょっと残念）

このブラウザの機能使って、
何か遊べないかなぁ～と思って買ってみたんだけど・・
何かサイトの作り方もiPhoneサイトと同じ雰囲気あるし、
こういうデバイス好きなのです。

ブラウザからカメラにアクセスできたら、
ちょっと面白いことできそうなんだけどなぁ。

iPhoneと違って上下2画面あるから、
それを有効活用できたら面白いだろうなぁ。
本体を縦にもって、本みたいなサイトでも面白いだろうな、うん。

ただ、ちょっとすれば飽きちゃうだろうけどネ。

]]> http://www.hops.co.jp/diary/archives/2009/10/nintendodsi.html/feed 0 【水都大阪2009】大阪に巨大な鳥が出現！ http://www.hops.co.jp/diary/archives/2009/09/%e3%80%90%e6%b0%b4%e9%83%bd%e5%a4%a7%e9%98%aa2009%e3%80%91%e5%a4%a7%e9%98%aa%e3%81%ab%e5%b7%a8%e5%a4%a7%e3%81%aa%e9%b3%a5%e3%81%8c%e5%87%ba%e7%8f%be%ef%bc%81.html http://www.hops.co.jp/diary/archives/2009/09/%e3%80%90%e6%b0%b4%e9%83%bd%e5%a4%a7%e9%98%aa2009%e3%80%91%e5%a4%a7%e9%98%aa%e3%81%ab%e5%b7%a8%e5%a4%a7%e3%81%aa%e9%b3%a5%e3%81%8c%e5%87%ba%e7%8f%be%ef%bc%81.html#comments Mon, 28 Sep 2009 03:33:21 +0000 辻 http://www.hops.co.jp/diary/?p=189 続きを読む →]]> 大阪に巨大な鳥が出現しました！

1
実はこれ、水都大阪2009という水のイベントで展示されていたあひる（フローティング・ダック(ラバー・ダック)）何です。
高さ9.5m、幅9.5m、長さ11mという、超巨大なあひる何です。

昨日9月27日までの展示でしたが、ギリギリ間に合って見てました。
展示場所は大阪の八軒家浜、天満橋（てんまばし）の近くです。
世界各地であひるを浮かべてるデザイナーが、日本では初めて大阪で展示したそうです。

2
カワイイね。
たま～にこういうの見ると脳みそが活性化されそうで嬉しい。

余談ですが、この近くのインドカレー屋さん（アルナーチャラム）美味しかった。
インド人もビックリだね！
>>アルナーチャラム（ぐるなび）

もちろん、まがりや.netでもカレーを取り扱っております。
よかったら食べてみてね！
>>まがりや.net – 大満足の美味しさ！岩手県宮古市 カリー亭

]]> http://www.hops.co.jp/diary/archives/2009/09/%e3%80%90%e6%b0%b4%e9%83%bd%e5%a4%a7%e9%98%aa2009%e3%80%91%e5%a4%a7%e9%98%aa%e3%81%ab%e5%b7%a8%e5%a4%a7%e3%81%aa%e9%b3%a5%e3%81%8c%e5%87%ba%e7%8f%be%ef%bc%81.html/feed 0