#ぱそ 2013-05-01
発言数 | 138 |
---|---|
表示 |
00:00:22
MorrisDEAD -> MorrisZZZ
00:05:40
! Balyoshi (Ping timeout: 121 seconds)
00:14:55
! akiraani (Ping timeout: 121 seconds)
00:52:05
! H_Aoi (Quit: Leaving...)
00:57:09
+ kurov (kurov!kurov@KD175108170098.ppp-bb.dion.ne.jp) to #ぱそ
01:05:59
! ash (Quit: 無問題)
01:16:43
! dain (Ping timeout: 121 seconds)
01:35:07
+ zigutabi (zigutabi!zigutabi@118-86-155-96.kakt.j-cnet.jp) to #ぱそ
01:36:23
<zigutabi> すみません、jQueryのjcropについて、お詳しい方おりますか?
01:50:59
! zigutabi (Quit: Leaving...)
01:56:34
! hi-rat (Ping timeout: 121 seconds)
02:16:38
+ symm (symm!symm@178.168.29.31) to #ぱそ
02:47:21
! C-_______ (Ping timeout: 121 seconds)
02:48:09
! jackson (Quit: Leaving...)
03:23:08
! aokaze (Quit: Leaving...)
04:04:50
! hir2 (Ping timeout: 121 seconds)
04:06:23
+ hir2 (hir2!hir2@p33177-ipngn100202kobeminato.hyogo.ocn.ne.jp) to #ぱそ
04:32:09
! tatsu114 (Quit: ろくでもない。ほんとろくでもない。)
04:46:46
+ Balyoshi (Balyoshi!username@k161241.ppp.asahi-net.or.jp) to #ぱそ
05:23:40
+ AizawaYu2 (AizawaYu2!AizawaYu2@i114-185-136-147.s05.a012.ap.plala.or.jp) to #ぱそ
05:54:08
+ C-TL_UXG (C-TL_UXG!Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) to #ぱそ
06:02:18
! Balyoshi (Ping timeout: 121 seconds)
06:04:59
+ C-TL_UXG_ (C-TL_UXG_!Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) to #ぱそ
06:06:07
! C-TL_UXG (Ping timeout: 121 seconds)
06:21:47
+ Balyoshi (Balyoshi!username@k161241.ppp.asahi-net.or.jp) to #ぱそ
06:26:58
+ C-TL_UX__ (C-TL_UX__!Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) to #ぱそ
06:28:07
! C-TL_UXG_ (Ping timeout: 121 seconds)
07:06:20
! noraneco (Quit: Leaving...)
07:22:59
+ C-TL_U___ (C-TL_U___!Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) to #ぱそ
07:24:09
! C-TL_UX__ (Ping timeout: 121 seconds)
09:10:20
+ dain (dain!dain@220x151x204x245.ap220.ftth.ucom.ne.jp) to #ぱそ
09:18:12
! symm (Ping timeout: 121 seconds)
10:27:47
+ Kannna_ (Kannna_!kannna@em36-244-194-138.pool.e-mobile.ne.jp) to #ぱそ
10:27:58
! Kannna_ (Quit: Leaving...)
11:30:43
+ akiraani (akiraani!akiraani@nfmv001010242.uqw.ppp.infoweb.ne.jp) to #ぱそ
11:34:43
+ aoringo (aoringo!aoringo@KD111102038007.ppp-bb.dion.ne.jp) to #ぱそ
11:51:53
+ akiraani_ (akiraani_!akiraani@nfmv001099171.uqw.ppp.infoweb.ne.jp) to #ぱそ
11:54:07
! akiraani (Ping timeout: 121 seconds)
12:04:18
+ H_Aoi (H_Aoi!H_Aoi@58-70-101-165f1.hyg2.eonet.ne.jp) to #ぱそ
12:06:08
! Pikoyan (Quit: See you...)
12:25:35
<akiraani_> これはひどいw
12:27:31
<akiraani_> 元のデザインすら踏襲してない
12:29:56
<dain> 江川達也・・・
12:47:59
! dain (Ping timeout: 121 seconds)
12:59:28
MorrisZZZ -> Morris
13:02:13
+ noraneco (noraneco!noraneco@g210002203222.d006.icnet.ne.jp) to #ぱそ
13:24:21
+ jackson (jackson!jackson@p10101-ipngn100105yosemiya.okinawa.ocn.ne.jp) to #ぱそ
13:25:03
H_Aoi -> H_AoiAFK
13:34:05
! kurov (Quit: Leaving...)
13:39:57
+ kurov (kurov!kurov@KD175108170098.ppp-bb.dion.ne.jp) to #ぱそ
14:10:52
! Yaduka (Ping timeout: 121 seconds)
14:14:17
Morris -> MorrisAFK
14:15:24
H_AoiAFK -> H_Aoi
14:36:27
! Balyoshi (Ping timeout: 121 seconds)
14:40:37
+ Balyoshi (Balyoshi!username@k161241.ppp.asahi-net.or.jp) to #ぱそ
15:53:39
MorrisAFK -> Morris
16:13:25
! hir2 (Ping timeout: 121 seconds)
16:20:41
+ hir2 (hir2!hir2@p33177-ipngn100202kobeminato.hyogo.ocn.ne.jp) to #ぱそ
16:36:17
+ aokaze (aokaze!aokaze@KD121110104152.ppp-bb.dion.ne.jp) to #ぱそ
17:00:27
+ ao_MacB (ao_MacB!ao_macb@s184156.ppp.asahi-net.or.jp) to #ぱそ
17:52:49
+ tatsu114 (tatsu114!tatsu114@catv-120-004.tees.ne.jp) to #ぱそ
18:04:05
! showchan (Quit: Leaving...)
18:08:47
+ showchan (showchan!showchan@3d722621.tcat.ne.jp) to #ぱそ
18:44:09
+ zero2 (zero2!zero2@softbank126016163171.bbtec.net) to #ぱそ
18:44:12
! zero2 (Connection closed)
19:00:47
+ zero2 (zero2!zero2@softbank126016163171.bbtec.net) to #ぱそ
19:00:49
! zero2 (Connection closed)
19:01:13
+ Pikoyan (Pikoyan!UserID@p2219-ipngn1601funabasi.chiba.ocn.ne.jp) to #ぱそ
19:14:05
+ ash (ash!ash@61-27-134-148.rev.home.ne.jp) to #ぱそ
19:29:03
+ C-TL_____ (C-TL_____!Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) to #ぱそ
19:30:12
! C-TL_U___ (Ping timeout: 121 seconds)
20:19:40
! akiraani_ (Quit: )
20:24:30
+ akiraani (akiraani!akiraani@nfmv001099171.uqw.ppp.infoweb.ne.jp) to #ぱそ
20:57:56
+ koi-chan (koi-chan!koi-chan@p14179-ipngn101marunouchi.tokyo.ocn.ne.jp) to #ぱそ
21:09:26
+ hi-rat (hi-rat!hi_rat@119-173-34-238.rev.home.ne.jp) to #ぱそ
21:37:40
+ Yaduka (Yaduka!yaduka@ntchba070171.chba.nt.ftth.ppp.infoweb.ne.jp) to #ぱそ
21:57:06
! hir2 (Ping timeout: 121 seconds)
22:00:25
+ hir2 (hir2!hir2@p33177-ipngn100202kobeminato.hyogo.ocn.ne.jp) to #ぱそ
22:00:27
ash -> Cardfool
22:00:39
+ zigutabi (zigutabi!zigutabi@118-86-155-96.kakt.j-cnet.jp) to #ぱそ
22:01:33
! AizawaYu2 (Quit: それではノシ)
22:04:39
<zigutabi> すみません、jQueryのプラグインのひとつ、jcropを用いて、ブラウザ上でアップロードした画像をトリミングして、それを印刷するというプログラムをやっているのですが、トリミングした画像をマウス、キーボード操作せずに、タッチ操作で印刷することがうまくできません。
22:05:33
<zigutabi> ここにあるデモをベースに作業を行っているのですが
22:05:36
<zigutabi> http://deepliquid.com/content/Jcrop.html
22:05:50
<noraneco> タッチイベントハンドラが適切じゃないに一票
22:06:31
<zigutabi> 一度送信した画像データを、PHP内ni
22:07:25
<zigutabi> にあるheaderタグで画像データに加工して、それ以降あるJavaScriptやHTMLが動かない状態です
22:08:25
(zigutabi) header('Content-type: image/jpeg');
22:09:34
<zigutabi> ポップアップで飛ぶように設定したのですが、上のタグが原因のためか、下の方に書いてある、プリンタダイアログを出力するJavaScriptが沈黙してしまいました。
22:10:36
<zigutabi> jcropについていろいろ調べてみたのですが、英語のホームページでも、あまり詳しく書いてなかったです;ω;
22:10:52
<noraneco> えっと、キーボードやマウスでは上手く行って、タッチ操作では上手くいかないんですよね?
22:11:27
<zigutabi> すみません、キーボードやマウスを使わないで、タッチで操作できるインターフェース環境です。
22:11:27
<noraneco> だから、タッチ操作で異なる部分をまず洗うのが先決かと。
22:11:42
<zigutabi> 業務用のプログラムで、
22:12:14
<noraneco> 一番有りそうなのがタッチイベントハンドラ部分じゃないの?と思うわけなのですが、その辺どうですか
22:12:31
<zigutabi> 印刷するとき、タッチ操作のインターフェースで、近くでマウスやキーボードがないそうです。
22:13:05
<noraneco> いえ、それはそうであっても、マウスではうまくいくのでしょうか?ってことです。
22:13:14
<zigutabi> あと、マウス操作でも、お客様はPCに疎いかもしれないので、そういう人でもわかりやすいように作れと、先輩に指示されました
22:13:23
<noraneco> いえそういうことではなく。
22:13:45
<noraneco> 何が問題の根っこにあるのかを切り分けないと。
22:13:58
<zigutabi> すみませんでした。
22:14:12
<noraneco> だから、マウスならうまくいくけどタッチ操作で駄目なら、タッチ操作周りだけ調べれば?と。
22:14:33
<zigutabi> すみません、今はそれは考えなくていいです。
22:14:51
! ao_MacB (Connection closed)
22:14:53
<zigutabi> 印刷というボタンが画面上に表示しない状態なのです
22:15:01
<zigutabi> マウスですと、右クリックでできますが
22:15:21
<zigutabi> タッチ操作ですと、右クリック、左クリックの区別がないので
22:16:15
<zigutabi> 右クリックのあるマウスや、コントロールキーのあるキーボードは、実際に運用している状態では、使えないとのことです
22:16:46
<noraneco> あー、使えるか使えないかじゃないのだけれど。。。切り分けとして、何が上手く行って何がうまくいかないかって話で。
22:18:07
<zigutabi> すみません
22:18:45
<noraneco> で、タッチ操作云々はもういいかも知れんのだけど(タッチイベントはちゃんと発行されている前提になるけどね)、
22:19:11
<noraneco> どうすると上手く行ってどうするとうまくいかないのでしょう?デモそのままなら動くのですよね?
22:19:15
<zigutabi> えっと、そのタッチする部分が表示しないのです。
22:19:18
<zigutabi> そうです
22:19:42
<zigutabi> ただ、こちらがやって欲しいという動きができないのです
22:20:07
<zigutabi> えっと、jcropの仕様説明していいですか
22:21:56
<noraneco> してもいいですが、うまくいくところから追っていくほうが、他人に説明するより早いかもとは思います。
22:25:03
<zigutabi> うい
22:25:08
<zigutabi> わかりました
22:25:13
<noraneco> 正直なところ、
22:25:28
(noraneco) >$(function(){
22:25:28
(noraneco) > $('#jcrop_target').Jcrop({
22:25:29
(noraneco) > onChange: showCoords,
22:25:30
(noraneco) > onSelect: showCoords
22:25:31
(noraneco) > });
22:25:32
(noraneco) >});
22:25:47
<noraneco> これをタッチ対応にして、上手く動かないのなら、そっから考えるべきだし、
22:26:20
<noraneco> そこが上手く動くなら、デモから改変した部分が怪しいということじゃないかと思います。
22:26:34
<zigutabi> えっと、画像をトリミングして送信するところまではいったのですが
22:27:55
<zigutabi> 飛んだ先のページに、印刷を指示するスクリプトを打ち込んだのですが、トリミングした画像だけ表示されて、
22:28:40
<zigutabi> PHP文以下のHTMLが全部破棄された状態でした
22:30:14
<noraneco> このデモとかは直接 jpeg 吐いてますね。これを使っているとすると、印刷とかはむりげ。
22:30:23
<zigutabi> はい
22:30:30
<zigutabi> 原因はそれでした
22:31:26
<noraneco> サーバ側に jpeg ファイル吐いて、それを表示とか印刷溶かさせるようにするのが楽なのじゃないかと。
22:31:30
<zigutabi> それで、jpegで吐き出している以外に何かないか調べていたのですが、見つかりませんでした
22:32:22
<noraneco> えーっと、サーバ側のクライアントから見える場所に jpeg を出力して、ということ言っているのですけれど、伝わってますよね?
22:32:32
<zigutabi> はい
22:33:00
<noraneco> このデモは直接クライアントに jpeg データを http で送信してますから、このままは使えませんと言うところまではOK。
22:33:16
<zigutabi> ようは、画像データだけ吐き出しているという状態ですよね
22:33:22
<noraneco> クライアントから、サーバ側に吐いた jpeg は表示できますか?
22:33:33
<zigutabi> それはできます
22:33:49
<noraneco> と言うことは jcrop 関係有ります?
22:34:23
<zigutabi> 別の問題になりますか~;ω;
22:34:48
<noraneco> タッチ操作でイメージを印刷する、のは jcrop でやってますかね?やってないように思えちゃったんですが。
22:35:02
<zigutabi> ないです
22:35:49
<noraneco> ということは、関係ないのじゃ。。。
22:35:56
<zigutabi> サーバー側で吐き出した画像データを印刷するということですよね
22:36:08
<noraneco> はい。そのように実装するならば、ですが。
22:37:08
<zigutabi> すみません、まだ未熟者ゆえ、この場合、何を調べていいのか、わからず、直接的な単語で調べてました
22:38:28
<noraneco> 少なくとも content-type:image/jpeg で送信してれば、印刷はできない。html として送信するならば、クッキーか何かで別リクエストとして画像を取りに行く必要があると思います。
22:39:15
<zigutabi> つまり、jpegデータをhtmlデータに変換書き換えるということでしょうか
22:39:30
<noraneco> クッキーか何かで取りに行く実装が面倒だったり、モックとして作るのであれば、単にサーバ側でイメージファイルを置いてしまってとりあえずそれでやるとか。
22:40:13
<zigutabi> クッキーやったことない;ω;
22:40:43
<noraneco> いえ、画像データの取得は html とか javascript で行う必要があるので、画像は別リクエストで取得できなければいけないのです、多分。
22:40:57
<zigutabi> ふむふむ
22:41:33
<noraneco> 別のリクエストになるので、それを覚えておくためにクッキーなり、ハッシュされた URL なりを使う必要があるかと。
22:42:23
<noraneco> HTML とか javascript に base64 か何かで埋め込むとかも出来た気がしますが。。。まぁ、今の主流じゃないと思います。
22:42:54
<noraneco> http://d.hatena.ne.jp/moogme/20090814/p3
22:43:17
<noraneco> こういうのね。大き画像ではやりたくない。
22:44:33
<noraneco> とりあえず、サーバ側にファイル吐いて、そのURLを埋め込んだ HTML 吐き出して印刷するというのでうまくいくか検討してみてはどうですかね。
22:45:10
<noraneco> URL がわかるとその画像を他人からも見られてしまうので、セキュリティ上よろしくないという話になるかもしれないので、
22:45:28
+ dain (dain!dain@220x151x204x245.ap220.ftth.ucom.ne.jp) to #ぱそ
22:45:35
<zigutabi> このPHPをPHPとHTMLの間に差し込む感じでしょうか
22:45:45
<noraneco> その場合はクッキーなり、別方法の認証なりを検討してみてはと思います。
22:46:46
<noraneco> この PHP で画像ファイルをサーバ側に保存します。クライアント側には出力した画像の URL を含んだ HTML を戻します。
22:47:43
<noraneco> HTML に印刷のスクリプトを埋め込めば、その HTML を受け取ったクライアントは印刷動作に移れる、かなと思います。
22:48:07
<noraneco> HTML じゃなくて、javascript でもなんでもいいですが。
22:48:25
<zigutabi> セットだから気にしない
22:49:49
<noraneco> あと ajax みたいなつくりであれば、イメージファイル戻してもなんとかなるとは思います
22:50:06
<noraneco> ページ遷移しない前提ですね。
22:51:39
<noraneco> ページ遷移しないで、この条件で画像とってこーい、取ってきたら印刷する-、という作りですね。
22:52:27
<noraneco> これなら PHP がクライアントに吐くのが image/jpeg でOKかも。やったこと無いけど、理屈的には多分。
22:55:47
<zigutabi> 一度、保存させて、保存させたデータを印刷するという形ですね
22:56:46
<noraneco> ajax とかなら、保存しなくてもいいかもですが、ページ遷移させるのなら、何らかの形で保存しないとできないと思います。
22:58:15
<noraneco> ajax なら、クライアントで表示されてる html で元画像の送信、(サーバ側でなんかしてそれを)取得、印刷という風になるので、
22:58:45
<zigutabi> あぐ、file_get_contentsが定義されてないと表示されたorz
22:58:53
<noraneco> 先行して送信されている javascript がリクエスト発行することになるので。
22:59:58
<zigutabi> 一応、こんな風に書きました
23:00:01
(zigutabi) <?php
23:00:01
(zigutabi) /**
23:00:02
(zigutabi) * Jcrop image cropping plugin for jQuery
23:00:03
(zigutabi) * Example cropping script
23:00:04
(zigutabi) * @copyright 2008-2009 Kelly Hallman
23:00:05
(zigutabi) * More info: http://deepliquid.com/content/Jcrop_Implementation_Theory.html
23:00:06
(zigutabi) */
23:00:07
(zigutabi) if ($_SERVER['REQUEST_METHOD'] == 'POST')
23:00:08
(zigutabi) {
23:00:09
(zigutabi) $targ_w = $targ_h = 150;
23:00:11
(zigutabi) $jpeg_quality = 90;
23:00:13
(zigutabi) $src = 'demo_files/pool.jpg';
23:00:16
(zigutabi) $img_r = imagecreatefromjpeg($src);
23:00:17
(zigutabi) $dst_r = ImageCreateTrueColor( $targ_w, $targ_h );
23:00:19
(zigutabi) imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],
23:00:21
(zigutabi) $targ_w,$targ_h,$_POST['w'],$_POST['h']);
23:00:23
(zigutabi) header('Content-type: image/jpeg');
23:00:25
(zigutabi) imagejpeg($dst_r,null,$jpeg_quality);
23:00:27
(zigutabi) exit;
23:00:29
(zigutabi) }
23:00:31
(zigutabi) // If not a POST request, display page below:
23:00:33
(zigutabi) $img_r = file_get_contents( 'localhost/jcrop/demos/demo_files' );
23:00:35
(zigutabi) if ( $img_r !== false ) {
23:00:37
(zigutabi) $img_r = base64_encode( $img_r );
23:00:39
(zigutabi) }
23:00:41
(zigutabi) ?>
23:01:05
! Balyoshi (Connection closed)
23:01:26
+ Balyoshi (Balyoshi!username@k161241.ppp.asahi-net.or.jp) to #ぱそ
23:02:04
+ zero2 (zero2!zero2@softbank126016163171.bbtec.net) to #ぱそ
23:04:38
<noraneco> POST ならクライアントに切り出したイメージ返却して、
23:05:15
<noraneco> POST でなければ、ローカルにあるファイルを戻す、ですか?
23:05:53
+ showchan_ (showchan_!showchan@3d722621.tcat.ne.jp) to #ぱそ
23:06:35
<noraneco> #実は PHP 書いたことのない人
23:07:12
! showchan (Ping timeout: 121 seconds)
23:08:43
<zigutabi> えっと、これはPOSTに変換するですかね、ローカルはいまXAMPPなので、サーバーに上げずに、自分のPCで処理するという意味です
23:08:51
<zigutabi> 他意はありません
23:12:25
<noraneco> クライアントからの要求が POST メソッドであれば、に見えますが。。。
23:13:06
<noraneco> まぁ、いいです。POST なら保存、GET なら保存したファイルを送信なのかと思ったので、こちらの勘違いということで。
23:14:19
<noraneco> ちなみに、ローカルの XAMPP で構築されている apache であろうと、ブラウザがクライアント、apache がWeb「サーバ」であります。
23:17:15
! zero2 (Connection closed)
23:18:40
+ showchan (showchan!showchan@3d722621.tcat.ne.jp) to #ぱそ
23:20:00
! showchan_ (Ping timeout: 121 seconds)
23:23:26
<noraneco> 明日早いのでそろそろ寝ます。がんばってくださいね-
23:23:38
<noraneco> #明日は秩父。石叩。
23:23:45
! noraneco (Quit: Leaving...)
23:44:52
! koi-chan (Quit: 鯉は川底の寝床に帰りましたとさ、おしまい。)
23:51:40
! Pikoyan (Quit: See you...)
23:55:12
! tatsu114 (Quit: ろくでもない。ほんとろくでもない。)