JavaScript ライブラリ総合質問所 vol.5 [無断転載禁止]©2ch.net

0001Name_Not_Found2016/06/09(木) 00:24:30.21ID:???
JavaScriptライブラリ を自ら学ぶ人のための質問スレッドです。

■質問を書く上で
(1) 質問にならない投稿はご遠慮ください。(煽り、コード制作依頼など)
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
  (ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 長い間連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。
(4) 常に自発的に調べる心構えを持ってください。
  具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
  わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
  ※必ず「問題の事象が再現されること」を確認してください。
   必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。質問テンプレートを活用してみてください。

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【ライブラリ】使用しているライブラリ名を記入してください。(ex: jQuery)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
 1レスに収まらないならコード投稿サイトを利用してください。
 http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/

0300Name_Not_Found2017/08/17(木) 22:33:28.48ID:???
更に言うならば、この撤退してリポジトリの中身がすっからかんの
空っぽになってしまった、これこそがCancelTokenである

const cancelToken = new CancelToken(cancel => {
cancelButton.onclick = () => cancel("The cancel button was clicked");
});

performCancelableOperation(cancelToken);

https://github.com/tc39/proposal-cancelable-promises/tree/0e769fda8e16bff0feffe964fddc43dcd86668ba

0301Name_Not_Found2017/08/17(木) 22:34:21.75ID:???
CancelTokenはなぜ仕様の内容が
削除されてしまったのか?


削除されたのにリポジトリを残してるのは
単なるあてつけだとかるが

ではなぜ
CancelTokenはなぜ仕様の内容が
削除されてしまったのか? 👀
Rock54: Caution(BBR-MD5:0be15ced7fbdb9fdb4d0ce1929c1b82f)

0302Name_Not_Found2017/08/17(木) 22:38:48.90ID:???
>>296
> そして今CancelTokenは奴に否定されたのに残ったのかを考えた方が良い

残ってないよ。
リポジトリの中身は削除されてる

0303Name_Not_Found2017/08/17(木) 22:57:36.26ID:???
すまん、完全に俺の言い方が悪い
元をたどれば>>284
CancelToken『型の用に仕組みが分離してあるもの』
と書いたように、俺はCancelTokenそれだけに拘って考えて言っていたのではない
例えば俺がstage0だなんだ言ったのはCancellation APIを意識してたから
そこんところごっちゃにしてたのは本当に謝る

CancelTokenが消えたのは、結局CancelablePromiseが否定されたのを、
じゃあcancel状態の代わりにelse状態を持ってればいいだろというように
結局皮が剥け切れて無かったから、そこを奴に付かれた
だから逆に言うと、「分離」してある形になるのはより確実になってきたと言える
俺が言いたいのはそこ

0304Name_Not_Found2017/08/17(木) 22:59:43.13ID:???
いや、そんな言い訳はいらんわ。
今も生きてる仕様がどこに書いてあるかを言えばいい

0305Name_Not_Found2017/08/19(土) 14:31:35.18ID:???
どうせ罵詈雑言に言われると思ったから暫く見れないでいたんだが、お前ら意外と優しいのな
俺が言ってたのはこれ
https://github.com/tc39/proposal-cancellation

0306Name_Not_Found2017/12/12(火) 03:42:06.77ID:MrUcGD8N
HPで友達が稼げるようになった情報とか

⇒ http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

KH0BV0X79E

0307Name_Not_Found2017/12/28(木) 08:15:23.53ID:???
https://uppy.io/examples/dashboard/

このライブラリすご

0308Name_Not_Found2018/02/18(日) 19:08:55.34ID:???
☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆

0309Name_Not_Found2018/05/01(火) 19:03:22.41ID:l1wYHpV1
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

NHNSG

0310Name_Not_Found2018/06/18(月) 12:09:07.18ID:9uLJZxfn
incsearch.jsについて質問です。

データ内に、リンクなどのHTMLタグを書いた場合、
検索結果にも、そのタグや属性値などが出力されてしまいますが、
これを出力させずに、検索結果として得るにはどうすればいいでしょうか?


例えば、下記サイトの
ttps://hiromi-ayase.github.io/AnimeDB/
で「http」と入力すると、検索結果に
http://mediaarts-db.jp/an/anime_series/xxxxx";>link』
などと出力され、リンクが機能しなります。
これをリンクが機能する『link』として表示したいです。

0311Name_Not_Found2018/06/19(火) 00:54:16.44ID:???
大きさが異なる画像のスライダーのスクリプトを探しています。

サムネイルをスワイプするとスライドする

0312Name_Not_Found2018/06/19(火) 02:14:04.64ID:???
大きさが異なる画像の、高さを揃えれば?

0313Name_Not_Found2018/06/19(火) 18:17:52.45ID:XYAyToUj
覇権はコレやな
https://goo.gl/ux7Y7F

0314Name_Not_Found2018/10/02(火) 21:35:41.01ID:x0gKZze6
【アフィ】元宇宙人のスピリチュアルブログ【詐欺】
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12193781232

0315Name_Not_Found2018/11/11(日) 10:07:07.73ID:???
今から勉強するなら Vue.js でよろしいの?

0316Name_Not_Found2018/11/11(日) 10:29:23.52ID:???
>>315
目的によるんじゃないか?

0317Name_Not_Found2018/11/13(火) 23:05:00.75ID:???
MathJaxについて質問です
サードパーティーによる拡張機能を追加する時は、どういう記法がいいんですか?

0318Name_Not_Found2018/11/14(水) 12:41:58.97ID:???
>>317
そのサードパーティー拡張機能のドキュメントを読む
至極、当たり前のこと

0319Name_Not_Found2018/12/30(日) 22:50:02.31ID:???
https://codepen.io/infologicmation/pen/LMzazJ
一番右側の矢印(2本)の付け根の位置が悪いです
もっと綺麗な位置に置きたいのですがどう調整すればいいのでしょうか

0320Name_Not_Found2018/12/31(月) 03:36:25.97ID:???
流石にTeXスレで聞け

0321Name_Not_Found2019/06/20(木) 04:09:12.33ID:Rx7M+HGx
global に、lodash を入れたのだが、表示すると、既に2つのモジュールにも入っていた。
同じものだから、既に入っている方の、lodash を使えないの?

こういう感じで、使えないかな?
var _ = require( 'bookshelf/lodash' );

npm i -g lodash
npm ls -g lodash

C:\Users\Owner\AppData\Roaming\npm
+-- bookshelf@0.13.3
| `-- lodash@4.17.11
+-- knex@0.14.6
| `-- lodash@4.17.11
`-- lodash@4.17.11

03223212019/06/21(金) 23:10:31.75ID:???
<script type="text/javascript" src="file:///C:/Users/ユーザー名/AppData/Roaming/npm/node_modules/bookshelf/node_modules/lodash/lodash.min.js"></script>

<script>
console.log( _.VERSION );
</script>

これで、global に入れた、lodash ではなく、bookshelf/lodash の方を使えた

読み込まれるJavaScriptファイルは、
HTMLファイルの子孫フォルダ外でも、クロスドメイン(CORS)にならずに読み込める!

HTMLファイルに、動的に<script>タグを作って、
他のドメインから読み込む方法は、JSONP と言うのだっけ?

0323Name_Not_Found2019/06/22(土) 01:13:16.21ID:???
面倒祭からだまってたが、変なことすんなよ
重複モジュールを削除するなら npm dedupe だろ

https://qiita.com/totto357/items/585b6bb225021f723c5e

0324Name_Not_Found2019/06/22(土) 01:15:08.65ID:???
あと、npmモジュールはJavaScriptファイルをビルドして
1ファイル(ないし少数のファイル)に結合して使うもんだろ。
直接scriptで読み込むなよ

0325Name_Not_Found2019/06/22(土) 21:37:24.96ID:stYZhPIi
5chもJavaScriptも初心者のじじぃなのですが、教えていただけませんか?

https://developers.google.com/search/docs/guides/lazy-loading

↑このページの実装までは済んだのでテストをしたいのですけど
何をどうしたらいいのかさっぱりです。

Puppeteerでテストするとかいうのでググったら

https://qiita.com/kanoe/items/9043a81d28a1b733b2e2

このページの説明でなんとなく理解できたのですが、途中にある

-------------
Node.jsが動く環境が必要です。
$ npm i puppeteer
-------------

とか、手順がよく理解できていません。


エディターみたいなものが必要になるのでしょうか?

宜しくおねがいします。

0326Name_Not_Found2019/06/23(日) 00:38:21.83ID:???
JavaScript実行環境のNode.jsをインストールしてからコマンドからパッケージマネージャーのnpmを使ってpuppeteerを導入しろってことだよ

その段階なら手動でブラウザ使って確認すればいいんちゃう

0327Name_Not_Found2019/06/23(日) 09:30:52.65ID:???
まず、JavaScript 開発では、Node.js と、エディタのVSCode の2つを、インストールする。
Node.js をインストールすると、npm コマンドも使えるようになる

コマンドプロンプトで、where npm と打つと、こう表示される

C:\Program Files\nodejs\npm
C:\Program Files\nodejs\npm.cmd

C:\Program Files の下に、Node.js がインストールされる

インストールしていなかったら、何も表示されない

VSCodeについては、検索して、おすすめ拡張機能も入れる。
Bracket Pair Colorizer, Indent-Rainbow など

プログラム板に、スレもある

03283272019/06/23(日) 09:37:53.92ID:???
漏れは、ブラウザの自動操作・スクレイピングには、
Ruby で、selenium-webdriver, nokogiri を使ってる

Chrome で、ヘッドレスモードも出来る

まあ、Rubyでも、GUI は、HTML, SASS/CSS, JavaScript だから、
Node.js, jQuery, Lodash も必須!

0329Name_Not_Found2019/06/23(日) 17:29:20.66ID:Zv0TKkDf
昨日のじじぃです。みなさんありがとうございます。感謝です。ちょっと試してみます。

0330Name_Not_Found2019/07/16(火) 19:53:45.31ID:ZHmuKmI7
firefoxのポップアップのhtmlなんですが、これだとクリックしたときにアラートが出ません
何か特別な操作が必要なのだとしたら教えてください
情報が少なくてよくわからないです
なおこのhtmlのページを開いてクリックするとポップアップは表示サれます
https://ideone.com/dRKthv

0331Name_Not_Found2019/07/17(水) 11:13:09.31ID:???
>>330
> firefoxのポップアップのhtml

ポップアップ先のURL含めてサンプルたのむ
window.open() 以外使ってるなら、それ含めて


私があほなだけかも知れないが
どんなライブラリ使ってるか読み取れず
その点も頼む

0332Name_Not_Found2019/07/24(水) 01:16:14.67ID:???
はじめまして
このスレッドではwedpackについて質問してもよろしいのでしょうか?

0333Name_Not_Found2019/07/24(水) 04:05:32.31ID:???
いいんじゃない
内容によってはプログラム板のNodejsスレが適してるかもしれんけど

0334Name_Not_Found2019/07/30(火) 07:58:00.82ID:???

0335Name_Not_Found2019/08/06(火) 00:43:56.10ID:wwwvKb+V
Ruby on Rails 6 では、GitHub 中心で、
複数データベース(レプリカ)接続の大規模サービスなど、別次元へ行ってしまった!

モジュールバンドラーも、Webpack になりました!

0336Name_Not_Found2020/11/04(水) 11:48:29.02ID:???
アカウントを教えずに、サンプルプログラムをお互いに示し合いが出来るサイトってどこだったっけ?

CodepenはURLにアカウント名が入るんだが

0337Name_Not_Found2020/11/16(月) 13:22:18.80ID:???
MathJax ver3の質問

http://docs.mathjax.org/en/latest/input/tex/macros.html#tex-macros
に書いてある通りにやっても\RRがでないんだが、成功した人はサンプルを貼って欲しいんだが

0338Name_Not_Found2020/11/16(月) 13:22:52.77ID:???
https://codepen.io/infologicmation/pen/gOMKdzy
↑これが上手く行かない

0339Name_Not_Found2022/03/03(木) 20:44:31.40ID:FU1IYJw+
拠ない事情でフロントエンドを作ってるんだけど
<a><img></a>でaにaddEventListener(‘click’)したのに、飛んできたイベントのtargetプロパティがimgになってる
aを探して遡るのはなんか負けの気がする

aにイベント飛ばさせるテクはありますか?

0340Name_Not_Found2022/03/03(木) 20:45:47.70ID:FU1IYJw+
↑スレ間違えたので無視してオクレ

0341Name_Not_Found2022/03/10(木) 20:38:54.64ID:mzFKVDug
Threejs触り始めたけどimportとかmoduleとかよくわからなくて2時間かけてなにも表示できなくて笑った

0342Name_Not_Found2022/03/10(木) 22:15:33.88ID:???
「js import module」で検索すれば?

開発環境も例えば、Ruby on Rails では、
VSCode, Node.js, Webpack/Babel, jQuery, Lo-dash なども使う

Node.js をインストールしたら、パッケージマネージャーのnpm も付いている。
パッケージマネージャーのyarn は、
npm でインストールするのではなくて、OS に直接インストールする

コマンドプロンプトで、

where node
C:\Program Files\nodejs\node.exe

where npm
C:\Program Files\nodejs\npm
C:\Program Files\nodejs\npm.cmd

where yarn
C:\Program Files (x86)\Yarn\bin\yarn
C:\Program Files (x86)\Yarn\bin\yarn.cmd
C:\Program Files (x86)\Yarn\bin\yarn.js

0343Name_Not_Found2022/03/10(木) 22:59:17.85ID:mzFKVDug
図形描画したり普通に動かす分には他のプラグインと同じように読み込むだけで簡単にできるんだけど、テキスト表示とかしようとすると途端にダメになったわ
色々作法があるんだね

>>342
そういう方法をとらないと使えないんだったら仕方がないけど、最寄りのコンビニ行くのに自家用ジェット手配するような不条理感があるな…
もう少し勉強してみます

03443422022/03/11(金) 02:20:48.17ID:???
VSCode, Node.js などの開発環境が整っていないと、
入力補完・デバッグ・自動テストなどが無いから、
時間が掛かって、低品質になる

まず、プロジェクトの作り方・自動テストなどから始めないと、製品は作れない

例えば、Ruby on Rails プロジェクトのひな形なら、
https://github.com/abhaynikam/boring_generators

Tailwind, Bootstrap, jQuery,
AWS などのクラウド、
CI/CD のCircleCI, GitHub Actions,
Omniauth 認証で、Facebook, GitHub, Google, Twitter,
Stripe 決済とか、

プロジェクトを作る際の面倒くさい作業をしてくれる、
ひな形を作っている人もいる

ここで自分が使う機能を選んで、ひな形を作って、
それに沿ってコーディングをする

0345Name_Not_Found2023/06/25(日) 01:14:36.87ID:???
ウム(メ▼▼)y-i_(・o・ ;)オヤブンドウゾ!!

0346Name_Not_Found2023/07/29(土) 16:35:12.28ID:0UFjihmu
kindlefireの標準のweb閲覧ソフトだとjQuery使えないみたいですね
GoogleのライブラリみたいだからAmazonじゃ使えないのも当然ですが

0347Name_Not_Found2023/07/30(日) 05:36:39.33ID:???
jQuery のCDN は、jQuery, Google, Microsoft の3つある

0348Name_Not_Found2023/07/30(日) 12:06:07.41ID:u6IEh2TC
>>346
すいません
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js";></script>
のhttpをhttpsにするの忘れてました
そのせいで使えなかっただけでした

0349Name_Not_Found2023/07/30(日) 13:56:04.39ID:???
>>348
本題ではないが、jQueryはGoogleのライブラリではないから認識を改めた方がいい
https://jquery.com/

0350Name_Not_Found2023/09/25(月) 20:03:50.90ID:???
現在、表の各セルをツールチップ表示しています。拡大鏡のようなイメージです。

表の各セルにテキスト、それと同じテキストをtitle属性に、…(a)
そのtitle属性をツールチップ表示しています。
ツールチップ表示はjQuery UIを使用しています。…(b)

$('table').find('td').tooltip(); …(b)
$('table').find('td:nth-of-type(i)).text(str).attr('title', str); …(a)

tooltip()はtitleをツールチップ表示する仕様です。
省略していますがnth-of-type(i)はループして各セルに代入しているとみてください。
各セルの内容は動的に変わります。よってonを使用しています。
CSSだけで「content: attr(title);」の方法もありますが機能性の理由でUIを使用しています。

この方法だとソースに同じ内容(テキスト)が2重になってしまいます。
data()を使うにも2重には変わりありません。

セル変更の都度titleに書き込まずにユーザーが読むときだけtitleに書き込んでもいいのですが根本解決にはなりません。

$('table').on('mouseover', 'td', function(){
$(this).attr('title', $(this).text());
});

属性に書き込まずにtext()で取得した内容をツールチップ表示する方法はないでしょうか?
できればUI使用、最悪CSSだけでもけっこうです。
よろしくお願いします。

新着レスの表示
レスを投稿する