JavaScript ライブラリ総合質問所 vol.5 [無断転載禁止]©2ch.net
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/ 更に言うならば、この撤退してリポジトリの中身がすっからかんの
空っぽになってしまった、これこそが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 CancelTokenはなぜ仕様の内容が
削除されてしまったのか?
削除されたのにリポジトリを残してるのは
単なるあてつけだとかるが
ではなぜ
CancelTokenはなぜ仕様の内容が
削除されてしまったのか? 👀
Rock54: Caution(BBR-MD5:0be15ced7fbdb9fdb4d0ce1929c1b82f) >>296
> そして今CancelTokenは奴に否定されたのに残ったのかを考えた方が良い
残ってないよ。
リポジトリの中身は削除されてる すまん、完全に俺の言い方が悪い
元をたどれば>>284で
CancelToken『型の用に仕組みが分離してあるもの』
と書いたように、俺はCancelTokenそれだけに拘って考えて言っていたのではない
例えば俺がstage0だなんだ言ったのはCancellation APIを意識してたから
そこんところごっちゃにしてたのは本当に謝る
CancelTokenが消えたのは、結局CancelablePromiseが否定されたのを、
じゃあcancel状態の代わりにelse状態を持ってればいいだろというように
結局皮が剥け切れて無かったから、そこを奴に付かれた
だから逆に言うと、「分離」してある形になるのはより確実になってきたと言える
俺が言いたいのはそこ いや、そんな言い訳はいらんわ。
今も生きてる仕様がどこに書いてあるかを言えばいい どうせ罵詈雑言に言われると思ったから暫く見れないでいたんだが、お前ら意外と優しいのな
俺が言ってたのはこれ
https://github.com/tc39/proposal-cancellation HPで友達が稼げるようになった情報とか
⇒ http://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
KH0BV0X79E ☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆ 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
NHNSG incsearch.jsについて質問です。
データ内に、リンクなどのHTMLタグを書いた場合、
検索結果にも、そのタグや属性値などが出力されてしまいますが、
これを出力させずに、検索結果として得るにはどうすればいいでしょうか?
例えば、下記サイトの
ttps://hiromi-ayase.github.io/AnimeDB/
で「http」と入力すると、検索結果に
『http://mediaarts-db.jp/an/anime_series/xxxxx">link』
などと出力され、リンクが機能しなります。
これをリンクが機能する『link』として表示したいです。 大きさが異なる画像のスライダーのスクリプトを探しています。
サムネイルをスワイプするとスライドする MathJaxについて質問です
サードパーティーによる拡張機能を追加する時は、どういう記法がいいんですか? >>317
そのサードパーティー拡張機能のドキュメントを読む
至極、当たり前のこと https://codepen.io/infologicmation/pen/LMzazJ
一番右側の矢印(2本)の付け根の位置が悪いです
もっと綺麗な位置に置きたいのですがどう調整すればいいのでしょうか 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 <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 と言うのだっけ? あと、npmモジュールはJavaScriptファイルをビルドして
1ファイル(ないし少数のファイル)に結合して使うもんだろ。
直接scriptで読み込むなよ 5chもJavaScriptも初心者のじじぃなのですが、教えていただけませんか?
https://developers.google.com/search/docs/guides/lazy-loading
↑このページの実装までは済んだのでテストをしたいのですけど
何をどうしたらいいのかさっぱりです。
Puppeteerでテストするとかいうのでググったら
https://qiita.com/kanoe/items/9043a81d28a1b733b2e2
このページの説明でなんとなく理解できたのですが、途中にある
-------------
Node.jsが動く環境が必要です。
$ npm i puppeteer
-------------
とか、手順がよく理解できていません。
エディターみたいなものが必要になるのでしょうか?
宜しくおねがいします。 JavaScript実行環境のNode.jsをインストールしてからコマンドからパッケージマネージャーのnpmを使ってpuppeteerを導入しろってことだよ
その段階なら手動でブラウザ使って確認すればいいんちゃう まず、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 など
プログラム板に、スレもある 漏れは、ブラウザの自動操作・スクレイピングには、
Ruby で、selenium-webdriver, nokogiri を使ってる
Chrome で、ヘッドレスモードも出来る
まあ、Rubyでも、GUI は、HTML, SASS/CSS, JavaScript だから、
Node.js, jQuery, Lodash も必須! 昨日のじじぃです。みなさんありがとうございます。感謝です。ちょっと試してみます。 firefoxのポップアップのhtmlなんですが、これだとクリックしたときにアラートが出ません
何か特別な操作が必要なのだとしたら教えてください
情報が少なくてよくわからないです
なおこのhtmlのページを開いてクリックするとポップアップは表示サれます
https://ideone.com/dRKthv >>330
> firefoxのポップアップのhtml
ポップアップ先のURL含めてサンプルたのむ
window.open() 以外使ってるなら、それ含めて
私があほなだけかも知れないが
どんなライブラリ使ってるか読み取れず
その点も頼む はじめまして
このスレッドではwedpackについて質問してもよろしいのでしょうか? いいんじゃない
内容によってはプログラム板のNodejsスレが適してるかもしれんけど Ruby on Rails 6 では、GitHub 中心で、
複数データベース(レプリカ)接続の大規模サービスなど、別次元へ行ってしまった!
モジュールバンドラーも、Webpack になりました! アカウントを教えずに、サンプルプログラムをお互いに示し合いが出来るサイトってどこだったっけ?
CodepenはURLにアカウント名が入るんだが 拠ない事情でフロントエンドを作ってるんだけど
<a><img></a>でaにaddEventListener(‘click’)したのに、飛んできたイベントのtargetプロパティがimgになってる
aを探して遡るのはなんか負けの気がする
aにイベント飛ばさせるテクはありますか? Threejs触り始めたけどimportとかmoduleとかよくわからなくて2時間かけてなにも表示できなくて笑った 「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 図形描画したり普通に動かす分には他のプラグインと同じように読み込むだけで簡単にできるんだけど、テキスト表示とかしようとすると途端にダメになったわ
色々作法があるんだね
>>342
そういう方法をとらないと使えないんだったら仕方がないけど、最寄りのコンビニ行くのに自家用ジェット手配するような不条理感があるな…
もう少し勉強してみます 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 決済とか、
プロジェクトを作る際の面倒くさい作業をしてくれる、
ひな形を作っている人もいる
ここで自分が使う機能を選んで、ひな形を作って、
それに沿ってコーディングをする ウム(メ▼▼)y-i_(・o・ ;)オヤブンドウゾ!! kindlefireの標準のweb閲覧ソフトだとjQuery使えないみたいですね
GoogleのライブラリみたいだからAmazonじゃ使えないのも当然ですが jQuery のCDN は、jQuery, Google, Microsoft の3つある >>348
本題ではないが、jQueryはGoogleのライブラリではないから認識を改めた方がいい
https://jquery.com/ 現在、表の各セルをツールチップ表示しています。拡大鏡のようなイメージです。
表の各セルにテキスト、それと同じテキストを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だけでもけっこうです。
よろしくお願いします。