JavaScript ライブラリ総合質問所 vol.5 [無断転載禁止]©2ch.net
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
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だけでもけっこうです。
よろしくお願いします。