ホームページ更新

2 views
Skip to first unread message

安田泰雅

unread,
Feb 3, 2013, 10:16:00 AM2/3/13
to col...@googlegroups.com
皆様

ホームページを更新しました。

http://moophys.web.fc2.com/index.html

次回はカードケースを予定しています。
BASHで、ホームページの複数のファイルの
デザインをコマンド一つで変える事が出来る
ツールも作成予定です。

現在、JavaScriptで、画像が同一ページ内で
拡大するやつを自作したいと考えてます。

こんなやつ http://feen.jp/shop/cat82/cat84/n-61.html

しかし、他人のソースコードを読んで改造する
のは僕にとっては残酷な選択肢です。
今まで、プログラムの自作でサブルーチンを使った
事がない人間です。無理です。
しかも、その用途以外にJSの活用方法が
思いつかないので、勉強しようと思ってから
全く上達していません。

ところで質問ですが、画像拡大って難しいので
しょうか?あるいは、次のような感じにした方が
簡単ですか?
http://www.kayenta.jp/shop/products/detail.php?product_id=15

ぜひとも助言をお願いします。

松浦

unread,
Feb 3, 2013, 10:56:34 AM2/3/13
to col...@googlegroups.com
安田様

お疲れ様です。松浦です。

最近僕もホームページ作成の勉強をしております。

画像拡大はそんなに難しくないと思います。
今日は遅いので明日にでもサンプルを作ってみたいと思います。

あと、
もしよかったら林田先生にお願いして
HTMLやJavaScriptの勉強会をしませんか?
HTMLやJavaScriptはそんなに難しくないので
すぐコードが書けてかつ動きが見れるので楽しいと思います。

以上、宜しくお願い致します。



2013年2月4日 0:16 安田泰雅 <taiga....@gmail.com>:

--
このメールは Google グループのグループ「コレックスチーム」の登録者に送られています。
このグループから退会し、メールの受信を停止するには、collex+un...@googlegroups.com にメールを送信します。
その他のオプションについては、https://groups.google.com/groups/opt_out にアクセスしてください。



松浦

unread,
Feb 3, 2013, 11:18:03 AM2/3/13
to col...@googlegroups.com
安田様

松浦です。

明日と思いましたけどできました。

画像勝手に使用しましたごめんなさい。

http://shinri-e.com/JavaScriptTest/

を参照下さい。

こんな感じでしょうか?


2013年2月4日 0:56 松浦 <d.5647....@gmail.com>:

Heima Hayashida

unread,
Feb 3, 2013, 7:13:58 PM2/3/13
to col...@googlegroups.com
林田です。

> もしよかったら林田先生にお願いして
> HTMLやJavaScriptの勉強会をしませんか?

今クライアントサイドをやるんならHTML5でしょうかね^^;
中身はJavaScriptとXMLとCSSな感じのようです。

Node.jsの動きが活発なようなので、JavaScriptを極めて
サーバサイドも書いちゃう動きも活発なようです。
今後、組込みとクラウドが連携して、情報の自動
収集や分析、制御の動きが活発化してくるので、
クライアントサイドだけではなく、サーバサイドも
一体になって設計できる感じが求められてくる
のではないでしょうか。

どうなんでしょう?サーバサイドも含めてやりますか?
松浦くん!

ちなみに今やってるELは、ネットワーク上のシステム
におけるデータの在り方みたいなお話ですので、OSI
参照モデルとかでいくと、最もサービスよりな技術に
なります。HTML5とかはそのすぐ下の階層でデータの
やりとりに関するルールになりますので、この2つを
セットで設計して、どのネットワーク上にのっけるか
(といっても広域系の選択肢はTCP/IPぐらいですが)
といったお話になります。
このグループから退会し、メールの受信を停止するには、mailto:collex%2Bunsu...@googlegroups.com

Heima Hayashida

unread,
Feb 3, 2013, 10:21:49 PM2/3/13
to col...@googlegroups.com
林田です。

HTML5について、ちょっと補足というか訂正です。

> なります。HTML5とかはそのすぐ下の階層でデータの
> やりとりに関するルールになりますので、この2つを

などと書きましたが、HTML自体は画面表示を制御
するためのマークアップ言語なので、すぐ下では
なく、すぐ上(アプリケーション層)と考える方が自然
ですね。すいません。

ただし、Ajaxからの流れでHTMLが標準で非同期
通信をサポートする方向で動き出してますので、
そういった意味ですぐ下と書いてしまいました。

難しく書いてしまってますが、やることは単純で

・ HTML5の動向調査
・ JavaScriptのお勉強

の2点を考えてます。ただし、どちらも開発がさかんなので
常に状況が変化しているという点には注意がいります。

Web系の技術は、クラウドを中心としたIT社会に向けて
大人気の状況です。ただ、どちらかと言えば、技術ありき
ではなく、実現したいサービスのために技術開発が進ん
でいるという状況なので、何か提供したいサービスを考えて
それに向かって皆で実装してみる方向に向かえるといいな
と思ってます。一応ELの展開次第ではサービス開発方向に
展開(Webベースのシステム開発)することも考えてはいます。
その辺りは集まっている皆さんの興味の向く方向で決まる
のかなといったところです。

3月9日に開催されるAmazonのクラウドサービスAWSの
イベントをのぞきに行く予定にしています。
http://santo.jaws-ug.jp/

以上。


-----Original Message-----
From: 松浦
Sent: Monday, February 04, 2013 12:56 AM
To: col...@googlegroups.com
Subject: Re: ホームページ更新

このグループから退会し、メールの受信を停止するには、mailto:collex%2Bunsu...@googlegroups.com

安田泰雅

unread,
Feb 4, 2013, 5:27:30 AM2/4/13
to col...@googlegroups.com
松浦さん

わざわざありがとうございます。
画像は勝手に使って下さっていいですよ。

ソースコードを見てみました。
僕がネットからとってきたコードは
1000行以上あったので、相当難しいのかと
思ってました。
そこまで簡略化していれば理解できそうです。


林田先生

> 難しく書いてしまってますが、やることは単純で
>
> ・ HTML5の動向調査
> ・ JavaScriptのお勉強
>
> の2点を考えてます。

ぜひとも勉強会に参加したいです。

個人的な目標としては、
何か、人を多く集めれるようなサイトを作り、
それを土台にして革製品を売るサイトを作る
事です。

僕のホームページの内容はマイナーすぎるので、
別の事で人集めを行おうと思っています。


安田
2013年2月4日 12:21 Heima Hayashida <heim...@gmail.com>:

松浦

unread,
Feb 4, 2013, 5:44:16 AM2/4/13
to col...@googlegroups.com
林田先生

そうですね、HTML5ですね。
今、ようやくCSSやJavaScriptが分かってきましたので、
次のステップアップとしてHTML5の勉強をしたいです。

アマゾンのクラスドサービスですか。。。
興味深いですね!

確かにサーバサイドも含めてできれば楽しいですね!

今後の方向性を次回お会いした時に考えましょ!


2013年2月4日 19:27 安田泰雅 <taiga....@gmail.com>:

Heima Hayashida

unread,
Feb 4, 2013, 5:46:42 AM2/4/13
to col...@googlegroups.com
安田さん

林田です。

> 何か、人を多く集めれるようなサイトを作り、
> それを土台にして革製品を売るサイトを作る
> 事です。
> 僕のホームページの内容はマイナーすぎるので、
> 別の事で人集めを行おうと思っています。

革製品を売るサイトを作るのであれば、今のホーム
ページの内容は十分に魅力的ですよ。安田さんの
こだわりがにじみ出てますので、自信持ってください。
多分だけど、今のサイトに販売情報をのっけるだけ
でもそれなりに反応があると思いますyo。

16日の2次会で松浦くんを交えて議論しましょう^^/

松浦

unread,
Feb 4, 2013, 5:51:03 AM2/4/13
to col...@googlegroups.com
安田さん

lightboxというものがありまして、
画像を大きくするJavaScriptが入ったもの
を提供されています。

で、ですね説明しますと
添付ファイルの
「index.html」
の五行目(ヘッダ内です)
<link href="css/lightbox.css" rel="stylesheet" />

とですね、19、20行目(ボディタグの最後らへん)
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>

が画像を大きくするものを呼び出しになります。
そして、13行目
<div class="section" id="example">
      <a href="images/examples/image-1.jpg" rel="lightbox">
    <img src="images/examples/thumb-1.jpg" alt="" /></a>
</div>

というものがありまして、
<a href="images/examples/image-1.jpg" rel="lightbox">
が大きくしたい画像のアドレス

<img src="images/examples/thumb-1.jpg" alt="" />
が大きくする前の画像のアドレスになります。

ソースをお渡ししますので見てみてください。
不明な点等ありましたらお気軽に聞いてくださいね。



2013年2月4日 19:44 松浦 <d.5647....@gmail.com>:
lightbox.zip

安田泰雅

unread,
Feb 4, 2013, 7:45:56 AM2/4/13
to col...@googlegroups.com
林田先生

> 革製品を売るサイトを作るのであれば、今のホーム
> ページの内容は十分に魅力的ですよ。
ありがとうございます。

> 多分だけど、今のサイトに販売情報をのっけるだけ
> でもそれなりに反応があると思いますyo。
確かに反応はあると思いますが、最低でも現在の100倍は
アクセスが欲しいので、それだけではだめだと思っています。
そこで、もう一つ何らかのサイトを作ろうと考えています。

> 16日の2次会で松浦くんを交えて議論しましょう^^/
ぜひともそうしましょう。

松浦さん

> ソースをお渡ししますので見てみてください。
> 不明な点等ありましたらお気軽に聞いてくださいね。
ありがとうございます。
がんばって勉強してみます。

2013年2月4日 19:51 松浦 <d.5647....@gmail.com>:
Reply all
Reply to author
Forward
0 new messages