+ JavaScript の質問用スレッド vol.120 +

1 名前：デフォルトの名無しさん mailto:sage [2016/05/22(日) 19:51:33.37 ID:WwOYSBmy.net] JavaScript を自ら学ぶ人のための質問スレッドです。 >>2-4のテンプレを読んだ上で質問してください。次スレは>>950が>>2のテンプレ案(本スレで改善案があれば考慮)を元に立ててください ■質問を書く上で (1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。 (2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。 　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など) (3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。 (4) 常に自発的に調べる心構えを持ってください。 　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。 　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。 (5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。 (6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。 　　※必ず「問題の事象が再現されること」を確認してください。 　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。 (7) サンプルコードに HTML が含まれる場合は validator.w3.org/ で [Check] してみてください。 (8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。 (9) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。 752 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 13:56:06.15 ID:ousMayNp.net] >>729 thenの第二引数をcatchとして使うと、そのthenで起きたエラーは拾わなあいから、必要ないときはcatchを使ったほうがいいよ　分かり易いから 753 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 13:56:58.21 ID:qpxG5nAO.net] >>729 ほらよ。ついでに値の渡し方も書いておいたぞ。 thenの戻り値としてPromiseではないものを返せるところにも注意な。（return textの所） あと、最初はPromise.resolveで始めなくても、いきなりtext1("sample").then でも良い。 function test1(text) { 　　return Promise.resolve(text); 　　//return Promise.reject(text); } function test2(text) { 　　return Promise.resolve(text); 　　//return Promise.reject(text); } Promise.resolve("sample") 　.then(text => test1(text)) 　.then(text => { 　　console.log("test 1 OK:" + text); 　　return text; 　}) 　.catch(text => { 　　console.log("test 1 NG:" + text); 　　return text; 　}) 　.then(text => test2(text)) 　.then(text => { 　　console.log("test 2 OK:" + text); 　}) 　.catch(text => { 　console.log("test 2 NG:" + text); 　}); 754 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 14:06:33.76 ID:qpxG5nAO.net] ただ、一直線に書くとtext1とtext2の 755 名前：範囲なのかわかりづらいから >>722を少し改良したこれでもいい気もしてきたな。 Promise.resolve("sample") 　.then(text => test1(text) 　　.then(text => { 　　　console.log("test 1 OK:" + text); 　　　return text; 　　}) 　　.catch(text => { 　　　console.log("test 1 NG:" + text); 　　　return text; 　　}) 　) 　.then(text => test2(text) 　　.then(text => { 　　　console.log("test 2 OK:" + text); 　　}) 　　.catch(text => { 　　console.log("test 2 NG:" + text); 　　}) ); [] [ここ壊れてます] 756 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 14:09:27.96 ID:qpxG5nAO.net] なお、もちろんこう書くこともできるし function test1(text) { 　　let p = Promise.resolve(text); 　　//let p = Promise.reject(text); 　return p.then(text => { 　　　console.log("test 1 OK:" + text); 　　　return text; 　　}) 　　.catch(text => { 　　　console.log("test 1 NG:" + text); 　　　return text; 　　}); } function test2(text) { 　　let p = Promise.resolve(text); 　　//let p = Promise.reject(text); 　return p.then(text => { 　　　console.log("test 2 OK:" + text); 　　　return text; 　　}) 　　.catch(text => { 　　console.log("test 2 NG:" + text); 　　　return text; 　　}); } Promise.resolve("sample") 　.then(text => test1(text)) 　.then(text => test2(text)); 757 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 14:18:57.19 ID:qpxG5nAO.net] catchをthenの機能に含めて、こういう書き方もできる。 Promise.resolve("sample") 　.then(text => test1(text)) 　.then(text => { 　　　console.log("test 1 OK:" + text); 　　　return text; 　　}, text => { 　　　console.log("test 1 NG:" + text); 　　　return text; 　}) 　.then(text => test2(text)) 　.then(text => { 　　　console.log("test 2 OK:" + text); 　　}, text => { 　　console.log("test 2 NG:" + text); 　}); 758 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 14:27:30.76 ID:lYop9Jcb.net] >>729 まずtest1とtest2の中の非同期でresolve(戻り値)またはreject(エラーの原因)を呼んでる事は前提とすると function err(e){console.error(e);}; function finish(val){console.info("終了",val);}; test1().then(test2).then(finish).catch(err); thenで第二引数を渡さなければrejectもcatchに飛ぶのでこれで充分なはずだけど？ 759 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 14:30:46.97 ID:qpxG5nAO.net] 　.then(text => test1(text)) は 　.then(test1) これでよかったな。 760 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 14:38:51.52 ID:qpxG5nAO.net] 他にもいろいろ書き換えてみたけど、これが俺の中でベストかな Promise.resolve("sample") 　.then(test1) 　.then(text => { 　　　console.log("test 1 OK:" + text); 　　　return text; 　　}, text => { 　　　console.log("test 1 NG:" + text); 　　　return text; 　　} 　) 　.then(test2) 　.then(text => { 　　　console.log("test 2 OK:" + text); 　　}, text => { 　　　console.log("test 2 NG:" + text); 　　} 　); 761 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 14:51:32.54 ID:z24FpIHh.net] 皆さんありがとうございます。 まだ若干こんがらがってますが、理解がだいぶマシになりました。 test2はプロミスにしなくてOKということですが、 test2を単独で使用する可能性がある場合は今のままでも大丈夫ですよね...？ 762 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 14:52:59.75 ID:z24FpIHh.net] 皆さんのを参考に function test1(text) { 　return new Promise(function(resolve, reject) { 　　setTimeout(() => { 　　　reject(text); 　　}, 1000); 　}); } function test2(text) { 　return Promise.resolve(text); } Promise.resolve("sample") test1("test") 　.then(text => { 　　console.log("test 1 ok " + text); 　　return text; 　}, text => { 　　console.log("test 1 ng " + text); 　　return text; 　}) .then(test2) 　.then(text => { 　　console.log("test 2 ok " + text); 　}) 　.catch(text => { 　　console.log("test 2 ng " + text); 　}); こういうのを書いてみたのですが、 test1でrejectしてもそのままtest2に入ってきましたが、これはこういうものでしょうか？ 763 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 14:54:43.38 ID:z24FpIHh.net] すみません、>>741の Promise.resolve("sample")は不要ですね 764 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 15:02:45.38 ID:qpxG5nAO.net] >>741 > test1でrejectしてもそのままtest2に入ってきましたが、これはこういうものでしょうか？ あれ？そういう仕様だと思ってたよｗ じゃあ書き換えが必要だね。 いまゲームしてるから（ｒｙ 765 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 15:15:57.87 ID:HfDVf1Az.net] >>741 www.html5rocks.com/ja/tutorials/es6/promises/ 766 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 15:28:56.46 ID:z24FpIHh.net] 何度もすみません。 >>743-744 ありがとうございます、そのサイト見てたはずですが見落としていました だいたい理解できました。 一連の質問は解決ということで問題ないです。 皆さんありがとうございました。 767 名前：デフォルトの名無しさん mailto:sage [2016/06/18(土) 23:31:55.96 ID:aNvZce14.net] imeオンオフに関わらずEnterキーが入力されたか確認する方法を教えてください 768 名前：デフォルトの名無しさん mailto:sage [2016/06/19(日) 01:39:49.43 ID:XpUIM/8a.net] >>746 IME周りはブラウザ毎に実装が違ったりして面倒なので全てのブラウザで動くとは保証出来んが keydownでキーコード229,0,13を拾えばだいたい拾えるんじゃないかね？ 769 名前：デフォルトの名無しさん mailto:sage [2016/06/19(日) 01:54:37.93 ID:jkRTuMFS.net] おしんとひこうきぴゅんぴゅん 770 名前：デフォルトの名無しさん mailto:sage [2016/06/19(日) 15:42:45.26 ID:j/5yp6z/.net] 古いソフトのプラグイン頼まれたんだけど新しめのESで追加された機能がほとんど使えなくて難儀してる よくわからないんだけどこういうのって作者が対応すれば使えるようになるの？ VSなんかだと参照突っ込むだけで機能使えるようになるけど そういうお手軽はお話じゃないんかね 771 名前：デフォルトの名無しさん mailto:sage [2016/06/19(日) 19:29:55.99 ID:fmRoj+h3.net] なんのエンジン使ってるか知らんが例えばV8でも無理でーす 奴らは自分のブラウザで動けばいいので毎日のように互換性壊しまくりのスケ〜 772 名前：デフォルトの名無しさん mailto:sage [2016/06/20(月) 18:11:29.60 ID:tys3WiX6.net] javaでいうTreeSetを使いたいのですが、ありますか？ 773 名前：デフォルトの名無しさん mailto:sage [2016/06/20(月) 18:48:32.16 ID:hRWj67CX.net] （非数字）文字列ならオブジェクトのプロパティとして加えていって列挙すればソートされてる 774 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 00:26:47.70 ID:qdV120KE.net] リンクをクリックするとJavaScriptでページ遷移するウェブページで、遷移する先のURLを事前に取得する方法はありますか？ 意図としてはページに飛ばされる前にどこに飛ぶのか判断したいためです。 775 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 00:47:36.70 ID:Zouo8B6w.net] >>753 JavaScriptでページ遷移するなら遷移先URLもJavaScriptで分かっているはずなのだが 776 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 08:14:40.47 ID:vlWZNI1X.net] >>754 最終的な遷移先のURLを鯖側で生成してたらわからんけど 777 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 09:06:55.19 ID:zhgdBgoI.net] >>754 説明が足らずすみません。 他者が作ったウェブサイトの環境で、ブラウザの拡張機能などで自前のJavaScriptを実行して判断したいということでした。 そういうことだと>>755さんの言うとおり、他者のサーバで生成してるからわからないってことになりそうですね。 778 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 11:17:04.95 ID:Zouo8B6w.net] >>756 URLの生成規則を探すとか、JavaScriptコードを読んでコードから遷移先URLを得る、とか一概には言えないと思う 779 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 12:14:28.77 ID:VoVagir1.net] >>756 クライアントが移動先を知ってるなら取る方法はない訳ではないが 鯖側でリダイレクトさせる場合にはAjaxでリンクを踏んで戻った内容からリダイレクト先をスクレイピングするとかしないと無理だろうね つまり画面遷移をせずにリンク先を取得する事は可能、鯖と通信せずにリンク先を取得する事は不可能なケースがある クライアント上で動作している以上、クライアントが知らない情報は取得出来ない 780 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 13:29:33.82 ID:NcocGzZA.net] いや、どこに跳ぶかを判断したいくらいなのだから、 いろんな方法・想定で常識的な範囲で全て判断できると言えるだろう 781 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 19:00:28.03 ID:s0xSal8K.net] VBのFormsみたいなフレームワークってないすか？ デザイナでペタペタ配置してロジックは画面オブジェクトにハンドラを書くだけ的なやつです 782 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 19:02:39.48 ID:rJ2mr4JY.net] >>760 ホームページビルダで出来ない？ 使ったことないから知らんが 783 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 20:02:34.86 ID:zhgdBgoI.net] >>757 >>758 丁寧に回答していただきありがとうございます。 リンククリック時のJavaScriptからレスポンスを解析してURLを取得できるかを試してみます。 784 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 22:07:52.39 ID:8xYufxWO.net] var fs = require('fs'); var data = "write text test!"; fs.writeFile('writetest.txt', data , function (err) { console.log(err); }); 785 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 22:09:11.15 ID:8xYufxWO.net] このくらいのプログラムをNodejsで作ってNodejs上ではもちろん動きましたが 786 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 22:14:12.35 ID:8xYufxWO.net] webpack上では動きません。 先にNodistを入れたのですがUpdateすると依存関係のエラーが多かったので Nodejp単体で入れることにしました。 ところが npm install webpack -g とかするとなぜかNodistのフォルダに入ってしまいます。 そのせいでビルドができてないのでしょうか。 経験のある方お願いします。 スレ違いなら誘導していただけるとありがたいです。 787 名前：デフォルトの名無しさん mailto:sage [2016/06/21(火) 23:28:49.59 ID:8xYufxWO.net] 変換したものは長くてここに表示しきれないですが require is not defined と出ますね。 一応webpackは通したのですが。 ブラウザはFirefoxです。 788 名前：デフォルトの名無しさん mailto:sage [2016/06/22(水) 00:14:59.67 ID:azjhZ3WA.net] javaScriptのSetってSetとWeakSetしかないんですか？ SortedSetが欲しいです 789 名前：デフォルトの名無しさん mailto:sage [2016/06/22(水) 07:19:51.98 ID:cIEa5wGZ.net] ソートっていろんな種類があるからねぇ。 自分で作ったら？ 790 名前：デフォルトの名無しさん mailto:sage [2016/06/22(水) 11:58:39.11 ID:q9pILfZy.net] Nodist を　アンインストールしてその後、　Node.jsを入れたのですが npm root -g としてモジュールがインストールされるディレクトリを見ると C:\Program Files (x86)\Nodist\bin\node_modules なっています。 環境変数も見ましたがNodistの残骸が残っているようにはありません。 どこにNodistの情報が残っているのでしょうか。 791 名前：デフォルトの名無しさん mailto:sage [2016/06/22(水) 14:53:18.59 ID:q9pILfZy.net] ユーザーディレクトの下にprefixの設定が残っていたようです。 792 名前：デフォルトの名無しさん mailto:sage [2016/06/22(水) 14:58:05.09 ID:q9pILfZy.net] npm config lsで調べて上記のことが分かったのですが、未だに require is not defined のエラーが解決されません。 /***/ }, /* 2 */ /***/ function(module, exports) { module.exports = require("fs"); /***/ } /******/ ]); どうもコメントばかりついていてうまく変換されたように見えません見えません。 793 名前：デフォルトの名無しさん mailto:sage [2016/06/22(水) 21:00:04.72 ID:/0SrxieV.net] 誰としゃべってんのこいつ 794 名前：デフォルトの名無しさん mailto:sage [2016/06/23(木) 00:00:47.49 ID:wmr/9KTO.net] >>769-771 恐らく環境変数node_pathがNodistのディレクトリのままだろうから書き換え あとfsのようなNode.js用モジュールはWebpackでバンドルできないはず Webpackからファイル読みたい場合はLoader使って事前に含めるしかない 795 名前：デフォルトの名無しさん mailto:sage [2016/06/23(木) 01:13:09.29 ID:Lewr0A8P.net] ありがとうございます。 Webpackからは基本できないのですね。 set コマンドでは NODE_PATH=C:\Users\habu\AppData\Roaming\npm\node_modules アンインストーラーを使っても環境変数を調べてもどうにもならなかったので アンインストーラーが削除し忘れた "C:\Users\xxxx\.npmrc" を手動で削除したらパスの通ったところにモジュールをインストールするようになりました。 796 名前：デフォルトの名無しさん mailto:sage [2016/06/23(木) 12:30:54.99 ID:TKILd+kM.net] IE11,Edge,Firefox,Chrome,safari,Operaの6つのブラウザを同時に起動してるんですが javascriptを更新したらブラウザに切り替えてページ更新するのが面倒くさいんですが ファイルが更新されたら自動的に更新する方法ありませんか？ 797 名前：デフォルトの名無しさん mailto:sage [2016/06/23(木) 12:33:06.98 ID:p9xHkbsy.net] >>775 定期的にリロードするようにしたら良いんじゃないの？ 798 名前：デフォルトの名無しさん mailto:sage [2016/06/23(木) 14:14:01.07 ID:1rhmo8jO.net] ファイルを監視して更新があったらブラウザのウィンドウをアクティブにしてリロード操作(F5?)のイベントを送るツールでも作ればいいんでない？ 799 名前：デフォルトの名無しさん mailto:sage [2016/06/23(木) 15:28:59.42 ID:it3byhHh.net] >>775 簡単に出来ますよ 800 名前：デフォルトの名無しさん mailto:sage [2016/06/24(金) 11:16:15.69 ID:M5Y9qYOR.net] >>773 いまいち例が無くてどのローダーを使えばテキストファイル出力ができるのか 分からないです。 ホームページで確認してraw-loaderがUTF-8に出力するみたいなことを書かれていた GreasemonkeyからinnerTextをテキストファイルに出力したいだけなのですが かなり敷居が高いようですね。 色々なサイトで実験されている 801 名前：デフォルトの名無しさん mailto:sage [2016/06/24(金) 11:22:06.51 ID:M5Y9qYOR.net] みたいなのですが、セキュリティがらみなので改善（改悪？）されてできなくなったところが多いです。 raw-loaderの使い方の例がもう少しサンプルで出されているサイトがあればいいのですが。 あと、少し２ちゃん専用のソフトの使い方になれてなくて間違えて文章を途切れ途切れに 送ってしまったことをお詫びします。 802 名前：デフォルトの名無しさん mailto:sage [2016/06/24(金) 12:30:59.24 ID:V/itJnf4.net] Loaderは読み込んでバンドルするだけで書き込みはできないよ ブラウザから書き込みしたいなら拡張機能のAPIを探すしかない 803 名前：デフォルトの名無しさん mailto:sage [2016/06/24(金) 14:35:52.18 ID:M5Y9qYOR.net] >>781 そうなんですか。どこを探しても無理なわけですね。 拡張機能と言うのはブラウザの拡張機能ですか？ 煮詰まったので今のところはローカルにapacheでサーバーを立てて PHPでアクセスすることを考えています。 それでだめなら拡張機能のAPIを探すことを考えています。 804 名前：デフォルトの名無しさん [2016/06/24(金) 23:07:00.20 ID:qTbX1cTa.net] プログラミングに詳しい方々がいると聞いて質問しにきました。 初心者なので説明力、知識が乏しいですが申し訳ありません。 私は、不特定多数の人が画像をサイト上のみで「読み込み→編集→ダウンロード」を全てできる画像編集サイトを作ろうと思っていて、 色々調べている内にImageMagickと言うプログラムにたどり着きました。 ですが使い方などが全くわからず、困っております。現在xサーバーを利用していてホームページを取得しています。 xサーバーは公式で既にImageMagickがインストールされているということです。(この事についてもいまいち分かりません) どなたか分かりやすく画像編集サイトの作り方を教えていただけませんでしょうか。 OSはwin7 64bitです。 本当に困っています。 805 名前：デフォルトの名無しさん [2016/06/24(金) 23:12:05.32 ID:Fo67yJqk.net] >>783 PHPで作った方がいいと思うよ PHP板行ったら？ echo.2ch.net/test/read.cgi/tech/1466683550/ 806 名前：デフォルトの名無しさん [2016/06/24(金) 23:14:07.58 ID:qTbX1cTa.net] >>784 PHP板にてここで聞いた方がいいと言われ、質問いましました 807 名前：デフォルトの名無しさん [2016/06/24(金) 23:14:44.48 ID:Fo67yJqk.net] >>785 jsじゃ無理だよ PHPじゃないと出来ない 808 名前：デフォルトの名無しさん [2016/06/24(金) 23:16:31.66 ID:Fo67yJqk.net] 一番簡単に作れるのは、Ruby Rubyスレ行ってみたらどうだ？ 809 名前：デフォルトの名無しさん mailto:sage [2016/06/24(金) 23:28:09.79 ID:V/itJnf4.net] >>782 その通りブラウザ拡張機能のAPI でもローカルにHttpd立てていいなら>>763の弄って使えばいいんじゃない どうせグリモンで動かすUserScriptからHTTPでやり取りするんだろうし >>783 まず画像を読み込んで編集して保存するのはJSで出来る 画像を不特定多数でどう扱うのかによってはサーバー側の実装も必要だけど これもNode.jsを使えばJSで作れる、因みにこっちはPHPでも作れる ただ作り方となると手順が膨大だから一々説明してられん 「JavaScript ファイル読み込み」など一つずつググって勉強するしかない 810 名前：デフォルトの名無しさん mailto:sage [2016/06/25(土) 11:12:38.28 ID:FcXCwkAU.net] textareaで入力した位置を知る方法ありませんか？ 811 名前：デフォルトの名無しさん mailto:sage [2016/06/25(土) 11:24:52.49 ID:YFtEcFF6.net] >>789 コピペなんかも含めると、入力される前の文字列をバッファしておいて、今回文字列と一番最初に差異が発生する文字まで素直に比較するほうが早いんじゃないかな。 812 名前：デフォルトの名無しさん mailto:sage [2016/06/25(土) 18:02:11.94 ID:4KOaD2nt.net] >>789 selection とか range で調べるよろし >>790 aaa => aaaa どこだと思う？ 813 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 00:07:56.02 ID:nF43cUdI.net] いつもは、ネットと、日経ソフトウェアを毎月買ってるから、 日経ソフトウェアのJavascript特集しか読まないんだけど、 久しぶりに書店でJavascriptの本あさってたら、 JAVAの本と混同してJavascripの本が並べてあった。 何十人かに試したことあるが、プログラム興味ない人がらみたら、 JAVA=Javascripの省略して言うとJAVA Javascrip=JAVAの正式名称 って認識しかしてないからな。 814 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 05:07:36.84 ID:G2D2TVQW.net] コードの問題。 例えば旅行本だと国別に区切られてるが、プログラミング言語にはそれがない。 815 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 05:45:31.43 ID:FIFPZYCa.net] >>792 自分の住んでる地元の一番大きい本屋もまんまこれだった CとかVBAとか有名な言語は分類札付けて、カテゴリ分かれてるのに JavaScriptだけJavaの所に全部突っ込まれてる 816 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 08:11:55.58 ID:lQezokMe.net] JQueryを使ってテキストフォームを扱っていますが、項目数が増えさらにページ遷移が増えました。 JQueryよりもそういうことを扱うことに長けたフレームワークみたいなのがあればそちらに移りたいのですが何かそういったことを補助してくれるようなものはありませんか？ 817 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 10:40:37.56 ID:TQCRDnYp.net] >>795 具体的に何がしたいのかがわかならい エスパーするとJQueryの使い方がわからないってことかな？ 818 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 11:55:24.56 ID:9G4pt3CC.net] DOM書き換えでのページ管理に限界を感じてるからjQuery捨てたいみたいな感じ？ 学習コストかかるだろうけど、流行ってるReactとか 819 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 12:24:25.89 ID:rwwPSVEU.net] どうも使い方が分かっていない人が多いよね センスがないとでも言うのだろうかｗ 820 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 12:39:49.80 ID:AVATszy2.net] ライブラリ質問はスレ違いといいたいところだが、テンプレが改変されてたんだった Web制作板の荒れようをみるにプログラム板にもライブラリスレを持ってくるべきなんだろうが、統合する流れでいいのかね あるいは、べつにスレを立てるべきか 821 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 12:51:24.25 ID:mFfhShD5.net] vol.120でまともなテンプレで建て直していいんじゃね あっちのライブラリスレもこの板に移す話はあったんだけどよくわからんな 822 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 14:02:23.24 ID:8VkrGxxn.net] reactの質問はどこでしたらいいですか？ 823 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 15:09:43.72 ID:Tksz8qNK.net] >>801 Yahoo知恵袋がおすすめ 824 名前：デフォルトの名無しさん [2016/06/26(日) 15:12:21.33 ID:GJBR8D9H.net] >>802 javaの道(掲示板)がおすすめ 825 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 20:07:37.03 ID:YbtLHjt0.net] &lt;img src=x onerror='alert(1)'&gt;&lt;/img&gt; みたいにHTMLエンティティがエスケープされてるテキストノードをtextContentで参照するとエスケープが解除されるので、innerHTMLに代入した瞬間にalertが鳴るよって記事をどっかで見たんだけど、 誰か見覚えあってURLわかる人おらんかのう 826 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 20:28:22.69 ID:nF43cUdI.net] 自分の作ってるwebアプリでエラー原因調べて、質問するって 難しいんだよな 問題を書き出すって骨の折れる作業だし 827 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 22:32:25.10 ID:D+buTpss.net] >>800 立て直すとスレが乱立するからこのスレに新しいテンプレを貼り付ける程度で十分かと 問題はライブラリスレもここに統合するか、別スレに独立させるか 828 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 22:58:59.69 ID:oKpI3hc9.net] 重複が嫌なら一個飛ばして121にするとか 本来荒らしの立てたスレを再利用するってのはよくないし、まあ今はずるずる来てるけど 829 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 23:29:46.97 ID:S5Kwqidr.net] むやみに別スレ建てんなよWeb製作版の二の舞いになる スルーすればいいだけ 830 名前：デフォルトの名無しさん mailto:sage [2016/06/26(日) 23:30:12.91 ID:yAtATLvz.net] >>805 ブレークポイントを適度に付けて、デバッグする。 変数の内容も見る。 エラーメッセージで検索する C/C++以外の言語は、シャローコピーするから、破壊的変更をするときは要注意！ 831 名前：デフォルトの名無しさん mailto:sage [2016/06/27(月) 00:44:37.06 ID:Azx2VHQP.net] JSはDOM絡みのテスト書くのが特にしんどい 書いてもElectronで動いたのがwebkitじゃダメでしたとかままあるし >>806 復活したWeb板のライブラリスレもぼちぼち伸びてきてるし また潰されるかあるいは埋まりそうになるまで保留でいいんじゃない 832 名前：デフォルトの名無しさん mailto:sage [2016/06/27(月) 00:51:43.37 ID:Qt/WCn3i.net] JSにかぎらずUIのテストっていうのは難しいんだよ。 833 名前：デフォルトの名無しさん mailto:sage [2016/06/27(月) 04:38:11.54 ID:Hl6kI6LE.net] 別にJSじゃなくてもDOMのテストは難しいしね JSにはDOMしかないわけでもないし 834 名前：534 mailto:sage [2016/06/27(月) 12:24:43.46 ID:oBcOOaIt.net] >>534　なんですが、プログラム板なのにコードが潰れることにもやっとしたので、スレにjs-beautifyとhighlight.jsを掛けるchrome拡張を作ってみました 試作機1号ができたのでさっそく試してみたんですが・・・ ２chのコメのなかにコーディングのカラースキームが混在してる違和感が凄いww i.imgur.com/a1EvCdi.png i.imgur.com/cGSR5cj.png i.imgur.com/JVt9adl.png i.imgur.com/rPbmqg9.png 835 名前：デフォルトの名無しさん mailto:sage [2016/06/27(月) 19:39:44.45 ID:jJ8qgrxg.net] <a href="〜hoge.pdf">PDF</a> 上記のようにHTMLでPDFのリンクを作成しPDFをダウンロードさせたいのですが、IEのみ同一タブでPDFが表示されてしまいダウンロードできません。 IEの設定を変更することなく、HTMLとjavascriptだけでIEでもダウンロードできるようにしたいのですが、何か良い方法はありませんでしょうか。 ちなみに、以下の4ブラウザ全てでダウンロード可能にしたいです。 ・IE11 ・chrome ・firefox ・safari(mac) よろしくお願いします。 836 名前：デフォルトの名無しさん mailto:sage [2016/06/27(月) 20:20:31.97 ID:Hl6kI6LE.net] ChromeとFirefoxだけで我慢しんさい 837 名前：デフォルトの名無しさん mailto:sage [2016/06/27(月) 20:45:40.58 ID:Qt/WCn3i.net] >>814 普通はHTTPヘッダで制御する。 つまりウェブサーバーかサーバー側のアプリ あんたがクライアントアプリしか書けないとか サーバーいじる能力がないなら諦めなさい 838 名前：デフォルトの名無しさん mailto:sage [2016/06/27(月) 20:59:41.80 ID:zoQ6BtW7.net] >>815 >>816 やはり無理なんですね…… ありがとうございます！ 839 名前：デフォルトの名無しさん mailto:sage [2016/06/27(月) 21:24:55.66 ID:zcQLvEgn.net] var xhr = new XMLHttpRequest(); xhr.open("GET", "hoge.pdf"); xhr.responseType = "blob"; xhr.addEventListener("load", function(){ var blob = new Blob([xhr.response]); window.navigator.msSaveBlob(blob, "hoge.pdf"); }); xhr.send(); 840 名前：デフォルトの名無しさん mailto:sage [2016/06/28(火) 15:38:36.90 ID:+n63MTqJ.net] 「できる」と「やっていい」は別だよな 最低限のモラルも守れないようじゃねぇ まあdownload属性のエミュなら良いと思うよ 841 名前：デフォルトの名無しさん mailto:sage [2016/06/28(火) 16:46:50.81 ID:YVMoIJVb.net] jsdo.it/ksk1015/7lvD のページのサンプロコード、20行目で見かけたのですが、 この場合のvideoの前後にあるスラッシュはどういう意味があるのでしょうか？ if( !/video/.test(file.type) ){ !video.test(file.type) ではダメなのでしょうか 842 名前：デフォルトの名無しさん mailto:sage [2016/06/28(火) 17:09:49.76 ID:+pusRZvt.net] /で囲まれてるのは正規表現 この場合file.typeに"video"って文字列が含まれてるかみてる 843 名前：デフォルトの名無しさん mailto:sage [2016/06/28(火) 18:04:00.99 ID:YVMoIJVb.net] >>821 なるほど、ありがとうございます 844 名前：デフォルトの名無しさん mailto:sage [2016/06/29(水) 11:29:03.86 ID:VdhPxYFi.net] >>819 わりと素で聞きたいんだけど、このケースのどの部分がモラルに反してるの？ 他のブラウザがdownload属性でできることを、IEができないから代替策探してるだけだよね 845 名前：デフォルトの名無しさん mailto:sage [2016/06/29(水) 16:17:09.72 ID:L39nkKa/.net] function fileListDirectory(files) { var ファイル数 = files.length; var ファイル名 = new Array(); var パス = new Array(); for (i=0; i<ファイル数; i++) { ファイル名[i] = files[i].name; パス[i] = files[i].webkitRelativePath; // 行Ａ } } これでフォルダの全てのファイルのパスがわかるんだが これを絶対パスにするにはどうすればいいんだ？ 846 名前：デフォルトの名無しさん [2016/06/29(水) 21:48:19.77 ID:ViUTH2Wh.net] JQueryの$って関数ですか？連想配列ですか？ $(hoge)が出来るというのは関数だと思うんですが、$.foo(bar)が出来るというのは連想配列だと思います 一体何なんですか？あのキモイ未知の変数は 847 名前：デフォルトの名無しさん mailto:sage [2016/06/29(水) 22:21:45.97 ID:uR/sla0B.net] 関数もオブジェクトだからな 848 名前：デフォルトの名無しさん [2016/06/29(水) 22:29:13.21 ID:ViUTH2Wh.net] つまり hoge=function(){ //処理 } hoge.a=function(){ //処理 } hoge.b=function(){ //処理 } って事ですか？ 849 名前：デフォルトの名無しさん mailto:sage [2016/06/29(水) 22:45:16.05 ID:11RiuwSN.net] >>825 jQueryは関係ありません。 あなたはJavaScript自体がわかっていません。 そしてオブジェクト指向もわかっていません。 「オブジェクト指向言語であるJavaScriptは、関数もオブジェクトです。」 この一言で理解できますかね？w function foo(a, b, c) {} という関数を作ったら関数もオブジェクトなんだから console.log(foo.name) とか ※nameは非標準だけれどだいたい使える console.log(foo.length) とか ※関数の引数の数 foo.toString() とか ※ソースコードを返す。 標準でできるんですよ。 850 名前：デフォルトの名無しさん mailto:sage [2016/06/29(水) 22:48:52.04 ID:11RiuwSN.net] 真のオブジェクト指向言語は何でもオブジェクトであるって 考え方ができるかどうかですねｗ JavaScriptではオブジェクトではないものもあるけれど、 どちらかと言えばオブジェクトであるものが多い方 真のオブジェクト指向に近づくほど なんでもオブジェクトになる。 851 名前：デフォルトの名無しさん [2016/06/29(水) 22:52:05.42 ID:0EN53mtK.net] >>828 そんな事出来るのかよ 凄い 852 名前：デフォルトの名無しさん mailto:sage [2016/06/30(木) 00:37:24.48 ID:s9p3Net1.net] だからnullもオブジェクトにしたまま放置なんですね（白目）

---

---

[ 続きを読む ] / [ 携帯版 ]

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef