のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,490,653人
昨日:no data人
今日:
最近の注目
人気の最安値情報

    私的良スレ書庫

    不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
    ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

    元スレ+ JavaScript の質問用スレッド vol.131 +

    JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
    レスフィルター : (試験中)
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
    51 : Name_Not - 2017/11/28(火) 20:04:20.45 ID:???.net (-5,-29,-5)
    >>45
    /^([1-9]*)0(\d*$)/.exec(string);
    52 : Name_Not - 2017/11/28(火) 21:01:34.18 ID:???.net (+0,-30,-76)
    >>45
    事前に string 値が整数文字列である事を保証できるか否かで>>51と使い分ける
    var i = string.indexOf('0');
    var match = [string.slice(0, i), string.slice(i + 1)];
    console.log(match); // ["1", "20304"]

    >>46
    var string = "100"; で破綻する
    53 : Name_Not - 2017/11/28(火) 22:19:01.45 ID:???.net (+96,+29,-131)
    ライブラリ荒らしは、ライブラリを禁止にした奴が荒らしかな?
    とにかく、スレを一杯立てた奴が荒らしなんだよ

    Undescore から、Lodash へ移行したのは、皆が知ってる常識だから、荒らしじゃない。
    今でも、Undescore を使っているのは、Backbone だけ

    荒らしは、jQuery, Lodash とか、皆が新しい知識を得るのを、邪魔してくる。
    荒らしは食えないから、他人の勉強の邪魔をしてくる

    とにかく、JavaScript の情報を書いてない奴が荒らし。
    推薦書を書いても、ステマやステマやとか、荒らしは皆の邪魔してくる

    とにかく、JavaScript の情報を書いてない奴とは、会話しないように。
    そいつは荒らしだから
    54 : Name_Not - 2017/11/28(火) 22:50:20.27 ID:???.net (-3,-30,-44)
    >>45
    > var string = "1020304";
    > 分割して[1,20304]にしたいです
    まずstringの文字列の法則と、分割後の array は String なのか、Number なのか
    質問に於いての説明が不十分
    55 : Name_Not - 2017/11/28(火) 22:53:46.60 ID:???.net (-1,-29,-48)
    Vue.js meet upが応募開始10分で100人満員になってた…
    Vue.js人気だねー
    56 : Name_Not - 2017/11/29(水) 00:31:12.26 ID:???.net (+43,-30,-218)
    file:///d:\sample.htmlからhttp://localhost/postmethodにajaxでpostすると失敗します。エラーコードは0です。
    失敗する原因として、下記が3つ存在することまではたどり着きましたが、試行錯誤のうえ解決に至っていません。
    1.サーバがCORSに対応していない。
    2.異なるプロトコルにAjaxできない。
    3.Chromeのセキュリティポリシー。
    他に何か思い当たることはありますか?
    やはりfileからhttpにajaxは出来ないのでしょうか?
    (そうなるとデバッグが微妙に面倒です)
    57 : Name_Not - 2017/11/29(水) 02:48:43.74 ID:???.net (+48,+25,-1)
    0は成功してる可能性もあるぞ
    58 : Name_Not - 2017/11/29(水) 07:12:15.77 ID:???.net (+4,-29,-72)
    >>56
    クロスドメインかセキュリティポリシーだと思う
    hosts触って
    http:/exasmple.com
    でアクセスした時にローカルを見るようにするといい

    具たち的にはこんな感じ
    http://qiita.com/nbkn/items/e72b283c54403a30b2e1
    59 : Name_Not - 2017/11/29(水) 07:14:56.47 ID:???.net (+63,+29,-26)
    >>56
    プロトコルもホスト名もポート番号すら違って、同一オリジンと見なされるわけがない
    CORSについて勉強し直すべき
    60 : Name_Not - 2017/11/29(水) 20:19:58.42 ID:???.net (+142,+29,-86)
    SPAみたいなアプリを作るんですが、内部の状態を全部保存して、次にアプリを表示したときに
    復元するのですが、普通の静的型付け言語ならモデルにメソッド追加したりしても、
    大抵は元に簡単に戻せるんですが、JavaScriptではどうすればいいんでしょうか??
    JSONじゃなくてもいいんですが、自前でシリアライズ・デシリアライズする処理を
    かいてるんでしょうか??
    61 : Name_Not - 2017/11/29(水) 21:10:01.55 ID:???.net (+62,+29,-275)
    メソッドごと保存しようというのは正しくない
    まず、仮想DOM的なものを設計して、HTMLでもCanvasでもアタッチ出来るくらいのビューを用意する
    そしてそのビューに対してこれからどういう変更を加えるか、加えてきたかのアクションチェーンを設計する
    実行はアクションチェーンを読み出しつつ各アクションの種類に応じてswichを使ったりして行う
    保存はアクションチェーンオブジェクトと仮想DOMオブジェクトをそのままIndexedDBなんかに保存すれば良い
    JSONは循環参照を扱えないのでオススメしない、まあ循環参照だけならほぐしてJSON化可能だが
    画像なんかのバイナリも別に保存したいこともあろうからIDBがオススメ
    1アクション中のアニメーションだったり、もうちょっと工夫が必要だがそれで概ね上手くいく
    62 : 1/2 - 2017/11/29(水) 21:24:24.05 ID:???.net (+76,+30,+0)
    >>60
    なんかいろいろずれてる気がするな
    web製作板なのだからウェブアプリってことでいいのか?
    SPAみたいなアプリを作ると書いているが、あなたが書いている内容は
    SPAとは関係ない話になっている。

    まず
    > 内部の状態を全部保存して、次にアプリを表示したときに復元するのですが、
    と書いてあるがウェブの世界ではSPAでなくとも一般的にサーバーにデータを保存し、
    ページを表示した時にサーバーからデータを取ってくる。SPAではそれがページ単位ではなく
    何かしらのコンポーネント単位になることもよくある

    > 普通の静的型付け言語ならモデルにメソッド追加したりしても、
    > 大抵は元に簡単に戻せるんですが、
    一般的にシリアライズっていうのはデータのみを保存するのだから
    モデルへのメソッドを追加に関しては、静的型付け言語かどうかは関係ない

    シリアライズが(簡単に)可能かどうかっていうのはクラスのインスタンス変数を
    全て取得する方法を言語やライブラリが提供しているかどうかにかかっている
    JavaやRubyはそれが可能なので簡単に実現できるが
    JavaScriptはではそういったことは完璧にはできないので出来たとしても制限がある
    一般的にできないと考えたほうが良い

    とはいっても、JavaScriptのobject(配列や連想配列)≒JSONなのでJavaScriptのクラスが
    持っているデータをobjectとして管理していれば、比較的簡単にJSON化できる。
    なおJSONではなく他のバイナリデータにシリアライズするライブラリも有ったはず

    そして「次にアプリを表示したときに復元する」というのはobjectを表現するデータを
    JSON形式でもいいし、そうでない形式でも良いが、サーバーに保存することになる
    オブジェクト自身を保存するというより、中身のデータを保存するという感じ
    まあつまりは自前でシリアライズ・デシリアライズする処理を書くことに相当するわけだが
    繰り返すがJSON形式を用いればそれは大したことじゃない
    63 : 2/2 - 2017/11/29(水) 21:30:41.02 ID:???.net (+81,+30,-289)
    そしてSPAとは関係ない話では有るが、SPAを実装する時は
    自力で作るのではなく、何らかのフレームワークを使ったほうが良い

    残念ながら俺はSPAフレームワークには詳しくないのだが、
    SPAを作りやすくする"フレームワーク"として機能で
    オブジェクトをシリアライズ・デシリアライズする機能があるかもしれない。

    つまりフレームワークが決めたルールに従って作ることで
    モデルを簡単にシリアライズしたりデシリアライズできる。
    そういう機能があるかないかはしらないが、自力でSPAアプリを作るのは骨が折れるので
    SPAアプリを作るというのが本当の目的であれば、
    まずSPA対応のフレームワークの使い方を勉強することをおすすめしたい


    ちなみになぜ「SPAアプリを作るというのが本当の目的であれば」なんて
    わざわざ言ってるのかというと繰り返すが>>60の内容はSPAアプリを
    作る時の話とは関係ないから
    64 : Name_Not - 2017/11/29(水) 21:41:57.38 ID:???.net (+58,-29,-177)
    >>60ですが、そこまでは書きませんでしたが、実際はReactを使います。で、それと他にRedux使うかMobX使うかとか
    どうするか色々調べてるところです。例えば、MobXとか使うと元のオブジェクトがラップしてオーブザーバルになるみたいんです。
    React使う前にも他にデータバインディングできるライブラリを調べると、元のオブジェクトをラップしたり
    とか何種類か方法があるみたいんですが、そららを使うと
    JavaScriptのobject(配列や連想配列)≒JSONじゃなくなるっぽいので、一般的にどうすればいいのかなと
    思った次第です。
    65 : Name_Not - 2017/11/29(水) 21:51:40.81 ID:???.net (+36,-30,-217)
    漏れもブラウザで、ローカルHTML・JS ファイルから、
    jQuery のAjax で、2ch にアクセスしようとしたけど出来なかった

    iframe 内になら取得できるけど、外側のHTMLファイルからは、アクセスできない。
    内外で、異なるサイトに扱われるから

    そこで、ブラウザから、YQL(Yahoo! Query Language)のサービス・サーバーを利用して、
    アクセスする方法があった。
    jquery.xdomainajax.js も、YQLを使っていたけど、動かなくなった

    異なるサイト同士では、直接アクセスできない。
    Node.js とか、Node.jsを含んだ、Electron など、
    サーバーを立てて、サーバーを介して通信しないといけない
    66 : Name_Not - 2017/11/29(水) 21:52:12.00 ID:???.net (+101,+29,-157)
    JavaScript一般的にはシリアライズする方法はないので自力でやる必要がある。
    そこら辺をフレームワークがカバーしている(かもしれない)
    というのが答かな


    もともとJavaScriptはクラスなんてものはなかったから
    シリアライズすべき変数はなんや?って話なんだよ。

    ローカル変数を使われるとクラス(に相当する関数)の外から見る方法はないし、
    関数を値として扱えるから、関数のコードをシリアライズするの?って話まででてくるし
    67 : Name_Not - 2017/11/29(水) 21:55:27.62 ID:???.net (+62,+29,-3)
    >>65
    YQLなんていずれだめになるだろう
    あれは使うべきではない
    68 : Name_Not - 2017/11/29(水) 22:00:32.30 ID:???.net (+80,-30,-105)
    入門 React ――コンポーネントベースのWebフロントエンド開発、2015

    Reactビギナーズガイド ――コンポーネントベースのフロントエンド開発入門
    Stoyan Stefanov, 2017

    Stefanov の本では、Flux を使って、JSON で、localStorage に保存している。
    まあ、これは例題だから、実際には、DB を使うのだろう
    69 : Name_Not - 2017/11/29(水) 22:03:37.19 ID:???.net (+57,+29,-14)
    怖い例題だな
    ブラウザ開発者の機嫌次第で一発でふっとびそう
    70 : Name_Not - 2017/11/29(水) 22:14:18.15 ID:???.net (+68,+29,-125)
    >>68
    > JSON で、localStorage に保存している。
    そこは(どうでも)いいんだよね。
    表現形式と保存場所の話だから

    シリアライズっていうのはオブジェクト(クラスのインスタンス)を
    どうやって保存できる形式に変換するかって話だから

    その本ではクラスのインスタンスのシリアライズの話をしてる?
    71 : Name_Not - 2017/11/29(水) 22:21:05.46 ID:???.net (+19,+1,+0)
    PWAっぽい
    72 : Name_Not - 2017/11/29(水) 22:34:24.67 ID:???.net (+76,+29,-143)
    >>64ですけど、
    >>66
    >もともとJavaScriptはクラスなんてものはなかったから
    >シリアライズすべき変数はなんや?って話なんだよ
    ありがとうございます。
    いったんクラスというのも忘れて真剣に考えないとダメっぽいですね。

    >>68
    そうですね。redux使うと、完全にStoreはシンプルになるので、そのまんまシリアライズ・デシリアライズ
    できそうなんで、そこは楽そうなんですが、redux自体がactionやらactionCreaters,Reducersやらで・・
    73 : Name_Not - 2017/11/29(水) 22:43:31.41 ID:???.net (+3,-30,-83)
    Reactビギナーズガイド ――コンポーネントベースのフロントエンド開発入門
    Stoyan Stefanov, 2017
    http://github.com/stoyan/reactbook

    whinepad という名前で、Excel みたいな表を作っている

    インスタンスの保存だけど、メソッドは保存しない。
    保存するのは、データだけ
    74 : Name_Not - 2017/11/29(水) 23:12:17.69 ID:???.net (+65,+29,-19)
    >>53
    なんか素で勘違いしてそうだからレスするけど
    スレをいっぱい立てまくってたのが件のテンプレ改変した人であり前スレとここの>>1だよ
    75 : Name_Not - 2017/11/29(水) 23:28:35.87 ID:???.net (+63,+30,-132)
    スレをいっぱい立てまくっていたのが、荒らしだろ?
    それで皆、苦労したんだろ?

    このスレは、荒らしが立てたスレか?
    まあそれなら、再利用すればよい

    とにかく荒らしは、議論させないように、皆の邪魔をする。
    jQuery の話をするなとか、Lodash の話もするなとか、DOM の話もするなとか、
    荒らしの言う通りやっていたら、スレが細分化されて、議論できなくなる。
    そうやって、ここのコミュニティをつぶすつもりだろ

    スレを分けるなら、プログラム板のように、
    初心者向け・上級者向けに分けるべき
    76 : Name_Not - 2017/11/29(水) 23:32:17.41 ID:???.net (+57,+29,-21)
    その話いい加減にしてくれないかな?
    いま問題なく進行してるだろうが
    77 : Name_Not - 2017/11/29(水) 23:46:16.66 ID:???.net (+26,+21,+0)
    スレ議論スレでも作れば
    78 : Name_Not - 2017/11/29(水) 23:48:36.69 ID:???.net (-24,-30,-258)
    >>77
    はいどうぞ。そしてその末路も見ていってください。
    投票結果見て明らか。議論にすらならない。やるだけ無駄

    + JavaScript の質問用スレッド vol.123 + [無断転載禁止]©2ch.net
    http://mevius.2ch.net/test/read.cgi/tech/1491143438/33

    33 名前:デフォルトの名無しさん (ワッチョイ 75d1-JAgm [114.169.237.158])[] 投稿日:2017/11/19(日) 16:06:59.97 ID:ANnOsUYp0
    投票です。

    現在JavaScript関連にはまともなスレがありません。
    新しいスレを立てた方がいいと思いますが賛同する方はいますか?

    新しいスレの内容の条件

    ・JavaScriptだけを扱う(AltJSやBabelやTypeScript禁止)
    ・ブラウザのDOM APIだけを使う(jQueryなどのライブラリやフレームワーク禁止)
    ・サーバーサイド禁止(nodejsなど禁止)
    79 : Name_Not - 2017/11/29(水) 23:53:10.48 ID:???.net (+24,+0,-1)
    >>78
    thx
    あったんだ、知らなかった・・・
    80 : Name_Not - 2017/11/30(木) 00:12:37.60 ID:???.net (+3,-30,-161)
    >新しいスレの内容の条件

    >・JavaScriptだけを扱う(AltJSやBabelやTypeScript禁止)
    >・ブラウザのDOM APIだけを使う(jQueryなどのライブラリやフレームワーク禁止)
    >・サーバーサイド禁止(nodejsなど禁止)

    これが、荒らしが作りたいスレだろ?
    何も、コミュニティが交流できないように作っている

    荒らしの言う通りやっていたら、スレが細分化されて、議論できなくなる

    次スレからは、プログラム板のように、
    スレを初心者向けと、普通用に分けてくれ
    81 : Name_Not - 2017/11/30(木) 00:34:22.31 ID:???.net (+57,+29,-12)
    初心者用と普通用ということであれば話題の内容は一緒だ。
    どちらもライブラリの話題も対象となる。
    82 : Name_Not - 2017/11/30(木) 00:46:22.21 ID:???.net (+57,+29,-8)
    というと反対してくるんだろうな
    結局ライブラリの話題を禁止したいだけ
    83 : Name_Not - 2017/11/30(木) 00:50:52.17 ID:???.net (+56,+28,-29)
    初心者用は、主に言語の文法などが、わからない人向け。
    普通用は、フレームワーク・ライブラリも含める

    プログラム板もそうだし、これで良い
    85 : Name_Not - 2017/11/30(木) 01:23:35.71 ID:???.net (+57,+29,-14)
    また、初心者用のスレを勝手に立てて、ライブラリ禁止とか書いてる

    こいつがいつもスレを一杯立てる、荒らしじゃないのか?
    86 : Name_Not - 2017/11/30(木) 01:28:02.36 ID:???.net (+57,+29,-22)
    初心者専用のスレがほしいって言ったから立ててやっただけだろ
    あとは勝手にメンテしろや
    俺は最初からいらないって言ってる
    87 : Name_Not - 2017/11/30(木) 02:50:24.30 ID:???.net (+96,+29,-139)
    初心者って言ってもどのような初心者かわからないんだから
    分けるんなら目的に応じて分けないと駄目でしょ

    JavaScript.DOM勉強スレ(ただしライブラリ排除ではなく、あくまでDOMや標準APIから学んでいく事をモットーとした勉強のためのスレ)と
    JavaScript解法相談スレ(JSをできるだけ深く学習する事なくライブラリやツールを駆使して簡単に問題を解決する事をモットーとしたスレ)
    で分けよう

    これまでの質問スレは終了
    88 : Name_Not - 2017/11/30(木) 06:42:10.12 ID:???.net (+62,+29,-96)
    ライブラリ禁止とか、DOM禁止とか、jQuery禁止とか、
    色々な制限を加えて、皆が議論できないようにしてる

    禁止事項を勝手に作って、スレを一杯立ててる、こいつが荒らし

    今まで、Lodash厨が荒らしかと思っていたけど、荒らしじゃなかった。
    誰が荒らしか、ようやく分かった
    89 : Name_Not - 2017/11/30(木) 08:27:32.88 ID:???.net (+70,+29,-7)
    >>87
    勝手にスレ作って勝手に保守してろ
    ここが嫌ならさっさとでていけ
    90 : Name_Not - 2017/11/30(木) 20:23:32.06 ID:???.net (+63,+30,-129)
    ライブラリ禁止とか、DOM禁止とか、jQuery禁止とか、
    色々な制限を加えて、皆が議論できないようにしてる

    結局、スレのテンプレを勝手に変えて、禁止事項を勝手に作って、
    スレを一杯立てている奴が荒らしだな

    ライブラリ用スレとか、jQuery用スレとか、
    スレを分割して、皆が議論できないようにしたのも、この荒らしか

    皆、荒らしと会話しないように。
    もし気付かず、荒らしと会話している人がいたら、荒らしと教えてあげて
    91 : Name_Not - 2017/11/30(木) 20:36:33.57 ID:???.net (+57,+29,-11)
    テンプレを勝手に変えた>>1も荒らしということだな
    >>1を相手にしないように
    92 : Name_Not - 2017/11/30(木) 21:08:37.84 ID:???.net (+3,-30,-83)
    既存の配列に他の配列を連結したいのですが、1発でやる方法はないでしょうか?
    for (let sourceItem of sourceItems) destItems.push(sourceItem);
    現状、ループを回しています。
    93 : Name_Not - 2017/11/30(木) 21:38:08.27 ID:???.net (-2,-30,-22)
    新しい配列で良いなら
    destItems.concat(sourceItems)
    94 : Name_Not - 2017/11/30(木) 21:42:26.10 ID:???.net (+3,-30,-67)
    JavaScriptの配列の使い方まとめ。要素の追加,結合,取得,削除。
    http://qiita.com/takeharu/items/d75f96f81ff83680013f

    指定した位置に一つ以上追加 - splice

    非破壊的な結合 - concat
    破壊的な結合 - push
    95 : Name_Not - 2017/11/30(木) 22:02:59.31 ID:???.net (-2,-30,-59)
    pushにこだわるなら
    Array.prototype.push.apply(destItems,sourceItems);
    あるいは
    destItems.push(...sourceItems);
    96 : Name_Not - 2017/11/30(木) 22:36:42.10 ID:???.net (+4,-30,-77)
    既存の配列を書き換えたいのです。要は破壊的結合で。
    destItems.push(...sourceItems);
    ああ、pushでそんな書き方できたんですか・・
    >>28で教えてもらったスプレッド演算子ってやつですね。
    ありがとうございます。
    97 : Name_Not - 2017/12/01(金) 02:33:38.45 ID:???.net (+57,+29,-6)
    スプレッドって巨大な配列でやろうとするとエラーになるから嫌いなんだよな
    98 : Name_Not - 2017/12/01(金) 07:29:45.46 ID:???.net (+53,+24,-3)
    巨大ってどれぐらい?
    99 : Name_Not - 2017/12/01(金) 08:34:48.80 ID:???.net (+56,+28,-10)
    配列長の制限値を超えた配列作ろうとすればそりゃエラーになるが
    別にスプレッド関係ないわな
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

    類似してるかもしれないスレッド


    トップメニューへ / →のくす牧場書庫について