[過去ﾛｸﾞ] + JavaScript の質問用スレッド vol.142 + (566ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
1(1): 2019/09/17(火)18:55 ID:TLBaKhfW(1) AAS
JavaScript を自ら学ぶ人のための質問スレッドです。
次スレは>>950が(本スレで改善案があれば考慮して)立ててください
■規則/推奨ルール
質問者は !slip:vvvvv を名前欄に、その後は「レス番」＋!slip:vvvvv
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問テンプレートの利用推奨。
・質問への「答え」から解離した議論はよそでやること。
■禁止行為
・丸投げ質問
・迷惑スクリプトの質問
省20
2(1): 2019/09/17(火)18:56 ID:??? AAS
2 名前：Name_Not_Found[] 投稿日：2019/05/19(日) 16:08:41.33 ID:2J4OYdDV
■FAQ
◆開発者ツール(Developer Tools)の基本的な使い方
▼諸注意
- 本説明では Google Chrome の開発者ツールの名称に従います。他ブラウザで使う場合は適宜読み替えて下さい。
- Edge- でコンソールを使うには予め開発者ツールを起動しておく必要があります(開発者ツールを起動しないと console.log() が機能しません)
- Safari はデフォルトで開発者ツールが無効な為、有効に設定する必要があります。
https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html
▼要素を検証
1. ページ上で右クリックして [要素を検証]
省10
3: 2019/09/17(火)18:57 ID:??? AAS
■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
省11
4: 2019/09/17(火)18:58 ID:??? AAS
■各種仕様 (続き)
◆ 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 和訳)
省17
5(1): 2019/09/17(火)19:00 ID:??? AAS
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
省5
6: 2019/09/17(火)19:04 ID:??? AAS
■各種仕様
◆ Standard ECMA-262
http://www.ecma-international.org/ecma-262/6.0/ (ECMAScript 2015, いわゆる ES6)
https://www.ecma-international.org/ecma-262/9.0/ (ECMAScript 2018)
https://tc39.es/ecma262/ (ECMA-262 最新ドラフト)
◆ 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 和訳)
◆ ES5（削るべきか要審議）
省4
7(1): 2020/06/10(水)10:49 ID:??? AAS
electronは凝ったインターフェースが難しいのですか？
2dキャラを動かす物を作りたいのですが
8: [sag] 2020/06/15(月)09:43 ID:??? AAS
>>7
難しくはありませんよ
普通の人には簡単に使えるようになっています
9(2): 2020/06/15(月)20:44 ID:??? AAS
https://github.com/mdn/webextensions-examples/tree/master/borderify
githubでダウンロードするにはどうしたらいいんでしょうか
ダウンロードボタンがないです
10: 2020/06/15(月)22:31 ID:??? AAS
>>9
一部じゃなくて全部ダウンロードしろ
一つ上に上がれ
ちゃんとしろ
11(1): 2020/06/15(月)22:55 ID:??? AAS
>>9
$ svn export https://github.com/mdn/webextensions-examples/trunk/borderify
12: 2020/06/15(月)23:38 ID:??? AAS
普通は、プロジェクトを丸ごと、git clone するけど、
こんなに大きいと、ダメだな
13(1): 2020/06/16(火)13:49 ID:+kHD6bzC(1) AAS
>>11
あえてsvnとは
14: 2020/06/16(火)15:35 ID:??? AAS
>>13
一番簡単にディレクトリ以下のみをダウンロードできるから
gitだと同じこと出来ない
gitでやるならこんな感じ
.git/以下を取得するから単にダウンロードするのとは違う
$ cd <path>
$ git init
$ git remote add origin https://github.com/mdn/webextensions-examples
$ git sparse-checkout set borderify/
$ git pull --depth=1 origin master
15(2): 2020/06/16(火)21:49 ID:??? AAS
ローカルサーバを立てるとはどういうことですか？
なぜwindowsのフォルダをそのまま使えないのでしょうか？
サーバ特有の機能があるのでしょうか？
16(1): 2020/06/16(火)21:51 ID:??? AAS
>>15
>ローカルサーバを立てるとはどういうことですか？
ローカルにサーバーを立てること
>なぜwindowsのフォルダをそのまま使えないのでしょうか？
何に使えないの？
>サーバ特有の機能があるのでしょうか？
あるよ
17(1): 2020/06/16(火)22:22 ID:??? AAS
>>15
理由は２つある
１つはサーバーが無いと実現できないことがある
でも大抵のコンテンツは関係ない
もう１つは、わざとローカルファイル間のアクセスが制限されている
セキュリティのため
何もできないわけではないけれど不便なのでサーバーをたてる
nodeを使った超簡易ローカルサーバーが幾つかあるから
それらを試してみるのがオススメ
18(1): 2020/06/17(水)04:18 ID:??? AAS
ブラウザ環境は、クロスドメイン禁止(CORS)だから、
自分のPC 内にサーバーを立てて、サーバー上に、HTML を置く
一番簡単なのは、VSCode の拡張機能、Live Server
Ruby なら、コマンドプロンプト・PowerShell から、1-liner で、
Ruby製の遅いウェブサーバー、WEBrick が起動する
ruby -run -e httpd . -p 8080
そのフォルダ内に、index.html があれば、これでブラウザからアクセスできる
http://localhost:8080
19(1): 2020/06/17(水)06:01 ID:??? AAS
>>16
webアプリが動かなかったりするのではないですか？
よくxamppなどを開発用に使うと思います
しかしxamppは自分の環境で不具合あるんですよね、、、
>>17
例えばどのようなコンテンツでしょうか？
簡易ローカルサーバとはxamppなどと何が違うのでしょうか？
20(1): 2020/06/17(水)10:28 ID:??? AAS
>>19
webアプリはwebサーバー上で動くように作ったアプリケーションなんだから
サーバー立てずに動かそうとする意味がわからない
xamppもwebサーバーの一種
おま環で不具合あるならそれを解消するか違うの使えばいいだけだよね
上下前次1-新書関写板覧索設栞歴
あと 546 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.526s*