Name_Not_Found<>sage<>2020/05/02(土) 10:59:35.08 ID:???.net<> JavaScript を自ら学ぶ人のための質問スレッドです。
次スレは>>950が(本スレで改善案があれば考慮して)立ててください
■規則/推奨ルール
質問者は !slip:vvvvv を名前欄に、その後は「レス番」＋!slip:vvvvv
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問テンプレートの利用推奨。
・質問への「答え」から解離した議論はよそでやること。
■禁止行為
・丸投げ質問
・迷惑スクリプトの質問
・オレオレ用語の使用(一般的な用語を使用する事)
・煽り、批判等の他人を不快にさせる行為
■質問テンプレート
【環境】ブラウザをバージョンと共に記入してください。
【条件】期待する回答の条件を書いてください。
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/
■回答者へ
・回答には多様性があります。他人の回答を尊重してください
・動作ブラウザや環境が限られる場合は、それを明記してください
・他人の回答を批判する代わりに、自分ならこう書くという例を示してください
・質問者がJavaScriptでなければ実現できないと勘違いしてるなら、その否定としてHTMLとCSSで実装しても良い
・他人の回答を見たくないのであれば、文句をつける代わりにNGにして見えないようにしてください。文句をつける＝荒らしです
■前スレ
+ JavaScript の質問用スレッド vol.143 +
https://mevius.5ch.net/test/read.cgi/hp/1577357404/ <>+ JavaScript の質問用スレッド vol.144 +
Name_Not_Found<>sage<>2020/05/02(土) 11:01:09.33 ID:???.net<> ■FAQ
◆開発者ツール(Developer Tools)の基本的な使い方
▼諸注意
- 本説明では Google Chrome の開発者ツールの名称に従います。他ブラウザで使う場合は適宜読み替えて下さい。
- Safari はデフォルトで開発者ツールが無効な為、有効に設定する必要があります。
https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html
▼要素を検証
1. ページ上で右クリックして [要素を検証]
2. [Elements] パネルが開き、対象のDOMノードが選択される(選択対象が目的の要素でなければ [Elements] パネル上で選択し直す)
3. 右側のサイドバーから知りたいステータス名のタブを選択する
- [Styles] タブ … CSSプロパティの指定値を表示 (※カスケードによって上書きされたプロパティは取り消し線で表示される)
- [Computed] タブ … CSSプロパティの算出値を表示("font-size: 1em" を指定していても算出後の "*px" で表示される)
- [Properties] タブ … 選択したDOMノードのプロパティを表示
▼コンソール
1. JavaScript コード上で console.log('Hello, World!'); と入力
2. [Ctrl] + [Shift] + [I] キー(IE は [F12])で開発者ツールを開き、[Console] パネルを開く
3. [Console] パネルに "Hello, World!" と表示される
(※window.alert() は String 型に変換されますが、console.log() は Object 型の中身をそのまま表示してくれます。) <>
Name_Not_Found<>sage<>2020/05/02(土) 11:08:30.47 ID:???.net<> ■各種仕様 ・解説サイト
◆ MDN (HTML・CSS・JS・各種Web APIのリファレンスサイト)
https://developer.mozilla.org/ja/docs
◆ WHATWG（代表的なWeb APIの仕様書）
https://spec.whatwg.org/
◆ ECMAScript（JSの仕様書）
https://tc39.es/ecma262/
■その他
■テンプレ案
http://fiddle.jshell.net/fH4cC/180/show/light/
■FAQ
http://fiddle.jshell.net/vSqKr/44/show/light/ <>
Name_Not_Found<><>2020/05/02(土) 11:11:16.38 ID:ocb4X3aL.net<> 以上、テンプレを一度ブラッシュアップしてみましたので
本当に必要な物があれば次スレから追加していってください
ただ、読まれることはほとんど無いと思いますし
せいぜい３レス程度にした方が良いと思います <>
Name_Not_Found<>sage<>2020/05/02(土) 13:18:57.76 ID:???.net<> >>1乙です
もう書き込んで良い？ <>
Name_Not_Found<>sage<>2020/05/02(土) 13:23:51.28 ID:???.net<> どうぞ <>
Name_Not_Found<>sage<>2020/05/02(土) 14:22:04 ID:???.net<> ありがとう、質問させてください。
またElectronの質問なんですが、メインプロセスとレンダープロセスが有るじゃないですか
メインプロセスでDOMを作ってレンダープロセスで表示させたいのだけど
何故か引き渡したDOMが認識されなくて現状レンダープロセスでしかDOMを弄ることが出来ません
DOM自体もHTMLの特定部分に差し込むとか出来なくて全部置き換える場合しか表示できていません
render_preload.js -------------------------------------------------------------
const { ipcRenderer } = require('electron');
window.addEventListener('load', async ()=> {
const data = await ipcRenderer.invoke('invoke', 'invoke ping');
document.write(data);
});
main.js ------------------------------------------------------------------------
const { ipcMain } = require('electron');
const { DOMParser } = require('xmldom');
ipcMain.handle('invoke', async (event, message) => {
// 実際はクラスに書かれています
let dom = new DOMParser().parseFromString('<!DOCTYPE html>', 'text/html');
// 適当な操作
return dom;
});
こんな感じです。DOM操作のヒントを頂ければ有り難いです
それとXMLのDOMって作る必要とかありますか？ <>
Name_Not_Found<>sage<>2020/05/02(土) 14:31:30 ID:???.net<> letとかコンストとか無かった時代って不便だった？ <>
Name_Not_Found<>sage<>2020/05/02(土) 14:45:06 ID:???.net<> 常識で考えたらスレッドが違うんだから、渡せるのはプリミティブ型と
素朴な要素でなる素朴なオブジェクトと、一部なトランスファラブルなオブジェクトだけじゃないの
DOMオブジェクトを引き渡そうとか考え方に無理があると思うよ <>
Name_Not_Found<>sage<>2020/05/02(土) 14:52:40.95 ID:???.net<> >>7
DOMはレンダ―プロセスでやれ
document.write使うなし <>
Name_Not_Found<>sage<>2020/05/02(土) 15:25:12 ID:???.net<> >>8
別に <>
Name_Not_Found<>sage<>2020/05/02(土) 15:49:19 ID:???.net<> >>8
for-letとswitchの節にブロック書いてスコープ区切れるのは便利になった <>
Name_Not_Found<>sage<>2020/05/02(土) 17:10:54.31 ID:???.net<> ■各種仕様 (続き)
◆ Document Object Model (DOM) / CSS Object Model (CSSOM)
http://www.hcn.zaq.ne.jp/___/WEB/DOM4-ja.html (DOM Standard (DOM4) 和訳)
http://www.w3.org/TR/DOM-Level-3-Events/ (DOM3 Events)
http://www.w3.org/TR/uievents/ (UI Events)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-ja.html (CSSOM 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html (CSSOM View Module 和訳)
◆ その他のWeb関連仕様
http://domparsing.spec.whatwg.org/ (DOM Parsing and Serialization - innerHTML等)
http://www.hcn.zaq.ne.jp/___/WEB/XHR-ja.html (XMLHttpRequest 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/File_API-ja.html (File API 和訳)
http://www.whatwg.org/specs/ (WHATWGの仕様一覧)
◆ MDN (Netscape/Mozilla)
https://developer.mozilla.org/ja/docs
◆ MSDN Library
https://msdn.microsoft.com/en-us/library/ie/hh828809 (Internet Explorer API)
http://msdn.microsoft.com/ja-jp/library/yek4tbz0.aspx (JavaScript)
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx (JScript)
http://msdn.microsoft.com/ja-jp/library/cc409712.aspx (DHTML)
◆ JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
◆ JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
■テンプレ案
http://fiddle.jshell.net/fH4cC/180/show/light/
■FAQ
http://fiddle.jshell.net/vSqKr/44/show/light/ <>
Name_Not_Found<>sage<>2020/05/02(土) 17:11:10.05 ID:???.net<> ■参考URL
ダウンロード、CDN
http://jquery.com/download/
ブラウザサポート
http://jquery.com/browser-support/
jQuery UI
http://jqueryui.com/
jQuery UI ダウンロ−ド
http://jqueryui.com/download/
リファレンス等
http://alphasis.info/
http://www.jquerystudy.info/
http://js.studio-kingdom.com/
【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita
http://qiita.com/fmy/items/345a264a1cf2e2a73f62 <>
Name_Not_Found<>sage<>2020/05/02(土) 17:11:25.65 ID:???.net<> ■FAQ(続き)
◆JavaScriptの実行速度
JavaScriptの速度は「ブラウザ名」「ブラウザのバージョン」「PCスペック」に依存します(ブラウザのバージョン毎に最適化具合が異なります)。
速度の疑問解消の為に http://jsperf.com/ （githubのアカウントが必要です）にコードをUPしてブラウザ毎に速度計測する事を推奨します。
例外として、仕様における理論上の速度が明確になっている場合があります。
例えば、正規表現によるマッチング処理を考えた場合、「RegExp#test > RegExp#exec > String#match」は ES5 仕様で保証（要出典）されています。
ES5 仕様において RegExp#test が最も処理数が少なく、String#match が最も処理数が多いことが明確だからです。
ブラウザによっては RegExp#test の最適化が十分でなく、String#match の最適化が RegExp#test より十分であれば逆転する可能性はありますが、各メソッドの最適化が一律であればこの前提が崩れる事はありません。
■各種仕様
◆ Standard ECMA-262
http://bclary.com/2004/11/07/ (ECMAScript 3 HTML版)
http://www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/ (ECMAScript 3 和訳)
http://www.ecma-international.org/ecma-262/5.1/ (ECMAScript 5.1 HTML版)
http://tsofthome.appspot.com/ecmascript.html (ECMAScript 5.1 和訳)
http://www.ecma-international.org/ecma-262/6.0/ (ECMAScript 6 / ECMAScript 2015)
http://kangax.github.io/compat-table/es5/ (ECMAScript 5 compatibility table)
http://kangax.github.io/compat-table/es6/ (ECMAScript 6 compatibility table)
◆ HTML Standard (HTML5)
http://www.whatwg.org/specs/web-apps/current-work/multipage/
http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html (HTML5.1 部分訳)
http://www.hcn.zaq.ne.jp/___/WEB/WebStorage-ja.html (Web Storage 和訳) <>
Name_Not_Found<>sage<>2020/05/02(土) 17:11:41.58 ID:???.net<> ■JavaScript主要ライブラリ・フレームワーク
jQuery
http://jquery.com/
jQuery UI
http://jqueryui.com/
jQuery Mobile
http://jquerymobile.com/
Lo-Dash
https://lodash.com/
Backbone.js
http://backbonejs.org/
Underscore.js
http://underscorejs.org/
AngularJS
https://angularjs.org/
Knockoutjs
http://knockoutjs.com/
RequireJS
http://requirejs.org/
D3.js
http://d3js.org/
threejs
http://threejs.org/ <>
Name_Not_Found<>sage<>2020/05/02(土) 17:11:57.43 ID:???.net<> Q. jQueryはどのバージョンを使えばいいのですか？
A. IE9以上であれば、jQuery 3.0を使用してください。
IE8以下にも対応するならば、jQuery 1.12を使用してください。
補足
jQuery 1.9 までは一系統しかなく、古いブラウザも含めて全て対応していました。
その後、古いブラウザを切り捨てるためにバージョンを分岐させました。
古いブラウザにも対応した1系（1.10、1.11、12）と
古いブラウザを切り捨てた2系（2.0, 2.1, 2.2）です。
1系と2系は対応ブラウザの違いだけで機能は全く一緒です。
機能が同じなのにメジャーバージョンが違っているのが分かりにくい
ということでバージョン番号の付け方を変えることになり、
新たに古いブラウザを切り捨てたjQuery 3.0、そして古いブラウザにも対応した
jQuery Compat 3.0がリリースされる予定でした。
しかしマイクロソフトが古いIEのサポートポリシーを変更し
サポート中であるOSで動く、最新のIEしかサポートしなくなったために、
2016年1月でVista上のIE8のサポートが終了しました。
そのため予定されていたjQuery Compat 3.0がなくなり、
jQueryは3.0に一本化されました。 <>
Name_Not_Found<>sage<>2020/05/02(土) 17:12:58.95 ID:???.net<> 各JavaScriptライブラリ使用率
https://w3techs.com/technologies/history_overview/javascript_library/all/y
https://w3techs.com/technologies/history_overview/javascript_library/ms/y <>
Name_Not_Found<>sage<>2020/05/02(土) 17:20:01.03 ID:???.net<> 適当なリンク集を載せるのはやめようぜ
いくつものリンクが切れてたりするし、勧める本人も確認してないリンクなんていらんだろ
現UIイベントのいろんなバージョンを載せてるのも意味がわからないし
MDNにリダイレクトされるMSDNを載せるのも意味がわからない
それにJavaScript Gardenとかここに来るやつに勧めて大丈夫か？
今となってはJSを歴史的にもES3の段階から学びたいと思うような奴でないと
レガシーすぎてむしろ害になるだろう <>
Name_Not_Found<>sage<>2020/05/02(土) 17:24:11.59 ID:???.net<> 続き
>>15
・出典もないし現実に即してない蛇足は要らん
・リンクが切れてる＆古すぎる
>>16
ただ羅列して何の意味がある？
簡単な説明くらいつけろ
>>17
いい加減不要 <>
Name_Not_Found<>sage<>2020/05/02(土) 20:22:23 ID:???.net<> 以前Vueについて質問した者ですが、また初歩的な質問ですみません
たとえば「Welcome」というテキストをポンと表示させるのを
ネイティブだとcreateElement(‘p’)、document.appendChildといった流れで簡単にできるのですが
これをVueでやるのってもしかして難しいことですか？ <>
Name_Not_Found<>sage<>2020/05/02(土) 20:28:26 ID:???.net<> はい。
jQueryだと $('<p/>', {text: "Welcome"}).appendTo('#id') という
一行で出来ることもVue では難しいです。 <>
Name_Not_Found<>sage<>2020/05/02(土) 20:57:34 ID:???.net<> いやいや、テキストをポンと表示させると言っても
現実的に考えればどっかのテキストを置き換えるだけではなくて
アニメーションだとか最低でもCSSとの絡みを考えないと行けないし
状態の変化と関連してる場合も多いだろうから実際には１行と言うわけにはいかないし
そういう全体の構造を大きな目で見て整えるのがフレームワークの役目でしょ <>
Name_Not_Found<>sage<>2020/05/02(土) 21:45:24 ID:???.net<> 言い訳はいいから、さっさと実装書けよ <>
Name_Not_Found<>sage<>2020/05/02(土) 21:55:48 ID:???.net<> テンプレートじゃあかんのか？ <>
Name_Not_Found<>sage<>2020/05/02(土) 22:06:45 ID:???.net<> まず質問する前にちょっとはググって基本的な使い方くらい調べてみたらいいんじゃないか？
https://qiita.com/runes224/items/1372be0cbb5eeef1b51a#vue%E3%81%AE%E5%9F%BA%E6%9C%AC <>
Name_Not_Found<>sage<>2020/05/02(土) 22:08:24 ID:???.net<> つうかテンプレートはVueの基本中の基本なのに
以前質問してから今まで何を学んできたんだい？ <>
Name_Not_Found<>sage<>2020/05/02(土) 22:10:52 ID:???.net<> エア質問者だから何も学んでないよ <>
Name_Not_Found<>sage<>2020/05/02(土) 22:11:53 ID:???.net<> レス進んでますが私は>>21以降書き込んでないので勘違いはやめてほしいです
みなさんが当たり前と思ってることが自分の中では当たり前じゃないので
皆さんの何気ないレスポンスも非常に刺激になってます。ありがとう <>
Name_Not_Found<>sage<>2020/05/02(土) 22:16:18 ID:???.net<> >>21です。皆さん私の時間を何だと思ってるの？w
皆さんほど私は暇じゃないんで…テンプレート？とか調べる時間ないでしょw
分かったらさっさとVuuでテキスト表示させるコード貼ってろ無能ども <>
Name_Not_Found<>sage<>2020/05/02(土) 22:22:16.80 ID:???.net<> そういうのはVueよりもReactの方が得意としている
Vueは簡素化し過ぎてて基本的なことをやるのに手間がかかるよ <>
Name_Not_Found<>sage<>2020/05/02(土) 22:26:44.07 ID:???.net<> Vueはよう知らんけどappendchild(text.$el)みたいな構文は少し検索すりゃ出てくるぞ <>
Name_Not_Found<>sage<>2020/05/02(土) 22:30:07.59 ID:???.net<> >>32
もしそんな事が書かれてる記事があったら執筆者はエアプとしか言いようがない
どのサイトよ？ <>
Name_Not_Found<>sage<>2020/05/02(土) 22:36:30 ID:???.net<> >>33
https://qiita.com/hosomichi/items/3faf74b7141081731a75
＞インスタンス生成時のelオプションを省略するとデフォルトでは空のdiv要素がel要素として生成されます。 <>
Name_Not_Found<>sage<>2020/05/02(土) 22:38:33 ID:???.net<> あとjQuery使う方法もでてくる
https://qiita.com/s_yasunaga/items/05e56fad4631f7bc7fe9 <>
Name_Not_Found<>sage<>2020/05/02(土) 22:40:43 ID:???.net<> >>30
お前ただのVueアンチだろ <>
Name_Not_Found<>sage<>2020/05/02(土) 22:42:14 ID:???.net<> >>34-35
マジで頭痛くなるようなポンコツ記事だな
運良く動いてるだけ <>
Name_Not_Found<>sage<>2020/05/02(土) 22:43:02 ID:???.net<> 伸びてると思ったらVueか
だからReactにしとけと <>
Name_Not_Found<>sage<>2020/05/02(土) 22:45:24 ID:???.net<> >>31
？？？ <>
Name_Not_Found<>sage<>2020/05/02(土) 22:49:03 ID:???.net<> >>39
？ <>
Name_Not_Found<>sage<>2020/05/02(土) 22:51:50 ID:???.net<> >>37
言うほどかね
jQueryと組み合わせるのは理に適ってると思うが <>
Name_Not_Found<>sage<>2020/05/02(土) 23:07:00 ID:???.net<> jQueryだとこれだけ $('<p/>', {text: "Welcome"}).appendTo('#id')
それと同等のコードを出すだけで、このように荒れるわけですｗ <>
Name_Not_Found<>sage<>2020/05/02(土) 23:16:33.43 ID:???.net<> >>21→>>22のレスポンスの速さからして最初からVueをバカにするための目的のマッチポンプでしかないわ。
こんなことでしかReactを持ち上げることができないのか <>
Name_Not_Found<>sage<>2020/05/02(土) 23:34:24.34 ID:???.net<> >>43
>>21ですが、本当に自分は関係ないです。そうとしか言えません、すみません <>
Name_Not_Found<>sage<>2020/05/02(土) 23:38:45.40 ID:???.net<> >>43
いやさ、Vueがバカにされてる！悔しい！って書き込みじゃなくて
なんでVueの良さを伝える書き込みをしないの？ <>
Name_Not_Found<>sage<>2020/05/02(土) 23:39:09.03 ID:???.net<> JQNが素のDOM APIと戦うのは分が悪いと判断して矛先を変えてきたか
こりゃ面白くなりそうだ <>
Name_Not_Found<>sage<>2020/05/02(土) 23:40:38.04 ID:???.net<> >>45
ここは自ら学ぶためのスレ
コード制作依頼板でも無ければ
推しメン紹介板でも無い
勘違いするな <>
Name_Not_Found<>sage<>2020/05/02(土) 23:43:47.61 ID:???.net<> >>44
謝らなくていいから君は基本くらい勉強してきなよ
赤ちゃんじゃないんだからさ
君が隙だらけのレスをするから悪意のある第三者だか裏の人格だかに良いようにされるんでしょ <>
Name_Not_Found<>sage<>2020/05/02(土) 23:53:51.69 ID:???.net<> >>48
ありがとうございます！
Vueでやるにはテンプレートが必要なのは分かりました
<body></body>の何もない所にポンと表示させるのは難しいということでしょうか
なるべくHTMLを触りたくないもので、すみません <>
Name_Not_Found<>sage<>2020/05/02(土) 23:56:56.21 ID:???.net<> なるべくHTMLを触りたくないのならフルCanvasでやればいいよ
何もない所、どこでも好きな位置にポンと表示させられるから <>
Name_Not_Found<>sage<>2020/05/02(土) 23:57:43.82 ID:???.net<> いくらidが無いスレとは言え勘違いしたなら一言詫びを入れるのが常識。 <>
Name_Not_Found<>sage<>2020/05/03(日) 00:01:00.71 ID:???.net<> 分かったから、主人格に変わろうな <>
Name_Not_Found<>sage<>2020/05/03(日) 00:01:19.50 ID:???.net<> なんか噛み合ってないスレだな <>
Name_Not_Found<>sage<>2020/05/03(日) 00:03:26.04 ID:???.net<> 大前提としていくらGWとは言えこんな時間にここでお間抜けな質問と解答をしてる奴らは皆まともじゃない <>
Name_Not_Found<>sage<>2020/05/03(日) 00:09:20.55 ID:???.net<> ついに糖質まで現れる始末 <>
Name_Not_Found<>sage<>2020/05/03(日) 00:11:15.23 ID:???.net<> 一人芝居を披露してくれるのはスレが活気づくからいいんだけど
質問はショボいし煽りもセンスないからクオリティをもうちょっと上げて欲しい
賢いんでしょ？頑張りなよ <>
Name_Not_Found<>sage<>2020/05/03(日) 00:28:15.57 ID:???.net<> 何をイライラしてるの <>
Name_Not_Found<>sage<>2020/05/03(日) 00:30:34.38 ID:???.net<> いやあこの手の人は割とネタ抜きに自分以外が同一人物だと思ってるらしいからなぁ <>
Name_Not_Found<>sage<>2020/05/03(日) 00:35:10.08 ID:???.net<> ・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問への「答え」から解離した議論はよそでやること。 <>
Name_Not_Found<>sage<>2020/05/03(日) 00:52:53.70 ID:???.net<> 端から見てるとjs開発者民度低いなあ
気に入らない質問はスルーするより煽るか説教するのに夢中になる傾向
まあ質問者も然りだが <>
Name_Not_Found<>sage<>2020/05/03(日) 01:04:10.36 ID:???.net<> たにぐちまことのYouTube 動画に、
jQuery, Vue.js, React もある
$el, $refs は一時的に、実DOM を更新するだけ。
仮想DOM に影響を与えないから、仮想DOM を更新すると取り消される <>
Name_Not_Found<>sage<>2020/05/03(日) 01:19:04.17 ID:???.net<> Object.observe()の頓挫がフレームワークを沼にしたんだよなぁ
はっきり言ってjavascriptの範疇で語るのが間違い <>
Name_Not_Found<>sage<>2020/05/03(日) 01:24:54.11 ID:???.net<> >>7
document.write は一旦、現存するすべてのDOM を削除してから、追加するものでは？ <>
Name_Not_Found<>sage<>2020/05/03(日) 02:11:48.85 ID:???.net<> vue.js って後からコンポーネントのロードとかできんの？
一通り日本語ドキュメント読んでみたんだけど出来なさそうなんだよなぁ。
例えばテンプレートのHTMLとかコンポーネントのソースは全部独立した別ファイルにしておいて、
あるボタンをクリックしたら必要なテンプレートとコンポーネントのファイルを読み込んで、
ノードもその時その時でDOMに追加してコンポーネントをインスタンス化するみたいな動き。
どうも new Vue({...}) ってやる前に必要なコンポーネントは使う使わないに関係なく全部読み込んでおかなきゃいけなくて、
コンポーネントの配置元になるバーチャルノードも最初から記述しておかないと機能しないっぽいんだけど、
俺の理解不足？
描画を100%JavaScriptに任せたくて、body タグは空の状態から始めたいんだけどいきなり躓いてる。。。
こういうのって vue.js じゃなくて Angular.js でやるべきなのかな？ <>
Name_Not_Found<>sage<>2020/05/03(日) 02:37:57 ID:???.net<> >>64
>>59 <>
Name_Not_Found<>sage<>2020/05/03(日) 02:52:18 ID:???.net<> JavaScriptのフレームワークって時点で休み時間に机にうっ伏して妄想してる根暗みたいなもんだから
それを話題にするせいで皆んなの心が荒むのも仕方ないし、海外のフォーラムでも同じ現象が起きてる <>
Name_Not_Found<>sage<>2020/05/03(日) 02:58:29 ID:???.net<> 例えが悪かったな
底辺なろう作家がワンピースのストーリーを「俺が考えた方が100倍面白い」って語るのと同じ <>
Name_Not_Found<>sage<>2020/05/03(日) 04:21:29 ID:???.net<> フレームワークがどうとかではなく、感覚的なイメージをgdgdと日本語で説明するだけの質問だから、明確な解が出てこないんだろ
この程度の質問なら、「そんなことはない」とか、抽象的な回答がお似合いだ <>
Name_Not_Found<>sage<>2020/05/03(日) 08:58:27.08 ID:???.net<> 描画関数なら、あるかも。
仮想DOM の知識がいる
is で、コンポーネントの切り替えとか、
v-if="show" で、破棄・生成とか、
keep-alive とか <>
Name_Not_Found<>sage<>2020/05/03(日) 10:35:41.09 ID:???.net<> >>68
なんか違う気がする <>
Name_Not_Found<>sage<>2020/05/03(日) 11:15:49.88 ID:???.net<> >>70
そういう感覚的なレスだよ <>
Name_Not_Found<>sage<>2020/05/03(日) 11:17:12.02 ID:???.net<> >>71
鏡見ろって話 <>
Name_Not_Found<>sage<>2020/05/03(日) 11:21:06.96 ID:???.net<> >>72
俺質問してない <>
Name_Not_Found<><>2020/05/03(日) 11:26:03.29 ID:/XpbGk78.net<> 「Vueでできるのか/できないのか」の質問なんだから「できない」で終わってんだろ <>
Name_Not_Found<>sage<>2020/05/03(日) 11:43:10 ID:???.net<> 自分が傷つくのが嫌なら悪態つかずに大人しくしとけってことだな <>
Name_Not_Found<>sage<>2020/05/03(日) 11:51:53 ID:???.net<> 脱フレームワーク <>
Name_Not_Found<>sage<>2020/05/03(日) 11:53:14 ID:???.net<> 抽象的に質問には抽象的な回答がつく
それだけ <>
Name_Not_Found<>sage<>2020/05/03(日) 11:55:50 ID:???.net<> それで終了だな
>>68もこれ以上暴れんなよ <>
Name_Not_Found<>sage<>2020/05/03(日) 12:00:04 ID:???.net<> >>78
まじで殺すぞ <>
Name_Not_Found<>sage<>2020/05/03(日) 12:45:51 ID:???.net<> >>62
今はproxyとasync関数があるから大丈夫でしょ
もともとO.oでもDOMの変化だったり内部スロットの変化は追えないのだから <>
Name_Not_Found<>sage<>2020/05/03(日) 12:47:44 ID:???.net<> >>64
ここはJSを自ら学ぶためのスレであって、
フレームワークの使い方を指導するスレではないから
そういった事は他所でやってくれ <>
Name_Not_Found<>sage<>2020/05/03(日) 13:18:19 ID:???.net<> Progateとドットインストールでjavascript関連を2ヶ月ほどやりました。
ドットインストールでは有料プランに入って以下のセクションを一通りこなしました。
Javascriptではじめるお手軽プログラミング
webサイトを作れるようになろう
Canvasを使ってみよう
よく見るUIを作ってみよう
そろそろドットインストールは卒業かなと思ってるんですが、
次はどういったことをやっていけば良いでしょうか？ <>
Name_Not_Found<>sage<>2020/05/03(日) 15:30:29.69 ID:???.net<> PHP - アウトプットのやり方を教えてください。｜teratail
https://teratail.com/questions/258409 <>
Name_Not_Found<>sage<>2020/05/03(日) 15:51:43.37 ID:???.net<> >>82
覚えたものを生かして作るだけなのに、何を迷っているんだか
やりもしないで「次は何をやればいいですか？」って完成するまで手取り足取り教えてくれる学校の先生を規定しているなら、多分、君には向いてない <>
Name_Not_Found<>sage<>2020/05/03(日) 20:02:20.76 ID:???.net<> 結局は>>77
これだけいわれても曖昧な質問を繰り返してる質問者には「お前が思うとおりにやれ」ぐらいしかいえない <>
Name_Not_Found<>sage<>2020/05/03(日) 21:42:54.99 ID:???.net<> >>82
１．MDNを隅々まで読む（必ず全ての項目に目は通すこと）
２．その最中重要そうな物は自分の手で試す
３．更に興味が湧いたものを他の人はどう使っているかをググって調べる
これを１０年間やる
その後ESやWHATWGの仕様書を読み込む
これで上級者 <>
Name_Not_Found<>sage<>2020/05/04(月) 01:43:23.37 ID:???.net<> 時間の掛かることを、やらない方がよい。
JavaScript を学んだら、フレームワーク・Ruby on Rails で、実際のweb アプリを作る
その過程で、AWS, Cloud9, Heroku, GitHub, CircleCI, Docker, Kubernetes,
Linux・シェルスクリプト・データベースなどの環境構築運用を学ぶ
HTML, CSS/SASS, JavaScript, jQuery, Bootstrap,
Node.js, Webpack, Babel, Vue.js, React, VSCode <>
Name_Not_Found<>sage<>2020/05/04(月) 02:25:09 ID:???.net<> 実際のweb アプリを作ることが最も時間がかかるというオチですか <>
87<>sage<>2020/05/04(月) 05:20:31 ID:???.net<> NM Max
Ruby on Rails の Tutorialやってみるよ宣言！
https://www.youtube.com/watch?v=PMPY2cFO5HY&list=PLAR5qAGp9riamoBOL2VgZi1JinKWni5Oo
この人は、ほぼ、Ruby を知らないのに、
Rails チュートリアルを読んで、そのすごさに感動して、Rails 5 の動画を作ったw
最近は、Rails 6 の動画も上げてる
Rubyの言語など、あまり知らない人でも、
Rails の動画を上げてしまえるのが、Rubyの面白い所w <>
Name_Not_Found<>sage<>2020/05/04(月) 05:22:56 ID:???.net<> 金になりそうだから動画作っただけやで <>
Name_Not_Found<>sage<>2020/05/04(月) 05:23:54 ID:???.net<> 7 回視聴 2019/05/15
ワロタ
うん金にはならんかったのねｗ <>
Name_Not_Found<>sage<>2020/05/04(月) 05:24:29 ID:???.net<> チャンネル登録者数 70人 って雑魚すぎやろｗ <>
Name_Not_Found<>sage<>2020/05/04(月) 06:55:22 ID:???.net<> jQueryのthisの使い方って、javascriptと同じなの？ <>
87<>sage<>2020/05/04(月) 07:09:33 ID:???.net<> たにぐちまこと・雑食系エンジニアのKENTA、
Ruby のJunichi Ito (伊藤淳一)
このあたりは、YouTube でも超一流 <>
Name_Not_Found<>sage<>2020/05/04(月) 08:44:09.18 ID:???.net<> >>93
同じとも言えるし違うとも言える
const $a = $('a');
$a.on('click', function() { ・・・ })
JavaScriptの常識からすると、イベントハンドラの中のthisは$aだと思うかもしれない
しかしjQueryではそうなっていない。thisは$aではなく一つのA要素になっている。
ただし違うからと言ってJavaScriptと違うとは言えない
JavaScriptは元々出来る仕様なので、何をしようとJavaScriptであると言える
とは言え一見JavaScriptと違うんだと思うなら
DOM APIのaddEventListenerの仕様を見てみればその理由がわかる
a.addEventListener('click', function() { ・・・ })
このときのイベントハンドラのthisはA要素になっている。
つまり、DOM APIのイベントハンドラと互換性を持たせるためにjQueryはそうしている
だからイベントハンドラから見れば同じということができる
つまりJavaScriptのデフォルトの挙動ではないが
デフォルトの挙動を変えることで、DOM APIのイベントハンドラと"同じ"にしている <>
Name_Not_Found<>sage<>2020/05/04(月) 09:10:43.89 ID:???.net<> JavaScriptはJavaScript、DOMはDOMでしょ
JavaScriptの中でのthisの一般的な使われ方はレシーバを指すこと
a.addEventListener('click', callback)のときはcallbackにとってはaはレシーバではないが、
形上それに近いので本来のJS的にはasync関数を考えればわかりやすいが
thisが与えられないのが自然だが変な気を利かせて与える仕様にされてるんでしょ
JavaScriptはJavaScript、DOMはDOM
それぞれで世界は違うし自然な振る舞いや常識間も少しずつ違う
混同しないようにしないとね <>
Name_Not_Found<>sage<>2020/05/04(月) 09:23:06.40 ID:???.net<> ラムダ式（アロー）のthis も、便利なように、構文スコープに変えてあるから、
that = this
みたいに、代入しておかなくても良い <>
Name_Not_Found<><>2020/05/04(月) 09:31:41.29 ID:1/4tf87T.net<> スマホのブラウザからtwitterのアプリを起動してtweetさせたいとき
window.open("http://twitter.com/intent/tweet?text=aaaa");
と書いた場合に、ブラウザのtwitterのタブが開いてしまうのですが
どのように対処したらいいのでしょうか？
(deleted an unsolicited ad) <>
Name_Not_Found<>sage<>2020/05/04(月) 10:25:45.71 ID:???.net<> 確かに、Edge では、アプリが勝手に開く、URL がある
知らない間に、アプリがインストールされている <>
Name_Not_Found<>sage<>2020/05/04(月) 11:38:21.85 ID:???.net<> シンプルにthisは「これ」ってことだろ。 <>
Name_Not_Found<>sage<>2020/05/04(月) 12:55:01.31 ID:???.net<> 浅はかすぎる <>
Name_Not_Found<>sage<>2020/05/04(月) 13:08:50.04 ID:???.net<> >>95
>JavaScriptの常識からすると、イベントハンドラの中のthisは$aだと思うかもしれない
いや、ハンドラのレシーバが$aなわけじゃないんだからそう思う人は少ないだろ。
jQueryが通常のイベントハンドラと同じ動作をするという結論はいいとして。 <>
Name_Not_Found<>sage<>2020/05/04(月) 14:41:55.97 ID:???.net<> 相変わらず、自己学習意欲のないいい加減な質問者ばかりだな
自ら学ぶスレの名が泣いてる <>
Name_Not_Found<>sage<>2020/05/04(月) 17:35:33 .net<> 回答者も学べばいいのに <>
Name_Not_Found<>sage<>2020/05/04(月) 17:49:02 ID:???.net<> 質問が抽象的でわからん！とか言う人一定数いるみたいだけど
アスペ的な人なのか、経験が浅くてエスパーできない人かじゃないの
大抵の質問は「あー、あのこと言ってるのね」ってわかると思うけど
回答して仮にそれで質問者に「そうじゃないんです」と言われたところで
客観的にみて知的活動に変わりなくスレにとってはプラスにしかならないでしょ。
それ以降質問者を責め立てるのは、間違ったことを恥ずかしいと思っていて
スレにとって何の得にもならない名誉挽回をしたいからだよな <>
Name_Not_Found<>sage<>2020/05/04(月) 19:00:32 ID:???.net<> >>105
ここは右も左も分からない初学者のオムツを替えてあげるスレでは無いから
自立した自ら学ぶ事ができる人がどうしても行き詰まったときに
具体的に質問してヒントを貰いに来る場所だから
そこんとこ勘違いしないように <>
Name_Not_Found<>sage<>2020/05/04(月) 22:45:08 ID:???.net<> >>105
質問者は努力放棄、回答者だけが努力するスレだと思ってるの？ <>
Name_Not_Found<>sage<>2020/05/04(月) 23:02:25 ID:???.net<> 別にエスパーしてあげる回答者がいてもいいし
こき下ろす回答者がいてもいいだろ
JSとはすなわち言語なのだから
赤ちゃんのときにどうやって日本語を覚えたのかを思い出せ
社畜もいれば言語学者様もいる
雑音も含めた様々な情報のシャワーを浴びることで
徐々に物事の特徴量を抽出して分かるようになっていくものだろ
むしろそのためにわざわざこんな混沌とした場所に質問しに来てるのだろ
スレがプラスである必要はないし住民にその努力義務は一切無い
質問者が自分にとってプラスのように情報を汲み取ればいい <>
Name_Not_Found<>sage<>2020/05/04(月) 23:08:17 ID:???.net<> >>108
母親から何もしつけられなかったの？
質問者が利益を得るためには、何をやってもいい？ <>
Name_Not_Found<>sage<>2020/05/04(月) 23:11:41.63 ID:???.net<> ライオンが崖から落とすような、荒波に揉まれる日本語学習過程を経ている人はそうそういない <>
Name_Not_Found<>sage<>2020/05/04(月) 23:32:01 ID:???.net<> >>109
俺が言いたいのはどんな質問・どんな回答をしても構わない
自由にさせとけということではない
全うで良さそうに見える回答だって間違いを多分に含んでるかもしれないし
狂人の極論的な回答でもそれと対抗する回答と合わせて読めばバランスが取れて
幅広い視野での深い考えを得られるかもしれない
結局回答者の発言の何を汲み取って自分の物にするかは質問者の責任であるし
一方回答者には質問者や場の流れに必ずしも従わず
自分で何を汲み取ってほしいかを決めて発言する程度の権利はある
質問の仕方や姿勢が悪いと注意することだって
質問者は回答者が解決してくれることを期待してこのスレに来るな
回答者と対等とまではいかなくても十分意見をぶつけ合って自分で考えて解決できるくらいまで
勉強して質問を練ってから来いという激励の回答だろう
実際本当のところそうであろうとなかろうとそう捉えて自ら成長できないような質問者は
教えてあげる価値も無いと言われても思われても仕方がない
JSは自分で考えて自分で正解を見つけていかないといけない言語であるし
単純労働者、悪ければ宿題を抱えた学生よりもWeb技術に深い洞察を持って
将来Webを発展させるかもしれない人物に時間とリソースを割いて親身に教えてあげたいと思うのも自然だろう <>
Name_Not_Found<>sage<>2020/05/04(月) 23:46:00 ID:???.net<> >>108
> 赤ちゃんのときにどうやって日本語を覚えたのかを思い出せ
思い出せない。俺が記憶にある最も古いものは幼稚園の頃の記憶だ <>
Name_Not_Found<>sage<>2020/05/05(火) 01:01:13.17 ID:???.net<> >>105,108,111
意見が分岐しすぎて主張に一貫性がない <>
Name_Not_Found<>sage<>2020/05/05(火) 01:07:46.10 ID:???.net<> >>111
簡潔に <>
Name_Not_Found<>sage<>2020/05/05(火) 02:01:01 ID:???.net<> 検索で10件ほど調べたのですがアロー関数のthisが何を指すのか分かりませんでした
通常のJavaScriptのthisは親オブジェクトやbind/callで指定したオブジェクトやnewで生成したオブジェクトを指しますが
アロー関数のthisは必ずwindowオブジェクトを指すわけではないですよね？ <>
Name_Not_Found<>sage<>2020/05/05(火) 02:07:27 ID:???.net<> >>115
10件見て分からないなら、それ以前の基礎知識が足りてない
切り分けを覚えろ <>
Name_Not_Found<>sage<>2020/05/05(火) 02:20:09 ID:???.net<> JavaScript のthis は、ネストすると、window を指してしまうので皆困っていた。
bind を使うとか、 that に代入する必要がある
それが、jQuery などでは便利
アローは、レキシカル・構文スコープ <>
Name_Not_Found<>sage<>2020/05/05(火) 02:23:52 ID:???.net<> >>115
アローじゃない関数のthisはわかってんだよね？
アロー関数はthisに関与しなくなったんだよ
束縛しない
だから、アロー関数の中でのthisは
そのアロー関数が書かれたスコープのthisがそのまま参照される <>
Name_Not_Found<>sage<>2020/05/05(火) 02:49:49.23 ID:???.net<> つまりアロー関数のthisは普通に変数thisを探すだけということでしょうか？ <>
117<>sage<>2020/05/05(火) 03:22:08 ID:???.net<> JavaScript のthis は、ネストすると、window を指してしまうので皆困っていたから、
検索すれば、説明は一杯あると思う <>
Name_Not_Found<>sage<>2020/05/05(火) 07:48:03 ID:???.net<> 俺的解釈
this == とりま <>
Name_Not_Found<>sage<>2020/05/05(火) 08:04:24 ID:???.net<> >>117
ネストしたらwindowになるんじゃなくて
DOM APIの仕様による <>
Name_Not_Found<>sage<>2020/05/05(火) 09:45:08.13 ID:???.net<> >>113
それらが同一人物に見えるのならお前病気だぞ <>
Name_Not_Found<>sage<>2020/05/05(火) 10:16:24.64 ID:???.net<> >>119
アロー関数による実行コンテキスト上の環境レコードはthisを持たないし
thisキーワードによるレコードサーチにも引っかからない様になっている
一方アローでないレキシカルな関数コンテキストでは必ず引っかかる
他はグローバルな環境レコードでは必ず引っかかるが、その他の環境レコードでは引っかからない
よってレキシカルな関数の環境レコードをL、アロー関数の環境レコードをAとしたとき、
L内スコープでthisが参照されると引っかかるのはその時の実行コンテキストから辿れる一番近い関数の環境関数レコード、つまりLから必ず探されるが
A内スコープでthisが参照されるとその時の実行コンテキストから辿れる一番近い関数の環境関数レコード、つまりAも引っかからないので
更にその外側から探され、直上のレキシカルな関数の関数レコードかグローバルな関数レコードから探されることになる <>
Name_Not_Found<>sage<>2020/05/05(火) 12:09:33 ID:???.net<> 大間違い
レキシカルを全て非レキシカルに読み替えてくれ <>
Name_Not_Found<>sage<>2020/05/05(火) 16:31:13.27 ID:???.net<> 非レキシカルの中に含まれるレキシカルも
非レキシカルに読み替えてくれ <>
Name_Not_Found<>sage<>2020/05/05(火) 17:06:36.94 ID:???.net<> 非レキシカルの中に含まれるレキシカルに含まれるレキシカルも
非レキシカルに読み替えてくれ <>
Name_Not_Found<>sage<>2020/05/05(火) 17:57:26.32 ID:???.net<> 慣れない言葉使って長文書くなって教訓だな <>
Name_Not_Found<>sage<>2020/05/05(火) 18:20:56.20 ID:???.net<> 長文ドヤ顔マン嫌い <>
Name_Not_Found<>sage<>2020/05/05(火) 20:39:27.83 ID:???.net<> このスレくっさ <>
Name_Not_Found<><>2020/05/06(水) 07:57:34.94 ID:o0peJ+ai.net<> JavaScript新しく勉強したいんですが入門本オススメありますか？web系の勉強は初めてでプログラミングはPythonとjavaなら初級レベルです <>
Name_Not_Found<>sage<>2020/05/06(水) 10:51:32.83 ID:???.net<> 何のために勉強して何ができるようになりたいの？ <>
Name_Not_Found<>sage<>2020/05/06(水) 10:54:21.08 ID:???.net<> わからないままおわる そんなのはいやだ！ <>
Name_Not_Found<><>2020/05/06(水) 11:00:41.40 ID:o0peJ+ai.net<> サークルの在庫管理システムを作りたいんです、とりあえずそれが目標であとは勉強しておいたら損は無いかと <>
Name_Not_Found<><>2020/05/06(水) 11:20:21.96 ID:jD6hkh5K.net<> 今日、お昼2時から、YouTube ライブある！
たにぐちまこと
いまどきの JavaScript入門 - ES6/TypeScript/Vue.js
https://www.youtube.com/watch?v=NJ5kIaXbpZQ <>
Name_Not_Found<>sage<>2020/05/06(水) 11:25:34.67 ID:???.net<> >>131
Google の開発者も読むのは、表紙にサイが描いてある、いわゆるサイ本
昔のサイ本は、Ruby の本も書いていた、Flanagan の本。
JavaScript 第6版、2012、David Flanagan
今のサイ本は、
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017 <>
Name_Not_Found<>sage<>2020/05/06(水) 11:33:32.28 ID:???.net<> ダサイタマ本 <>
Name_Not_Found<>sage<>2020/05/06(水) 11:53:44 ID:???.net<> >>134
だったらそんなに長く基礎的な勉強をしていくってわけにもいかないだろうし
Pythonかjavaをバックエンドに、GUI画面をWebで作りたいってことだろうから
サイ本でじっくり勉強するっていうのはあってないかもね
サイ本っていうのはJSに仕様の隅々まで解説するやり込み向けのいわゆる「攻略本」だから
２言語が使えるって言うならとりあえずMDNのJSの再入門でも読めば
JSがどんな言語が薄っすら掴めるはずだから
あとは適当なフレームワーク本買って、物を作った後にサイ本でも読むのが良いかもね <>
Name_Not_Found<>sage<>2020/05/06(水) 12:05:19 ID:???.net<> つかJSいらなくね
formさえ用意すればいいじゃん
あとはデータからHTMLの組み立てを
pythonでやるかJSでやるかってくらいじゃん <>
Name_Not_Found<><>2020/05/06(水) 13:06:02 ID:AP30zr3P.net<> えらそーに <>
Name_Not_Found<>sage<>2020/05/06(水) 13:25:18 ID:???.net<> バックエンドで完結させてからjsに手を出せ
順序が違う <>
135<><>2020/05/06(水) 14:00:38 ID:jD6hkh5K.net<> >>135
に書いてあるけど、たにぐちまことのライブ、始まった！
4時まで！ <>
Name_Not_Found<>sage<>2020/05/06(水) 23:09:47 ID:???.net<> PythonもJavaも初級レベルならJavaScriptでいきなりフロント作ろうなんて辞めとけ
造り手が知識も経験もないんだから、在庫管理程度ならスプレッドシート共有でまず始めること
土台のバックエンド、フロントエンドのスキルが身についてから作成したほうが利用する周りの人たちにも迷惑かからんで良いと思う <>
Name_Not_Found<>sage<>2020/05/07(Thu) 01:16:07 ID:???.net<> 画像の読み込みに関する某書籍のサンプルコードについて質問です。
//ページのロードが完了した時に発火するイベント
window.addEventListener('load', () => {
// まず最初に画像の読み込みを開始する
imageLoader('./image/color.jpg', (loadedImage) => {
// 引数経由で画像を受け取り変数に代入しておく
image = loadedImage;
});
});
//画像をロードしてコールバック関数にロードした関数を与え呼び出す
function imageLoader(path, callback){
// 画像のインスタンスを生成する
let target = new Image();
console.log(target); //(1) <img src=“./image/color.jp”>とコンソールに表示される
// 画像がロード完了したときの処理を先に記述する
target.addEventListener('load', () => {
// コールバック関数の引数に画像を渡す
callback(target);
});
//画像のロードをするためパスを指定する
target.src = path; //(2)
} <>
Name_Not_Found<>sage<>2020/05/07(Thu) 01:16:14 ID:???.net<> (1)で <img src=“./image/color.jp”>とコンソールに出力されます。
(1)の1行前で、 console.log(new Image())とすると、
コンソールに<img>と表示されるので（1）も<img>となると思いました。
(1)の時点では（2）で./image/color.jpg を読み込む前なのに、
なぜ<img src=“./image/color.jp”>となるのでしょうか？ <>
Name_Not_Found<><>2020/05/07(Thu) 05:58:13 ID:kCVkhjBj.net<> >>143
分かった… <>
Name_Not_Found<>sage<>2020/05/07(木) 09:29:38.11 ID:???.net<> Image()
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image
そんなややこしい書き方をせずに、これじゃダメなのか？
var myImage = new Image(100, 200);
myImage.src = 'picture.jpg';
document.body.appendChild(myImage);
結果
<img width="100" height="200" src="picture.jpg"> <>
136<>sage<>2020/05/07(木) 09:52:00.52 ID:???.net<> >>131
web 系なら1年ぐらい、Ruby on Rails で、
VSCode, HTML, CSS/SASS, JavaScript(ES 2015)/TypeScript,
jQuery, Bootstrap, Node.js, npm/yarn, Webpack, Babel, React, Vue.js
他には、実行環境構築。
Linux, WSL, Vagrant, Docker, Kubernetes, CircleCI, シェルスクリプト・PowerShell
Rails チュートリアル日本語版の1つ前のバージョン(Rails 5)が、無料で読める <>
Name_Not_Found<><>2020/05/07(Thu) 11:38:58 ID:P40hUibN.net<> 【環境】node.js v12.16.0
【何をしたのか】
// promiseを返すメソッド
NativeModules.module.test
この関数をラップして、resolveの場合の処理をあらかじめ用意していたものをよんでから、thenを呼び出したいです。
/**
* イメージ
*/
main(){
NativeModules.module.test
.then( retval => console.log("2") )
.catch()
}
// この部分を作りたい
async lap(){
NativeModules.module.test
.then( retval => console.log("1") ) // thenの処理を上書きしたい。。
}
// 実行結果
main()
1
2
のようにするにはどのように書けばいいのでしょうか？
必要とな知識も教えて欲しいです。
よろしくおねがいします <>
Name_Not_Found<>sage<>2020/05/07(Thu) 12:12:06 ID:???.net<> >>145
オブジェクトをconsole.logした場合その時点でスナップショットを取ってるわけではなく変数に代入するのと同じで参照を保持するだけ
ブラウザのコンソールは非同期動作なのでconsole.log直後に対象オブジェクトを操作すると実際に表示する時には中身が変わってる事がある
(2)の所にブレークポイントを設定しておけば<img>と表示される <>
Name_Not_Found<>sage<>2020/05/07(Thu) 12:28:26 ID:???.net<> Promise.prototype.then()
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise/then
then メソッドは Promise を返すので、メソッドチェーンができます
関数が then にハンドラーとして渡されると Promise を返します。
同じ Promise がメソッドチェーンの次の then に現れます
p.then(function(value) {
console.log("1");
}).then(function(value) {
console.log("2");
}); <>
Name_Not_Found<>sage<>2020/05/07(Thu) 12:37:05 ID:???.net<> >>150
Ruby でも、端末に表示する順番が変わることはあるけど、
まさか、表示が遅れている間に、表示するオブジェクトの内容が変わってしまうとは、思わなかった！
先に、表示する内容がバッファにコピーされてから、表示されるのだけが遅れていると思っていた <>
136<>sage<>2020/05/08(金) 07:17:03.12 ID:???.net<> >>131
【2020年最新】web制作のjQuery,JavaScriptの勉強方法まとめ【一年半思考錯誤した】
https://www.youtube.com/watch?v=4O-wCPiB2m0
このYouTube 動画の中では、この本を勧めている
確かな力が身につくJavaScript「超」入門 第2版、狩野 祐東、2019
CSS セレクターを学んだら、実際に、jQuery で、
jQuery Plugin にあるようなスライダーなどの拡張機能を、自分で作ってみる <>
Name_Not_Found<>sage<>2020/05/08(金) 12:43:41.10 ID:???.net<> 彼がやりたい事を考えたらそういう勉強はいらん <>
Name_Not_Found<>sage<>2020/05/08(金) 17:57:07.46 ID:???.net<> jQuery信者は布教活動に必死だな <>
Name_Not_Found<>sage<>2020/05/08(金) 18:33:30.87 ID:???.net<> リャクト、ビュッ、アンギャー、ノド、タイポスクリプツ
一つも触ったことないけど多すぎて意味不明すぎる
しかもこれって将来的に全部また別の何かに置き換えられる可能性大なんだよな
覚えるだけ時間の無駄やん
ジェキュリーは一生なくならないだろうけど <>
Name_Not_Found<><>2020/05/08(金) 18:51:04.00 ID:RMIe6CvX.net<> >>156
次元の違うもの並べるの気持ち悪くない？ <>
Name_Not_Found<>sage<>2020/05/08(金) 19:14:25.93 ID:???.net<> jqueryみたいにjsのパス貼るだけで簡単に使えるなら勉強しようって気にもなるんだけどねぇ
javascriptごときでインストールってなんだよアホか <>
Name_Not_Found<>sage<>2020/05/08(金) 23:57:41.26 ID:???.net<> それ自分はその程度のものしか作れませんって言ってるようなもんだな <>
Name_Not_Found<>sage<>2020/05/09(土) 00:36:48 ID:???.net<> 意味不 <>
Name_Not_Found<>sage<>2020/05/09(土) 03:40:17 ID:???.net<> 置き換わるのが嫌だから学ばない、と言うなら言語そのものだってその可能性はある。
水物が嫌だと言うならそもそもこの業界に向いてない。
置き換わって陳腐化してしまう技術は少なからず有るが、その習得で身に付けた書く力や読む力は無駄にならず、新たに何かを習得するときの吸収力になることも多い。 <>
Name_Not_Found<><>2020/05/09(土) 03:48:38 ID:MKpnisf5.net<> １６２ゲットでトモノリ降臨！！ <>
Name_Not_Found<>sage<>2020/05/09(土) 04:19:25.52 ID:???.net<> 変な奴が住んでるなここ <>
Name_Not_Found<>sage<>2020/05/09(土) 04:26:12 ID:???.net<> >置き換わるのが嫌だから学ばない、と言うなら言語そのものだってその可能性はある。
言語そのものと言語が存在しないと成り立たない小手先のライブライを比較してる時点でただの屁理屈
>その習得で身に付けた書く力や読む力は無駄にならず、新たに何かを習得するときの吸収力になることも多い。
脳のキャパシティは無限じゃないから廃れる技術を学ぶだけ時間の無駄
しかも新しく覚えたことで既存の知識が曖昧になる可能性も高い
そもそも言語ですらないし
経験浅いくせに適当な屁理屈ばっか言わないように <>
Name_Not_Found<>sage<>2020/05/09(土) 04:40:34 ID:???.net<> 一度もケンタの動画見てないのに
つべのおすすめ欄が奴の動画ばかりになったんだが何故？ <>
Name_Not_Found<>sage<>2020/05/09(土) 07:27:06.17 ID:???.net<> Python でAI をやりたいとか書いたら、
Pythonをやるには、まずRubyから始めろって言われたとか？
KENTA の自論
初心者は、Pythonから始めるな。
長期間学んでいる間、食えないから続かない
1年ぐらいで、Ruby on Rails で、フレームワーク・システム構築運用を学んで、
食えるようになれと言うこと
Pythonは、大学院卒とか高学歴用。
プログラミングじゃなくて、数学・統計の勉強に、時間が掛かる
Rubyみたいに低学歴で、プログラミング・OS・Linux 環境構築運用・フレームワークとは、分野が異なる <>
Name_Not_Found<><>2020/05/09(土) 07:48:48.15 ID:nm+Tkxdb.net<> >>166
最近Ruby案件も
食えるほどないような気がする
学んでる段階で食えるようになりたいなら
なんだかんだでPHPが今でも一番球数豊富な印象 <>
Name_Not_Found<>sage<>2020/05/09(土) 10:01:13 ID:???.net<> 別に食うために仕事しなくてもいい
どうせ近い将来にはシンギュラリティおきてベーシックインカムになってるんだから
今の日本でも収入低かろうが適当に生きていけるし
自分がやりたいことをやりたいだけやればいい
安易に需要ありそうなところに飛びついても競争相手も多いし３流で終わる可能性が高い
それよりも地味でも自分にあってるところにチャレンジした方が
自ずと上達も早いしモチベーションも高まるし結局はそっちの方が収入多いってこともある
今からの時代仕事にしろ国民は徐々に好きなことしていかなきゃ
そのうち仕事するのにむしろお金を払わないといけないとこまでいくんだからさ
多くの人類の価値なんてそう高くないんだから社会に貢献とかできないから好き勝手に生きた方がいいよ
もはや社会は勝手に成長するから一人一人がどう楽しく生きるかを考えることの方が大事 <>
Name_Not_Found<>sage<>2020/05/09(土) 10:36:22 ID:???.net<> もはや質問用スレッドでもなんでもないな <>
Name_Not_Found<>sage<>2020/05/09(土) 10:40:23 ID:???.net<> （JavaScriptを自ら学ぶ）『人のための』質問スレッド
だからこういう悩み相談もいいんじゃない？
人間は正解不正解だけを常に求めるロボットじゃないんだから <>
Name_Not_Found<>sage<>2020/05/09(土) 10:58:09 ID:???.net<> Electronで簡単なGUIアプリケーションを作成してJavaScriptを勉強しようとしたのですが
亜種のTypeScriptの質問もここでいいですか？
最初Electron+TypeScript+React+Material-UIで勉強しようとしたのですがMateriak-UIを組み込もうとすると
TypeError: Cannot use 'in' operator to search for 'ontouchstart' in null
と言うエラーが出て動もうまく行きません
Material-UIがダメとなるとGUIから選定のし直しで、おすすめが知りたいのですが・・・
(Reactが何なのかよく分かりませんが、GUIを変えると変えないと駄目ですよね？) <>
Name_Not_Found<><>2020/05/09(土) 12:42:48 ID:kZpYQp/g.net<> >>171
なんでよくわからないもの使ってるんだよ
ど初心者なら
とりあえずjsでやんなよ
そうやってエラっても、エラ〜メッセージの意味すらわからんだろ <>
Name_Not_Found<>sage<>2020/05/09(土) 13:10:20 ID:???.net<> >>171
エラーメッセージに何がダメなのか書いてあるじゃん <>
Name_Not_Found<>sage<>2020/05/09(土) 13:27:28.05 ID:???.net<> Ruby on Rails なら、TypeScript(TS) + React, TS + Vue.js はあるけど、
TS + Vue.js は、まだ互換性が高くない
Rails 以外では、TS + Electron もある
React+typescript入門
https://www.youtube.com/playlist?list=PLp_EUEO9JJP2CpdD9myEwF0CxVIJEWIgG
material-ui を使っている。
この人、26個も動画ある！
他には、YouTube 動画は、たにぐちまことの動画が良い <>
Name_Not_Found<><>2020/05/09(土) 13:36:50.01 ID:kZpYQp/g.net<> >>174
ν速にRubyのスレ立ってるからそっち行けよ <>
Name_Not_Found<>sage<>2020/05/09(土) 20:55:02.20 ID:???.net<> こういう動画見てると再生伸びない奴の理由がよくわかるね
入門とか環境構築と言いながらいきなり前回がどうのこうのとか
いきなり変なところから説明入る上にタイピングが動画の大半占めてて冗長すぎる <>
Name_Not_Found<><>2020/05/10(日) 10:09:27.37 ID:ljfgkaDP.net<> ブラウザ上で何らかの操作をしたいという場合、アドオンの開発環境を経由するのが普通ですか？
自分がサイトの管理者ではありません <>
Name_Not_Found<>sage<>2020/05/10(日) 10:55:33.41 ID:???.net<> 拡張機能と言っても別に対して難しいものでもないのだから
そもそも悩むようなことでもない
拡張が良いかもしれないなと思ったらそのレス書いてる間に作ってみればいい
色々やってみてからここに来い
ちゃんと経験をしろ
例え失敗してもそれが無駄になることはない
ここでなんとなくの答えを聞いただけじゃ自分の身にならないだろ <>
Name_Not_Found<><>2020/05/10(日) 11:53:45 ID:3Sl7SwPC.net<> >>177
tempermonkeyを使うという手もある
その場限りなら開発ツールでok <>
Name_Not_Found<><>2020/05/10(日) 12:53:39.45 ID:ljfgkaDP.net<> >>178>>179
どうも
インスペクタからでもいじれるんですね <>
Name_Not_Found<><>2020/05/10(日) 14:26:56.58 ID:Z1Xnv86n.net<> メニューと本文のあるページであるメニュー要素をクリックしたら
画面遷移しないでXHRでとってきて本文を書き換えようと思ってます
といってもちゃんと各ページは用意しといてURLでもアクセスできるようにしたいので
XHRで書き換え後JavaScriptでURLも書き換えることが出来るのでそれをしようと思ってます
それで検索エンジンなどにも正しく扱われてほしいので
メニューにリンクをつけてa hrefでページを指定したいと思うのですが
それではそのページにいってしまうためXHRでソースを取ることができなくなります
こういうのってどういうふうに設計したらいいんですかね？
例えばa hrefに指定したmenu3.htmlページには実際いかないで
XHRでget?menu=3にアクセスするようなことって可能ですか？ <>
Name_Not_Found<>sage<>2020/05/10(日) 15:00:05 ID:???.net<> >>179
その場限りじゃなくても
sourceタブで編集して保存すれば恒久的に変更させるでしょ <>
Name_Not_Found<>sage<>2020/05/10(日) 15:13:05.77 ID:???.net<> >>181
今のgoogle botはごく一部の機能が制限されてるだけのまんまChromeなので
pjaxも普通にリンクを擬似クリックしてJSを実行してくれるので気にせず作ればOKよ
昔はbotとやり取りするためのURLの形式とかあったけど今はサポートされていない
今は普通に作ることが推奨されている <>
Name_Not_Found<><>2020/05/10(日) 15:18:03.39 ID:Z1Xnv86n.net<> >>183
ありがとうございます
pjaxなんて名前があったのですね
一応基本をおさえておきたいので早速ググってみます <>
Name_Not_Found<>sage<>2020/05/10(日) 18:45:54 ID:???.net<> >>181
a要素にclickイベントハンドラも付けてpreventDefaultすればページ遷移しない <>
Name_Not_Found<>sage<>2020/05/10(日) 19:08:48 ID:???.net<> 今やってる書籍のコードで以下のようにブロック内にセミコロン入れてるのが頻繁に出てくるんだけど、
こういう書き方って普通なの？
if(isComing === true){return;}
ドットインストール仕込みの俺の感覚だと、
if(isComing === true){
return;
}
このように書くのが当たり前かと思ってたんだけど。 <>
Name_Not_Found<>sage<>2020/05/10(日) 19:38:24.48 ID:???.net<> if (isComing) return;
1行で書く場合は波括弧使わないのが多い印象 <>
186<>sage<>2020/05/10(日) 21:09:24.53 ID:???.net<> >>187
あ、それもよく見かける。 <>
Name_Not_Found<>sage<>2020/05/10(日) 21:36:37.50 ID:???.net<> 基本的にセミコロンが不要 <>
Name_Not_Found<>sage<>2020/05/10(日) 22:16:21 ID:???.net<> セミコロン絶対つける派と不要派の宗教戦争やりたいなら他所でやろうね <>
Name_Not_Found<>sage<>2020/05/10(日) 23:15:54.52 ID:???.net<> >ブロック内にセミコロン入れてるのが頻繁に出てくるんだけど
>>186の下もはいっとるやんけ、1行に違和感感じたってことか？
JSがメインって人はそんないないし
そのへん普段使いの言語や勝手にコード整形するIDEが何かで感覚は変わる
郷に入れば郷に従いたいというなら標準的なコーディング規約に従えばいいよ
JSの場合は何かな？
JavaScript Standard Styleはセミコロンが禁止になってるけど
Google JavaScript Styleは常に必要となっている <>
Name_Not_Found<>sage<>2020/05/10(日) 23:35:29.04 ID:???.net<> >>29
勘違いが嫌なら>>1のルールを守りましょう
他人があなたを詐称することが不可能似なります <>
Name_Not_Found<>sage<>2020/05/10(日) 23:50:23.13 ID:???.net<> >>190
意見の出し合いを宗教戦争だと決めつけるだけの発言しかしない君が他所へ行った方がスレの利益になると思うよ <>
Name_Not_Found<>sage<>2020/05/11(月) 04:53:51.64 ID:???.net<> >>186
「ブロック内」ってどこを指してるの？
普通は{}の中をブロックとするけど、どちらもセミコロン入ってるじゃんｗ <>
Name_Not_Found<>sage<>2020/05/11(月) 05:23:56.96 ID:???.net<> >>186
1行で書いてる事を指してるなら、それはブロックとは言わない <>
Name_Not_Found<>sage<>2020/05/11(月) 06:29:37.45 ID:???.net<> 行の最後でないと気持ち悪いってことでしょ <>
Name_Not_Found<>sage<>2020/05/11(月) 12:28:45 ID:???.net<> >>195
そんな馬鹿な
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/block <>
Name_Not_Found<>sage<>2020/05/11(月) 12:36:59 ID:???.net<> まあ普通はこう書くよね
if (isComing === true) {
return;
}
もしくはこう。
if (isComing === true) return; <>
Name_Not_Found<>sage<>2020/05/11(月) 13:12:50.81 ID:???.net<> 186の書いてることが矛盾してる時点でこれ以上の議論は無意味 <>
Name_Not_Found<>sage<>2020/05/11(月) 13:52:01 ID:???.net<> >>199
どこが矛盾してんの？
ブロック内のセミコロンって
{return;}のことじゃないんか？ <>
Name_Not_Found<>sage<>2020/05/11(月) 14:17:45.21 ID:???.net<> どっちのブロックにもセミコロン入っとるやん
主語がセミコロンなんだから、ブロックの記述位置なんて関係ないやろ
どっちかセミコロン抜いてからブロックの話しろや <>
Name_Not_Found<>sage<>2020/05/11(月) 16:34:13.55 ID:???.net<> あのpythonゴリおしだったgoogleさんでさえセミコロン入れろ言うてるしな <>
Name_Not_Found<>sage<>2020/05/11(月) 19:41:50 ID:???.net<> でもビルドしたらセミコロン消えるんだが <>
Name_Not_Found<>sage<>2020/05/11(月) 20:29:45 ID:???.net<> VSCode のデフォルトが、Beautify だろ。
拡張機能のPrettier とか
； を付けるかどうかは、これらの設定で変わる
その後、Webpack で圧縮されると、無くなるかも知れないし <>
Name_Not_Found<>sage<>2020/05/11(月) 20:46:46 ID:???.net<> コーディング規約だろ <>
Name_Not_Found<><>2020/05/12(火) 09:03:28.95 ID:xy/hRl0j.net<> electronはスマホアプリ作れないのですあ <>
Name_Not_Found<><>2020/05/12(火) 10:33:21.12 ID:pzONHqoo.net<> >>203
設定の問題じゃね？ <>
Name_Not_Found<>sage<>2020/05/12(火) 12:50:58.98 ID:???.net<> セミコロン厨はconst厨に似てる
心配症なだけ <>
Name_Not_Found<>sage<>2020/05/12(火) 17:29:22 ID:???.net<> なんやこいつきちがいか？ <>
Name_Not_Found<>sage<>2020/05/12(火) 19:13:25.98 ID:???.net<> コーディング規約とかとは無縁のとこで生きてるんだな
近寄りたくない人種だわ <>
Name_Not_Found<>sage<>2020/05/12(火) 20:06:59 ID:???.net<> 仕事でコード書いているか、趣味で書いているかの違いじゃね
このスレ両方が入り乱れている <>
Name_Not_Found<><>2020/05/13(水) 00:36:47.58 ID:vVbhIgIa.net<> わりと長いことやってるけど
仕事でセミコロンなしの規約にはまだ出会った頃ないなあ
特に規定がなかったとしても、付けない人にも出会ったことない <>
Name_Not_Found<>sage<>2020/05/13(水) 11:17:33.52 ID:???.net<> Electronやらnpmで採用されてるJavaScript Standard Styleだと
セミコロン禁止になってる
https://standardjs.com/rules-ja.html <>
Name_Not_Found<>sage<>2020/05/13(水) 11:39:25.00 ID:???.net<> ビルドしたら消えるんだからどっちでもいいだろ <>
Name_Not_Found<>sage<>2020/05/13(水) 11:59:29.66 ID:???.net<> ビルドしたらコメントなんて（略
ハイ論破 <>
Name_Not_Found<>sage<>2020/05/13(水) 12:42:13 ID:???.net<> >>210
規約と個人がどう書くかなんて関係ないだろ
手元で好きに書いてプルリクする前に整形すれば良いだけじゃん
規約は個人が自分の手元で書くときに作業効率落とすためのものじゃないだろ。 <>
Name_Not_Found<>sage<>2020/05/13(水) 12:57:01 ID:???.net<> あるボタンクリックが押下された時に、
ラジオボタンで回答する選択式のアンケートウィンドウのようなものを出して
その回答をサーバにまとめていきたい場合、
promptが最適でしょうか？
参考情報頂けますと幸いです。 <>
Name_Not_Found<>sage<>2020/05/13(水) 13:44:37 ID:???.net<> 例えばpythonは（行末に\がなければ）1行と判定できるコードなら必ず1行と判定するのでセミコロンがなくても安心して実装できるけども、
jsでセミコロンを省略した場合はそうなら ないことがあるのがすごく微妙…
振る舞いはバッドノウハウとして覚えておくしかない。
とはいいつつ省略派なんだけどね <>
Name_Not_Found<>sage<>2020/05/13(水) 14:06:41 ID:???.net<> javascriptは仕方なく過去のクソ仕様を引きずらないといけないから許してやれ <>
Name_Not_Found<>sage<>2020/05/13(水) 14:28:49.93 ID:???.net<> >>216
ソースの保守はどうすんの？ <>
Name_Not_Found<>sage<>2020/05/13(水) 14:59:28 ID:???.net<> >>216
今どきのエディタなりIDEは書いてる段階でリアルタイムで構文チェックされるけど？
後から整形とか時間の無駄じゃん <>
Name_Not_Found<>sage<>2020/05/13(水) 15:12:17 ID:???.net<> パーサーの問題だからセミコロン云々なんてどうでもよー
言語1つで演算子の意味も違うんだ
VBなんか見るからにイライラしかしないやつと比べたら
普通の言語ってだけでかわいいもん
ま完全に切り替えるのは無理だからコード補完ないと構文まちがうけどね <>
Name_Not_Found<>sage<>2020/05/13(水) 15:29:32 ID:???.net<> 意図しないくっつきって
偶々関数書いてその次に即時関数を書いたときくらいなものでしょ
他にも考えられるけど、それはセミコロン付ける派が書き忘れて問題になる可能性よりも小さい
よって即時関数の前にはセミコロンを付ける癖だけ付ければ何の問題もないし、
即時関数を書かないという人はそもそも問題にならない
カッコから始まる行は付けると考えてもいい <>
Name_Not_Found<>sage<>2020/05/13(水) 15:30:22 ID:???.net<> 偶々関数書いて
↓
偶々配列の代入文でも書いて <>
Name_Not_Found<>sage<>2020/05/13(水) 18:35:36 ID:???.net<> それダサい <>
Name_Not_Found<>sage<>2020/05/13(水) 19:02:00 ID:???.net<> たま <>
Name_Not_Found<><>2020/05/13(水) 19:30:22 ID:6gBGAC0h.net<> >>223
もっとしょうもない話だよ
若い層には信じられんかも知れんが
90年代後半〜00年代前半ごろは
コード書いた人の意図に関係なく改行を消されたりすることがあったんだ <>
Name_Not_Found<>sage<>2020/05/13(水) 19:53:47.55 ID:???.net<> × 90年代後半〜00年代前半ごろは
○ お前とその周りでは（※類は友を呼ぶ） <>
Name_Not_Found<>sage<>2020/05/13(水) 20:45:39.78 ID:???.net<> 改行を消されたりするってのがよくわからん
if (なんか条件)
return ほげほげ;
とか書いたのを
if (なんか条件) return ほげほげ;
とかいうレベルの話ではないんだよね <>
Name_Not_Found<>sage<>2020/05/13(水) 21:17:54.88 ID:???.net<> 消されるが意味わからんな <>
Name_Not_Found<>sage<>2020/05/13(水) 21:36:21.76 ID:???.net<> 適当にコード圧縮されてって話じゃないの <>
Name_Not_Found<>sage<>2020/05/14(木) 00:59:02.43 ID:???.net<> 昔は容量の都合でプログラムはなるべくコンパクトだったからな
ナローバンド時代にWebでボトルネックになってたのは画像だしJavaScriptは関係ないけどな
高校の頃意図的に帯域しぼられたサイトからエロ画像ダウンロードするのに夢中で
電話線占領して1枚表示に5分ぐらいかけて月に2万電話代かけて集めたもんよ
今思えば無駄でおそろしいことをしてたな <>
Name_Not_Found<>sage<>2020/05/14(木) 01:51:52.56 ID:???.net<> 草の根時代前期ならまだしもWWW時代ならテレホあったろ
エアプかよ <>
Name_Not_Found<>sage<>2020/05/14(木) 08:12:46.72 ID:???.net<> >>227
> コード書いた人の意図に関係なく改行を消されたりすることがあったんだ
結局、これは何だったんだろうな <>
Name_Not_Found<><>2020/05/14(Thu) 09:17:46 ID:HOnyzecj.net<> 【悲報】SEO JAP で有名な在日外国人の瀧日伴則さん、自作自演がバレて日本人を売春婦呼ばわりで炎上
https://itest.5ch.net/mevius/test/read.cgi/hp/1558934167 <>
Name_Not_Found<><>2020/05/14(木) 10:33:46.63 ID:oXeaqkHA.net<> プログラム作る動機ってなんすか？
たいてい優れたフリーソフある <>
Name_Not_Found<>sage<>2020/05/14(木) 10:45:33.45 ID:???.net<> 返しのない釣り針か <>
Name_Not_Found<><>2020/05/14(木) 11:07:46.63 ID:/nr8GW4I.net<> >>234
俺も記憶が定かではないけど
当時のyahoo.comのサーバがそういう設定してて真似したとか
そんな話だったのではないかと思う <>
Name_Not_Found<>sage<>2020/05/14(Thu) 12:24:02 ID:???.net<> どう読んでもローカルファイルの話題なんだが、>>227,238だけサーバの挙動を問題視していたオチか <>
Name_Not_Found<><>2020/05/14(Thu) 12:29:18 ID:f/ug3Onf.net<> 【告知】大阪で１番恥さらしな男！！これまで誰一人として語れなかった覚醒剤中毒者の泥沼の世界！！そして警察官、刑務官、裁判官のええ加減さを真実のみを赤裸々に語り最低中の最低の究極のゴキブリ男が恥を承知の上で書いた渾身の力作！！
ノンフィクション自叙伝！！
【ゴミと呼ばれて刑務所の中の落ちこぼれ】
中学2年の時に覚醒剤を覚え17歳から45歳まで【少年院1回、刑務所8回、合計20年】獄中生活を体験したが、ある女性との出逢いで生き方を180度変えて鉄の信念で覚醒剤を断ちきり見事に更生を果たした感動の奇跡の一冊！！
全国の書店&ネット通販でどうぞ！！ <>
Name_Not_Found<><>2020/05/14(Thu) 15:14:34 ID:dtFTRr7d.net<> >>238
あれ
セミコロンと改行の話ではなかったん？
そりゃまた失礼しました <>
Name_Not_Found<>sage<>2020/05/14(Thu) 19:02:07 ID:???.net<> sessionStorageでデータを保持すると数値が文字列になると書いてあったのですが、
何故か数値のままです。
ブラウザはchromeでJSON.stringifyを使って格納し、JSON.parseで変換取得してます。
num : [1, 2, 3...] みたいなオブジェクトだからでしょうか？ <>
Name_Not_Found<>sage<>2020/05/14(Thu) 19:12:41 ID:???.net<> ツッコミ待ちかな？ <>
Name_Not_Found<><>2020/05/14(木) 20:15:06.33 ID:LeJriNAk.net<> >>242
文字列ってそのjsonのことだよ
JSON.parseしてるからまた数値に戻る <>
Name_Not_Found<>sage<>2020/05/14(Thu) 23:02:04 ID:???.net<> >>239
意味分からん
いつまでも同じ話題に固執してるのはお前くらいだぞ <>
Name_Not_Found<>sage<>2020/05/14(Thu) 23:25:07 ID:???.net<> >>245
> いつまでも同じ話題に固執してるのはお前くらいだぞ
>>227が全く理解されなかった状況を見るに、勝手に話題を変えたお前だけがそう思ってるのかわけだが <>
Name_Not_Found<>sage<>2020/05/15(金) 00:44:00 ID:???.net<> >>244
なんと！
ありがとうございます。
JSON.parseはJSで扱える形式に戻しているだけかと思ってました。
助かりました。 <>
Name_Not_Found<>sage<>2020/05/15(金) 03:30:20 ID:???.net<> >>233
ISDNやテレホなんて導入してたのはオタクの家ぐらいだろ <>
Name_Not_Found<>sage<>2020/05/15(金) 07:03:32 ID:???.net<> ネット利用者の3割がテレホに加入していた時期があったんだが。 <>
Name_Not_Found<><>2020/05/15(金) 07:17:19 ID:YF+gG7wW.net<> 【悲報】SEO JAP で有名な在日外国人の瀧日伴則さん、日本人女性を売春婦呼ばわりで大炎上
https://itest.5ch.net/mevius/test/read.cgi/hp/1558934167 <>
Name_Not_Found<><>2020/05/15(金) 08:33:22 ID:DxcPUXPe.net<> >>239
ウェブサーバが送出するときに
改行と行頭のタブ、スペース取っちゃうんだよ <>
Name_Not_Found<><>2020/05/15(金) 08:51:02 ID:DxcPUXPe.net<> >>247
ややこしい話だけど
{ a: 1 }
これはJavaScriptのObjectオブジェクト
プロパティ名aで、その値の1にアクセスできる
'{ a: 1 }'
これはただの文字列（Stringオブジェクト）
なにもできない
このJSでのオブジェクトの書き方がデータの記述にとても向いてるので
テキストで保存できるデータ形式として確立したのが
JavaScript Object Notation、略してJSON
オブジェクトを文字列に変えるのが、JSON.stringify
文字列をオブジェクトに変えるのが、JSON.parse <>
Name_Not_Found<>sage<>2020/05/15(金) 12:46:37 ID:???.net<> >>246
俺は話題を変えちゃいないがください
客観的に見ておかしいのはお前だよと言ってるんだよ
そういう自分に都合の良いように思い込むところもな
自分しか見えてないんだよお前は <>
Name_Not_Found<>sage<>2020/05/15(金) 13:07:11.00 ID:???.net<> >>227
「俺だけがついていけない = >>228-230他分かってない発言が全部俺」と思うなら、そうなんだろう
俺以外は>>227が>>238と分かってたんだろうな <>
Name_Not_Found<>sage<>2020/05/15(金) 13:41:08.65 ID:???.net<> >>248
エロ画像漁りまくってる猿がオタクで無いわけないだろ
エアプの上にエアプ重ねてるんじゃねえよ <>
Name_Not_Found<>sage<>2020/05/15(金) 20:00:13 ID:???.net<> エアプとか連発して恥ずかしくないのか <>
Name_Not_Found<>sage<>2020/05/15(金) 20:01:41 ID:???.net<> つうかオタクの家って親がオタクって意味だからな
回線に関してたかだか高校生がわかるわけねーだろ
オタクの子はオタクかもしれんからわかるかもしれんがなｗ <>
Name_Not_Found<>sage<>2020/05/15(金) 21:03:13 ID:???.net<> 日本人の3割はオタクってことか。
あながち間違ってないか… <>
Name_Not_Found<>sage<>2020/05/15(金) 21:27:26 ID:???.net<> オタクを馬鹿にしてなんのオタクにもなれずに死んでいくとか虚しいな <>
Name_Not_Found<>sage<>2020/05/16(土) 00:55:11 ID:???.net<> 画像表示がネックだったっていう与太話に、
いちいち喧嘩腰で食いつくからこういう変な流れになる。
いくら初級者向け言語だからって頭のレベルまで落とす必要ないだろ。 <>
Name_Not_Found<>sage<>2020/05/16(土) 01:08:40 ID:???.net<> 与太話じゃなかったか。
16kb画像表示にISDN64kbpsで理論上2秒かかるからな。 <>
Name_Not_Found<>sage<>2020/05/16(土) 06:36:46 ID:???.net<> 別にネックじゃない
その時代はそのくらいでも待てた
今の基準で考えるのがおかしい <>
Name_Not_Found<>sage<>2020/05/16(土) 07:42:24.03 ID:???.net<> どう考えてもネック
上からズッズッズ・・・って
ちょーっとずつ表示されるjpegにイライラしてたのをよく覚えてる <>
Name_Not_Found<>sage<>2020/05/16(土) 07:44:38.23 ID:???.net<> 当時のjavascriptといえば装飾系のしょうもないやつでさらにイライラしてたけどね
マウスにキラキラがついてくるやつとかな <>
Name_Not_Found<>sage<>2020/05/16(土) 10:37:19 ID:???.net<> 馬鹿みたいに左右に動く文字とかなｗ <>
Name_Not_Found<>sage<>2020/05/16(土) 12:04:42 ID:???.net<> あれは当時のPCスペックでは重かったし要素がリンクにかぶるとクリック妨害したりで害しかなかった
今なら透過処理で目立たなくしたりpointer-events: noneで単なるエフェクトにできるから大分マシだけど
昔より趣味でHTMLやJS書いて公開してる人は減ったように感じる <>
Name_Not_Found<>sage<>2020/05/16(土) 12:26:30 ID:???.net<> >>263
君が個人的にイライラする事にネックという言葉を持ってくるのは違和感
ネックとはインターネット体験全体における弱点ということでしょ
実際は帯域はきちんと体験やコンテンツの量質と伴って進歩してきたのだからネックとは言わないと思うよ
新幹線ができる前は電車の速度がネックとは普通言わないでしょ <>
Name_Not_Found<>sage<>2020/05/16(土) 13:40:01.11 ID:???.net<> 何その俺俺用語
ボトルネックを解消するために人は進歩するんだろ
何いってんだねチミは <>
Name_Not_Found<>sage<>2020/05/16(土) 16:10:15 ID:???.net<> リニアモーターが開通するのは分かってるから現在の新幹線はネックだって話ですかね <>
Name_Not_Found<>sage<>2020/05/16(土) 17:21:19 ID:???.net<> 究極は瞬間移動だしな
そりゃ当たり前だろ
金やエネルギーや環境負荷の問題があるから進むにも進めないだけで <>
Name_Not_Found<>sage<>2020/05/16(土) 23:13:32.71 ID:???.net<> 身の丈に合わない高みばかり見て
すぐすぐ実現できないことをネックと言うのは違うと思うぞ
人間は寿命が100年しかないからネックだとか何にでも言えるが
詩的な場面でも無い限りそれに意味はないだろう <>
Name_Not_Found<>sage<>2020/05/16(土) 23:54:37.94 ID:???.net<> ちょっと何言ってるかわからない
そもそもリニアとか持ち出した時点でファーーｗｗｗｗだったんだけど
時間がかかってるってのはそこにボトルネックが存在するってことだ
今はそれが標準だからそれでいいって問題じゃねーのよ <>
Name_Not_Found<>sage<>2020/05/17(日) 01:18:21.11 ID:???.net<> だから新幹線はボトルネックなんでしょ？君の理論では <>
Name_Not_Found<>sage<>2020/05/17(日) 01:54:52.26 ID:???.net<> なんで新幹線というオブジェクトに固執してんのか意味不明
リニアにしてもそうだけどもっと周りを見ろ
1つのオブジェクトをさしてボトルネックだなんて誰も話してねえんだよ <>
Name_Not_Found<>sage<>2020/05/17(日) 05:20:45.41 ID:???.net<> 何でこんなに荒れてるんだ
何かあったの？ <>
Name_Not_Found<>sage<>2020/05/17(日) 08:33:34 ID:???.net<> ボトルネックっていう言葉覚えたての中学生が喧嘩してるだけ
今日も平和だね <>
Name_Not_Found<>sage<>2020/05/17(日) 08:47:33 ID:???.net<> 上から目線なのは老害だろ <>
Name_Not_Found<>sage<>2020/05/17(日) 09:03:02.42 ID:???.net<> そうなの？ <>
Name_Not_Found<>sage<>2020/05/17(日) 09:21:44.95 ID:???.net<> >>253と同じ人種で定期的に現れる奴なんだろ <>
Name_Not_Found<>sage<>2020/05/17(日) 09:53:08.46 ID:???.net<> >>228 >>233
コイツはなんでも噛み付くから草 <>
Name_Not_Found<>sage<>2020/05/17(日) 11:23:49.79 ID:???.net<> 要するに上を見ればきりがなくて、その時点で最善の結果を出してるものを
ボトルネックと言ってもそれはただの愚痴でしか無くて意味がないという話だな <>
Name_Not_Found<>sage<>2020/05/17(日) 16:00:44.35 ID:???.net<> だめだこりゃー <>
Name_Not_Found<>sage<>2020/05/17(日) 16:12:40.80 ID:???.net<> 効率を高めるためにどんどん新しいものが出るのは問題点があるからで
改善すべきポイント（ボトルネック）が明らかに存在してるのに
現状に満足して現状最善の結果（キリッ
とかそういう問題じゃないっていってんのに
というか最善じゃねーだろ それこそ個人の感想だわ <>
Name_Not_Found<>sage<>2020/05/17(日) 16:17:38.01 ID:???.net<> こういう進化できない原人タイプがこういうスレに居るのが驚きだわ
向いてないからやめたほうがいいよ <>
Name_Not_Found<>sage<>2020/05/17(日) 17:57:42 ID:???.net<> >>274
当時のナローバンドがボトルネックって言い続けてる馬鹿に分かりやすく
例えを挙げられていることにも気付かない馬鹿という証明をご自身でされましたな
おめでとう <>
Name_Not_Found<>sage<>2020/05/17(日) 18:08:25 ID:???.net<> ナローバンドがボトルネックってまた言ってもない大嘘こいたな
だから視点が狭すぎるっていってんだろ
ある条件下においてある事象を扱う時何がボトルネックになるかって話なのに
ノータリン原人はそのまま退化してろ <>
Name_Not_Found<><>2020/05/17(日) 18:51:58 ID:cQe0SINB.net<> 他所でやれよと
自分だってスレ違いのクソ口喧嘩に辟易したことくらいあるだろう <>
Name_Not_Found<>sage<>2020/05/17(日) 19:19:45.31 ID:???.net<> sessionStorageを使って処理を行っています。
chromeの新規タブを開いた際のお気に入り的なボタン？から飛んでくると
古いsessionStorageの値を保持していてエラーが出てしまうことがある
ようなのですが、値を保持していないときもあるようで困っています。
何が考えられますでしょうか？ <>