TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
色々なHTML
【イカれた】goo テレビ番組ナビ【横幅】
ＨＰの作り方教えて下さい
Web制作板の連中もRSSを導入しようぜ
FrontPageスレッド
写真サイト管理人の集い 3枚目
HTMLの文字コードなににしてる？
ゴッゴル
CSS何で書いてる？んだよぅ
フリーページで携帯サイトを作ってる人 その2再々々
+ JavaScript の質問用スレッド vol.139 +
- 1 ：2019/04/20 〜 最終レス ：2019/05/22
- JavaScript を自ら学ぶ人のための質問スレッドです。
次スレは>>950が(本スレで改善案があれば考慮して)立ててください
■規則/推奨ルール
・メール欄を空欄にし、名前にレス番を入れることを強く推奨(なりすまし防止)
・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
・質問テンプレートの利用推奨。
・質問への「答え」から解離した議論はよそでやること。
■禁止行為
・丸投げ質問
・迷惑スクリプトの質問
・オレオレ用語の使用(一般的な用語を使用する事)
・煽り、批判等の他人を不快にさせる行為(批判の代わりに「AよりBが良い」のような代案を出す事)
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。
【条件】期待する回答の条件を書いてください。
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/
■回答者へ
・回答には多様性があります。他人の回答を尊重してください
・動作ブラウザや環境が限られる場合は、それを明記してください
・他人の回答を批判する代わりに、自分ならこう書くという例を示してください
・質問者がJavaScriptでなければ実現できないと勘違いしてるなら、その否定としてHTMLとCSSで実装しても良い
・他人の回答を見たくないのであれば、文句をつける代わりにNGにして見えないようにしてください。文句をつける＝荒らしです
■前スレ
+ JavaScript の質問用スレッド vol.138 +
http://mevius.2ch.sc/test/read.cgi/hp/1550337177/
- 2 ：
- ■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. ページ上で右クリックして [要素を検証]
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 型の中身をそのまま表示してくれます。)
- 3 ：
- ■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 和訳)
- 4 ：
- ■各種仕様 (続き)
◆ 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/
- 5 ：
- ■テンプレ案
https://fiddle.jshell.net/6ksf2087/show/light/
■参考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
- 6 ：
- ■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/
- 7 ：
- 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に一本化されました。
- 8 ：
- ■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。
- 9 ：
- ■JavaScript主要ライブラリ・フレームワーク 利用率
https://w3techs.com/technologies/overview/javascript_library/all
- 10 ：
- var x_pos;
var y_pos;
function draw_redRect(x_pos,y_pos){
context.beginPath () ;
context.rect(x_pos,y_pos, 100, 100 ) ;
context.fillStyle = "red" ;
context.fill() ;
context.stroke() ;
}
for(i=0;i<4;i++){
x_pos += 100;
draw_redRect(100,0);
}
四角形の位置ををずらして、連続して表示させたいんですが、どう記述すればいいでしょうか
いろいろ試したんですが、ギブです、、、
- 11 ：
- for(i=0;i<400;i+=100){
draw_redRect(i,0);
}
じゃないのか？
- 12 ：
- 一時期はスレが乱立分散してそれでも一週間でスレが埋まり続けるほど盛り上がってたのにな
１つの話が炎上して一両日で500レスつくこともそう珍しくなかった
寂しいねぇ
- 13 ：
- でもこれからプログラミングが義務教育になることだし
優しい質問所に学生が聞きに来るみたいな流れで落ち着く未来しかないんだろうね
- 14 ：
- 2chなんかに来ねぇよｗ
老人の集会所みたいに思われてるのにｗ
- 15 ：
- じゃあプログラミングに限らず技術関連の話し合いを完全匿名でしたい若者は今はどこに集まってるんだろうね
- 16 ：
- そんな卑怯な世代はお前らで終わり
- 17 ：
- いや、俺の世代でももう終わってたよ？
終わってる世代でも日本全国の中から特異な奴が２、３人集まれば十分に盛り上がる
よく炎上してた当時は今よりも自演だのなりすましだのが言われてて
つまりユニーク人数的にはそう多くはなかったのだから
ただスレに住み着いた妖精やら、スレを横断してかき乱す嵐が沢山いて
そいつらに張り合わないといけないこともあって
スレの普通の住民も活気があって、一体感があった
それはどこへ行っちゃったんだろうね？
- 18 ：
- スレを横断してかき乱すruby嵐まだいるじゃん
- 19 ：
- >>11
図形のコードはどうなるでしょうか
- 20 ：
- >>20
https://jsfiddle.net/k1vho37y/
canvas以前にJavaScriptの基本的な文法すら理解してないだろ
ゼロからやりなおしたほうがいいんじゃね？
- 21 ：
- 初心者です
ありがとうございます
- 22 ：
- >>20
i<400になっていますが、どうして400まで繰り返す必要があるんでしょうか？
drawrect()
と関数を１００ピクセルずらして、４回実行すればいいだけなのではないかと思っていたのです
i<4
この関数を４回実行すればいいだけだと思うのですが、
動かすのなら４００フレーム必要だとは思います
- 23 ：
- >>22
for (let i = 0; i < 400; i += 100) {
drawRect(i, 0, 100, 100, "#FF0000");
}
i+=100だから4回しか実行されないだろ
JavaScriptの基本的な文法すら理解してないならゼロから勉強しなおせと
400回繰り返してほしいのか？
- 24 ：
- ああ なるほど
理解しました
- 25 ：
- VarでなくConst使ってるJavaScriptの書籍ありませんか？
- 26 ：
- >>25
Exploring ES6
- 27 ：
- ES6を紹介してる書籍は今ではもう古い
- 28 ：
- >>27
ES2018を紹介している書籍はあるのかね？
- 29 ：
- そうではなく
ES2016,2017が出てきだしてからES2015を紹介してるものに比べて
"ES6"を紹介してる書籍は最古参のものがそろそろ５年立つし
比較的最近出版されたものでその呼び名を使ってるということは
それはそれで時代遅れ本のサインだということ
- 30 ：
- 初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017
ただし、これは初心者が読める本ではない！
最低でも、Ruby など数言語を知っていないと、理解するのは無理です！
- 31 ：
- Rubyなんてくそ言語知識なんて必要なかったよ
- 32 ：
- var canvas = document.getElementById("maincanvas");
var context = canvas.getContext("2d");
function drawRect(x,y,width,height,color){
context.beginPath () ;
context.rect(x,y, height, width ) ;
context.fillStyle = color ;
context.fill() ;
context.stroke() ;
}
for (i = 0;i < 400;i += 100){
drawRect(0,i,20,20,"blue");
}
教えてもらったコードで四角形を繰り返し表示してます
ただ、ページの読み込みが止まらず、応答なしになることがありました
原因は
for (i = 0;i < 400;i += 100)
を
for (i = 0;0 < 400;i += 100)
とミスタイプしていたことだったのですが、vs codeでエラーは出ません
こういうエラーではない問題を探すにはどうしたらいいんでしょうか？
- 33 ：
- JSHint とか。Javascript用、構文チェッカー
- 34 ：
- 0 < 400を構文チェッカーが指摘すんの？ｗ
なんて？ｗ
- 35 ：
- 簡単なパズルのチュートないすか
>>34
ですから、それはわかってます
- 36 ：
- >>29
勿論、新しいに越したことはないが、最新かつ高品質な書籍でお勧めできる玉がない
書籍は当たり外れが大きいので、書店で出版日の新しい書籍を選べ、ともいえない
あなたがそれを掲示してくれるなら、問題はないのだが
- 37 ：
- 当たり外れというものはヒトの人生において子供の頃からずっと付きまとうもの
外れに十分に触れてそれが外れだと分かるようにならないといけないし、
分かるようになれば大人にとっては幾らでも教材を取り替えられるので問題は生じない
マラソントレーニングをこれからしようという人に近道を教えて甘やかすのは良くない
- 38 ：
- >>36
入門書はいくら評判良くても相性悪くて読み通せないなら意味ない
なので基本的には本人が読みやすいと感じる本でいいと思ってる
ES3時代のは流石に古いから2015年以降くらいで選ぶのがいいだろうけど
まあ、流石にこれはどうなんだろうって本も中にはあるけどさ
子供（小学校高学年くらい）向けで去年出た本で
変数宣言無しで書いててびっくりした
スコープは子供には難しいという判断だったのかなあ
- 39 ：
- シャッフルの方法なんですが、フィッシャーイエーツのアルゴリズムというものに含まれていたコードのこれはなんですか？
var n = array.length,t,i;
console.log(n);
出力してもtの未定義エラーです
https://h2ham.net/javascript-%E3%81%A7%E9%85%8D%E5%88%97%E3%81%AE%E3%82%B7%E3%83%A3%E3%83%83%E3%83%95%E3%83%AB
- 40 ：
- >>35
継続条件の書き間違えによる無限ループは誰でもやらかすし、
構文上は何も問題がないから構文チェッカー等も効かず、動かす前に見つけるのも難しい
よって対策は
・for(初期化;継続条件;更新処理)はなるべく使わずforEachやfor of、for inを使う
・使わないといけないときは気を付ける
・ブラウザが固まったくらいで慌てない
くらいしか、現在のところはないよ
あとパズルとかのサンプル欲しいなら
https://nextpublishing.jp/book/8499.html
がおすすめ
前半のHTML/CSS入門のあたりは古臭いし出来は良いと思わないが
ゲームのコード及び解説の部分はすごく丁寧で詳しい
- 41 ：
- >>38
読みやすいとか、平易な説明だとかをウリにする書籍は高確率でコード品質が悪い
書店でパラパラとめくったり、Q&Aサイトや2ch等で紹介された本のサンプルコードやら引用文を見ると、かなりの確率で間違いがある
独断と偏見を承知でいえば、日本人が著者のものはほぼ全滅なのではと思う
その辺の品質の低さを許容し、将来的に間違いを補正することを必要経費と割り切るなら、本人の好みで決めれば良いと思う
最も、>>25は質問が端的すぎて、趣旨が分からんが
- 42 ：
- AmazonとGoogle Booksでレビューと中身お好きなだけ見て買えばいいじゃん
こういうところで聞く人の気持が分からん
- 43 ：
- for(i=0;i<3;i++){
a = setTimeout(i,i * 5000);
console.log(a);
}
一定間隔ごとに数字が増える処理はこれではだめですか？
- 44 ：
- はい。
- 45 ：
- どこがですか
- 46 ：
- for(i=0;i<3;i++){
setTimeout('console.log(i)', 5000);
}
- 47 ：
- for(var i=0;i<3;i++){
setTimeout('console.log(i)', i * 5000);
}
- 48 ：
- どちらもvscodeではエラー出るのですが
- 49 ：
- for (var i = 0; i < 3; i++) {
setTimeout((function(i) {return function() {console.log(i)}})(i), i * 5000);
}
- 50 ：
- >>43
for文を使わず、再帰しなされ
- 51 ：
- いいかげん15パズル君は基礎からやりなよ
何度も言われてるのにそこだけスルーだよな
多少なりとも成長があればいいけど、ちっとも質問のレベルが上がらない
こんな変なコードよく書けるね
- 52 ：
- >>39
「javascript カンマ演算子」で検索！
- 53 ：
- (async () => {
for (let i = 0; i < 3; i++) {
await new Promise(resolve => setTimeout(resolve, 5000));
console.log(i);
}
})();
- 54 ：
- Web制作板でIE11不可なコード書いちゃうやつって寒くね？
- 55 ：
- >>51
どう書くんですか？
- 56 ：
- 3×3 の、〇×ゲームでも作れば？
<table id="board">
<tr><td></td><td></td><td></td></tr>
ここに、さらに、同じものを2行書く。
2ch では、繰り返しが多いと、NG になって書けない！
</table>
そもそも、こういうボードがあって、君は、
クリックされたマスに、〇×を描くことが出来るのか？
さらに、縦横斜めに、3つ揃ったら、ゲーム終了させる、終了判定処理も書けるのか？
- 57 ：
- ↑サンプルください
まるばつゲームがそもそもわからないです
- 58 ：
- >>57
上の方にしっかり縛り付けたロープの端でまるを作ります
あなたの首を通します
ジャンプして足をつかないようにおしりで着地します
これがまるばつゲームです
ばつの意味はやると分かります
今すぐやってみて！
- 59 ：
- 「〇×ゲーム」(三目並べ)で検索！
- 60 ：
- >>57
サンプル貰っても、貰ったコードをちょっと改変して「出来ました！」となるだけでしょ
それこそ、制御構文とか、配列とか、基礎から学びなおしなよ
- 61 ：
- >>54
Web制作版でIEという文字を書くだけで寒い
- 62 ：
- 最近暑いから助かるわ
- 63 ：
- 広告がたくさんあるサイトとかよくブラウザが固まって
応答していません強制終了しますかになるけど
Web Wokerでローディングしてフリーズ回避とかできますかね？
- 64 ：
- できる
絶対にできないということはそんなにはない
- 65 ：
- web workerに対応していないブラウザもある
- 66 ：
- atomを使ってるんですが、atom -runnerというものは信頼性はあるんでしょうか？
デフォルトで入っているデバッグ環境とかないのです？
- 67 ：
- ｊQuery を勉強しているのだが「＄」キーがめちゃくちゃ押しにくいのだが、みんなはどうしてるの？
ブラインドで打つと「％」とか「＃」を押してしまうことが結構あるよね
- 68 ：
- window.jjjj = $;
jjjj('#hoge').hide();
jjjj('#hoge').show();
- 69 ：
- >>67
打ちにくいと感じたことないけど
$が嫌ならjQueryって打つのでもいけるよ
jQuery(...)の略が$(...)
でもまあたくさん$打ってればそのうち指が慣れると思う
- 70 ：
- >>68でいいじゃん
jはホームポジションだぞ
これ以上押しやすくならんだろ
- 71 ：
- >>68
むかし
var j = $;
って書かれてるのに遭遇して悶絶したことがある
しばらく何がおかしいのか気づけなかった
- 72 ：
- >>70
> >>68でいいじゃん
良くない。jQueryで推奨されるやり方でやるべき
- 73 ：
- 「jQueryで推奨されるやり方」っていうのは別名を付ける正しいやり方ってことね。
もちろん $ を使うのが一番いい。タッチタイピングの問題は訓練するしか無い
- 74 ：
- かなり手が小さい俺でも
小指でシフト押しながら4に中指は届くから
まあ慣れだろう
- 75 ：
- javascriptでは記号一文字グローバル変数を特定ライブラリが占有するのが推奨されてるのか。ふーん
- 76 ：
- >>69が推奨されるやり方
- 77 ：
- >>75
C言語やPHPの世界でも _ という名前の関数が、特定ライブラリに
専有されていたりしますし、いまさらですねぇ
君、世界が狭くない？ｗ
- 78 ：
- Perlで変数がスカラーだからjQueryで使われているのに違和感がある
- 79 ：
- >>75
JSは仕様とエンジンが分かれていて中心的なコミュニティもないから
何が推奨、何が非推奨とかはない
何でも自由で好きにしたら良いし、好きにしてるものを好きに使わなかったらいいだけ
ライブラリスレならまだしも、ここで１ライブラリの不満を言っても仕方がない
jQueryはjQueryでしかないのだから
- 80 ：
- そもそも他プログラムでドル記号なんて使えねえんだからjquery専用でいいだろ
困ることは何もない
- 81 ：
- 困る場合はなくはないけど、そういう時のためにjQueryは
$以外を使うための方法をちゃんと用意してるので
すごいなぁと思った。一流のライブラリってこういうものなんですね。
- 82 ：
- >>77
使われることと、それを良しするかは別問題
https://teratail.com/questions/94084
- 83 ：
- >>81
ぶっちゃけ、即時関数で昔から対応できたことなので、「何でそんな事までライブラリにやらせるんだ」と思ってた
prototype.jsと衝突した初心者から非難を受けて対策したんだろうけど、衝突させる方が悪い
名前衝突問題を説明する悪例としては、ちょうどいいが
- 84 ：
- >>80
Perlの変数名の頭は $ だろ
配列は @ だし、ハッシュは % だし、リファレンスは \$ \@ \% だからね
$aaa, @aaa, %aaa, \$aaa, \@aaa, \%aaa, $$aaa, %$$aaa, $$$aaa ←これ全部変数だし
- 85 ：
- >>82
だから良いってことだよｗ
- 86 ：
- >>85
「だから」が結論への繋がりを示してない件
- 87 ：
- prototypeやjQueryが流行りだす前夜
みんな俺俺ライブラリを作ってたと思うけど
閉じ込める変数名、なん文字くらいにしてた？
俺3文字だったけど、1文字に比べたらけっこうダルかった思い出
- 88 ：
- >>84
今のPerlは違う
- 89 ：
- >>86
だから、一文字変数や関数が実際に使われており
必ずしもダメってわけじゃないってことが
リンク先に書いてある。
- 90 ：
- >>87
俺俺ライブラリなら当然長くしないとダメだよ。
短くしていいのは、スコープが小さい or 一文字を使うに値するほど
汎用的で実際に汎用的に使われている。
俺俺にその価値はないからね。
- 91 ：
- >>90
なんでー
いいじゃん別に
俺俺ライブラリ使わにゃならんような状況なんだから
- 92 ：
- 俺俺なら、1〜2文字の大文字にするだろうな
- 93 ：
- >>87
俺俺ライブラリわかるわー、今も使う
>>88
聞いたこと無いから詳しく知りたい
Perlの変数って先頭に$,@,%を付けないとuse strictしてなくても必ずsyntax errorになるんだが？
- 94 ：
- >>91
一人でやるなら良いよ。
でも、他の人に話が通じない。
例えば仕事で「俺俺オレライブラリ」の経験者を
雇うことはできないんだからさ
結局どれだけ知られているかどうかだよ。
$だとjQueryだろうなって知られてる。
だけどjだと知られてない。そいういうこと
あ、jだとループ変数 i, j, k のjとして使われるか。かぶるな。
- 95 ：
- >>94
そりゃ俺俺だもの
あたりまえじゃーん
使う人だけで仕様を共有するんだよ
- 96 ：
- 俺もユーティリティ系のモジュールは$にインポートする
他の人に話が通じない？そんなことはない
Oredayo.hogehoge()の代わりに$.hogehoge()とか使ってたら混乱する？
んなわけない
- 97 ：
- >>89
どう読んだのか知らんけど、
> 「サイズが小さい」は圧縮ツールを使えば、同様の事が可能な為、この書き方を好む人は次のような人です。
>
> - 出来るだけ短いタイプ数で気持ちよくコーディングをしたい人
> - 書いたコードを保守する場面を考慮しない人
> - 自分がコードを分かれば良い人(他人がコードを読む配慮がない)
君はそういう人なのね
- 98 ：
- >>97
今はjQueryの$の話だよ？
$は正確には変数ではなく関数である。
一文字を使ってるのは$だけである。
jQueryはできるだけ短いタイプ数にはなっていない。（toggleClassなど）
$は世界中で知られている。自分以外もわかる。他人がコードを読む配慮担っている。
つまりそこに書いてるのと全く当てはまらないから
逆に使うべきってことになる。
- 99 ：
- 知ってるよ！prototypejsの記号だよね！
- 100 ：
- そう。このようによく知られているならばいいんだよ
俺俺で使うなって話
100〜のスレッドの続きを読む
Google検索を叱りつけるスレ１０
HTMLの文字コードなににしてる？
第21回 厨房メール展覧会
【音楽素材】MIDI配布サイト
AdobeがMacromediaを34億ドルで買収
HTML5はなぜ失敗したのか
サイト運営で嬉しい事があった管理人の憩いの場。2
【ITギア】ＩＴギアアクセス解析
独自拡張、草案段階のCSSについて語れ
高飛車極まれり Yahooのビジネスエキスプレス
--------------------
【DFFOO】DISSIDIA FINAL FANTASY OPERA OMNIA part1218【苦痛周回想定通りジレンマ ディシディアオペラオムニア】
ちらしの裏
逆転検事２の緒屋敷司はスイーツかわいい
嫁が妊娠した★9
月刊少年チャンピオン
ロードオブヴァーミリオン失敗スレ21
少子化の原因は自由恋愛の定着なのか？
☆ 魔法先生ネギま！ ☆ 329時間目
リニアモーターカー MAGLEV 17
藤井恥太が早速衰える始める
【国内】韓国で口蹄疫が発生 “肉製品持ち込みＮＧ” 海外旅行客へ注意呼びかけ 福岡空港[04/10]
アーミーオブツー雑談
【アトピー】北海道の豊富温泉【乾癬】パート17
B型作業所の給料を上げよ
【悲報】東工大さん、関東出身が8割の超ローカル大学だったｗｗｗｗ
FGOのマシュは何故、伝説的ヒロインであるセイバー・凛・桜を超えるfateシリーズの看板ヒロインになれたのか [711847287]
オトコンOTOCON婚活パーティ★6
株式会社 ケア21 たのしい家
日本ワインを応援するスレ18本目
ドラゴンシャドウスペル信者山積み21人目
TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
