2013-05-01 | #ぱそ | irc.cre.jp ログアーカイブ

発言数	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@KD175108170098.ppp-bb.dion.ne.jp) が #ぱそに参加しました。
01:05:59	ash が切断されました：Quit: 無問題
01:16:43	dain が切断されました：Ping timeout: 121 seconds
01:35:07	zigutabi (zigutabi@118-86-155-96.kakt.j-cnet.jp) が #ぱそに参加しました。
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@178.168.29.31) が #ぱそに参加しました。
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@p33177-ipngn100202kobeminato.hyogo.ocn.ne.jp) が #ぱそに参加しました。
04:32:09	tatsu114 が切断されました：Quit: ろくでもない。ほんとろくでもない。
04:46:46	Balyoshi (username@k161241.ppp.asahi-net.or.jp) が #ぱそに参加しました。
05:23:40	AizawaYu2 (AizawaYu2@i114-185-136-147.s05.a012.ap.plala.or.jp) が #ぱそに参加しました。
05:54:08	C-TL_UXG (Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) が #ぱそに参加しました。
06:02:18	Balyoshi が切断されました：Ping timeout: 121 seconds
06:04:59	C-TL_UXG_ (Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) が #ぱそに参加しました。
06:06:07	C-TL_UXG が切断されました：Ping timeout: 121 seconds
06:21:47	Balyoshi (username@k161241.ppp.asahi-net.or.jp) が #ぱそに参加しました。
06:26:58	C-TL_UX__ (Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) が #ぱそに参加しました。
06:28:07	C-TL_UXG_ が切断されました：Ping timeout: 121 seconds
07:06:20	noraneco が切断されました：Quit: Leaving...
07:22:59	C-TL_U___ (Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) が #ぱそに参加しました。
07:24:09	C-TL_UX__ が切断されました：Ping timeout: 121 seconds
09:10:20	dain (dain@220x151x204x245.ap220.ftth.ucom.ne.jp) が #ぱそに参加しました。
09:18:12	symm が切断されました：Ping timeout: 121 seconds
10:27:47	Kannna_ (kannna@em36-244-194-138.pool.e-mobile.ne.jp) が #ぱそに参加しました。
10:27:58	Kannna_ が切断されました：Quit: Leaving...
11:30:43	akiraani (akiraani@nfmv001010242.uqw.ppp.infoweb.ne.jp) が #ぱそに参加しました。
11:34:43	aoringo (aoringo@KD111102038007.ppp-bb.dion.ne.jp) が #ぱそに参加しました。
11:51:53	akiraani_ (akiraani@nfmv001099171.uqw.ppp.infoweb.ne.jp) が #ぱそに参加しました。
11:54:07	akiraani が切断されました：Ping timeout: 121 seconds
12:04:18	H_Aoi (H_Aoi@58-70-101-165f1.hyg2.eonet.ne.jp) が #ぱそに参加しました。
12:06:08	Pikoyan が切断されました：Quit: See you...
12:25:29	akiraani_ http://matome.naver.jp/odai/2136720343710857901
12:25:35	akiraani_ これはひどいｗ
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@g210002203222.d006.icnet.ne.jp) が #ぱそに参加しました。
13:24:21	jackson (jackson@p10101-ipngn100105yosemiya.okinawa.ocn.ne.jp) が #ぱそに参加しました。
13:25:03	H_Aoi → H_AoiAFK
13:34:05	kurov が切断されました：Quit: Leaving...
13:39:57	kurov (kurov@KD175108170098.ppp-bb.dion.ne.jp) が #ぱそに参加しました。
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 (username@k161241.ppp.asahi-net.or.jp) が #ぱそに参加しました。
15:53:39	MorrisAFK → Morris
16:13:25	hir2 が切断されました：Ping timeout: 121 seconds
16:20:41	hir2 (hir2@p33177-ipngn100202kobeminato.hyogo.ocn.ne.jp) が #ぱそに参加しました。
16:36:17	aokaze (aokaze@KD121110104152.ppp-bb.dion.ne.jp) が #ぱそに参加しました。
17:00:27	ao_MacB (ao_macb@s184156.ppp.asahi-net.or.jp) が #ぱそに参加しました。
17:52:49	tatsu114 (tatsu114@catv-120-004.tees.ne.jp) が #ぱそに参加しました。
18:04:05	showchan が切断されました：Quit: Leaving...
18:08:47	showchan (showchan@3d722621.tcat.ne.jp) が #ぱそに参加しました。
18:44:09	zero2 (zero2@softbank126016163171.bbtec.net) が #ぱそに参加しました。
18:44:12	zero2 が切断されました：Connection closed
19:00:47	zero2 (zero2@softbank126016163171.bbtec.net) が #ぱそに参加しました。
19:00:49	zero2 が切断されました：Connection closed
19:01:13	Pikoyan (UserID@p2219-ipngn1601funabasi.chiba.ocn.ne.jp) が #ぱそに参加しました。
19:14:05	ash (ash@61-27-134-148.rev.home.ne.jp) が #ぱそに参加しました。
19:29:03	C-TL_____ (Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) が #ぱそに参加しました。
19:30:12	C-TL_U___ が切断されました：Ping timeout: 121 seconds
20:19:40	akiraani_ が切断されました：Quit:
20:24:30	akiraani (akiraani@nfmv001099171.uqw.ppp.infoweb.ne.jp) が #ぱそに参加しました。
20:57:56	koi-chan (koi-chan@p14179-ipngn101marunouchi.tokyo.ocn.ne.jp) が #ぱそに参加しました。
21:09:26	hi-rat (hi_rat@119-173-34-238.rev.home.ne.jp) が #ぱそに参加しました。
21:37:40	Yaduka (yaduka@ntchba070171.chba.nt.ftth.ppp.infoweb.ne.jp) が #ぱそに参加しました。
21:57:06	hir2 が切断されました：Ping timeout: 121 seconds
22:00:25	hir2 (hir2@p33177-ipngn100202kobeminato.hyogo.ocn.ne.jp) が #ぱそに参加しました。
22:00:27	ash → Cardfool
22:00:39	zigutabi (zigutabi@118-86-155-96.kakt.j-cnet.jp) が #ぱそに参加しました。
22:01:33	AizawaYu2 が切断されました：Quit: それではノシ
22:04:39	zigutabi すみません、ｊQueryのプラグインのひとつ、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:29:40	noraneco http://deepliquid.com/content/Jcrop_Implementation_Theory.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@220x151x204x245.ap220.ftth.ucom.ne.jp) が #ぱそに参加しました。
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 (username@k161241.ppp.asahi-net.or.jp) が #ぱそに参加しました。
23:02:04	zero2 (zero2@softbank126016163171.bbtec.net) が #ぱそに参加しました。
23:04:38	noraneco POST ならクライアントに切り出したイメージ返却して、
23:05:15	noraneco POST でなければ、ローカルにあるファイルを戻す、ですか？
23:05:53	showchan_ (showchan@3d722621.tcat.ne.jp) が #ぱそに参加しました。
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@3d722621.tcat.ne.jp) が #ぱそに参加しました。
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: ろくでもない。ほんとろくでもない。

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@KD175108170098.ppp-bb.dion.ne.jp) が #ぱそ に参加しました。

01:05:59

ash が切断されました：Quit: 無問題

01:16:43

dain が切断されました：Ping timeout: 121 seconds

01:35:07

zigutabi (zigutabi@118-86-155-96.kakt.j-cnet.jp) が #ぱそ に参加しました。

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@178.168.29.31) が #ぱそ に参加しました。

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@p33177-ipngn100202kobeminato.hyogo.ocn.ne.jp) が #ぱそ に参加しました。

04:32:09

tatsu114 が切断されました：Quit: ろくでもない。ほんとろくでもない。

04:46:46

Balyoshi (username@k161241.ppp.asahi-net.or.jp) が #ぱそ に参加しました。

05:23:40

AizawaYu2 (AizawaYu2@i114-185-136-147.s05.a012.ap.plala.or.jp) が #ぱそ に参加しました。

05:54:08

C-TL_UXG (Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) が #ぱそ に参加しました。

06:02:18

Balyoshi が切断されました：Ping timeout: 121 seconds

06:04:59

C-TL_UXG_ (Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) が #ぱそ に参加しました。

06:06:07

C-TL_UXG が切断されました：Ping timeout: 121 seconds

06:21:47

Balyoshi (username@k161241.ppp.asahi-net.or.jp) が #ぱそ に参加しました。

06:26:58

C-TL_UX__ (Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) が #ぱそ に参加しました。

06:28:07

C-TL_UXG_ が切断されました：Ping timeout: 121 seconds

07:06:20

noraneco が切断されました：Quit: Leaving...

07:22:59

C-TL_U___ (Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) が #ぱそ に参加しました。

07:24:09

C-TL_UX__ が切断されました：Ping timeout: 121 seconds

09:10:20

dain (dain@220x151x204x245.ap220.ftth.ucom.ne.jp) が #ぱそ に参加しました。

09:18:12

symm が切断されました：Ping timeout: 121 seconds

10:27:47

Kannna_ (kannna@em36-244-194-138.pool.e-mobile.ne.jp) が #ぱそ に参加しました。

10:27:58

Kannna_ が切断されました：Quit: Leaving...

11:30:43

akiraani (akiraani@nfmv001010242.uqw.ppp.infoweb.ne.jp) が #ぱそ に参加しました。

11:34:43

aoringo (aoringo@KD111102038007.ppp-bb.dion.ne.jp) が #ぱそ に参加しました。

11:51:53

akiraani_ (akiraani@nfmv001099171.uqw.ppp.infoweb.ne.jp) が #ぱそ に参加しました。

11:54:07

akiraani が切断されました：Ping timeout: 121 seconds

12:04:18

H_Aoi (H_Aoi@58-70-101-165f1.hyg2.eonet.ne.jp) が #ぱそ に参加しました。

12:06:08

Pikoyan が切断されました：Quit: See you...

12:25:29

akiraani_: http://matome.naver.jp/odai/2136720343710857901

12:25:35

akiraani_: これはひどいｗ

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@g210002203222.d006.icnet.ne.jp) が #ぱそ に参加しました。

13:24:21

jackson (jackson@p10101-ipngn100105yosemiya.okinawa.ocn.ne.jp) が #ぱそ に参加しました。

13:25:03

H_Aoi → H_AoiAFK

13:34:05

kurov が切断されました：Quit: Leaving...

13:39:57

kurov (kurov@KD175108170098.ppp-bb.dion.ne.jp) が #ぱそ に参加しました。

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 (username@k161241.ppp.asahi-net.or.jp) が #ぱそ に参加しました。

15:53:39

MorrisAFK → Morris

16:13:25

hir2 が切断されました：Ping timeout: 121 seconds

16:20:41

hir2 (hir2@p33177-ipngn100202kobeminato.hyogo.ocn.ne.jp) が #ぱそ に参加しました。

16:36:17

aokaze (aokaze@KD121110104152.ppp-bb.dion.ne.jp) が #ぱそ に参加しました。

17:00:27

ao_MacB (ao_macb@s184156.ppp.asahi-net.or.jp) が #ぱそ に参加しました。

17:52:49

tatsu114 (tatsu114@catv-120-004.tees.ne.jp) が #ぱそ に参加しました。

18:04:05

showchan が切断されました：Quit: Leaving...

18:08:47

showchan (showchan@3d722621.tcat.ne.jp) が #ぱそ に参加しました。

18:44:09

zero2 (zero2@softbank126016163171.bbtec.net) が #ぱそ に参加しました。

18:44:12

zero2 が切断されました：Connection closed

19:00:47

zero2 (zero2@softbank126016163171.bbtec.net) が #ぱそ に参加しました。

19:00:49

zero2 が切断されました：Connection closed

19:01:13

Pikoyan (UserID@p2219-ipngn1601funabasi.chiba.ocn.ne.jp) が #ぱそ に参加しました。

19:14:05

ash (ash@61-27-134-148.rev.home.ne.jp) が #ぱそ に参加しました。

19:29:03

C-TL_____ (Cat-Tail_UXG@p4ae919.miygnt01.ap.so-net.ne.jp) が #ぱそ に参加しました。

19:30:12

C-TL_U___ が切断されました：Ping timeout: 121 seconds

20:19:40

akiraani_ が切断されました：Quit:

20:24:30

akiraani (akiraani@nfmv001099171.uqw.ppp.infoweb.ne.jp) が #ぱそ に参加しました。

20:57:56

koi-chan (koi-chan@p14179-ipngn101marunouchi.tokyo.ocn.ne.jp) が #ぱそ に参加しました。

21:09:26

hi-rat (hi_rat@119-173-34-238.rev.home.ne.jp) が #ぱそ に参加しました。

21:37:40

Yaduka (yaduka@ntchba070171.chba.nt.ftth.ppp.infoweb.ne.jp) が #ぱそ に参加しました。

21:57:06

hir2 が切断されました：Ping timeout: 121 seconds

22:00:25

hir2 (hir2@p33177-ipngn100202kobeminato.hyogo.ocn.ne.jp) が #ぱそ に参加しました。

22:00:27

ash → Cardfool

22:00:39

zigutabi (zigutabi@118-86-155-96.kakt.j-cnet.jp) が #ぱそ に参加しました。

22:01:33

AizawaYu2 が切断されました：Quit: それではノシ

22:04:39

zigutabi: すみません、ｊQueryのプラグインのひとつ、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:29:40

noraneco: http://deepliquid.com/content/Jcrop_Implementation_Theory.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@220x151x204x245.ap220.ftth.ucom.ne.jp) が #ぱそ に参加しました。

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

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 (username@k161241.ppp.asahi-net.or.jp) が #ぱそ に参加しました。

23:02:04

zero2 (zero2@softbank126016163171.bbtec.net) が #ぱそ に参加しました。

23:04:38

noraneco: POST ならクライアントに切り出したイメージ返却して、

23:05:15

noraneco: POST でなければ、ローカルにあるファイルを戻す、ですか？

23:05:53

showchan_ (showchan@3d722621.tcat.ne.jp) が #ぱそ に参加しました。

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@3d722621.tcat.ne.jp) が #ぱそ に参加しました。

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: ろくでもない。ほんとろくでもない。

月	火	水	木	金	土	日
29	30	1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31	1	2

#ぱそ 2013-05-01