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

    私的良スレ書庫

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

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

    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
    751 : Name_Not - 2017/03/13(月) 04:16:15.66 ID:???.net (+68,+27,-29)
    >>750
    それは100%無い
    情報が古すぎる
    今はchromeの独壇場だよ
    752 : Name_Not - 2017/03/13(月) 05:40:17.27 ID:???.net (+43,-30,-200)
    FILE API でテキストを読み込ませる処理でアドバイス欲しいです

    D&D形式ではなくinput typeのFILEから1つのtxtファイルを選択して読み込ませたいのですが
    ファイル選択待ちの間にonloadが止まってしまいます。
    ローカル環境では一瞬で止まるのでしょうか?

    以下、流れ
    参照ボタンで発火
    DOM idからファイル情報を取得
    ifで振り分け(テキストファイルのみ実行許可)
    以降はFILE APIです

    発火のタイミングを参照終了後にする方法があれば良いのですが、便利な方法などありませんか?

    ボタンを二回押す方式なら可能なのですがそれだと面倒なので、ファイルを選択して読み込ませたと同時に発火させたいです。
    753 : Name_Not - 2017/03/13(月) 05:47:30.44 ID:???.net (+24,+6,+0)
    日本語でおk
    754 : Name_Not - 2017/03/13(月) 06:42:13.23 ID:???.net (+62,+29,-15)
    >>752
    コードを貼ってくれた方が回答を得やすいと思うよ
    755 : Name_Not - 2017/03/13(月) 06:57:27.17 ID:???.net (+15,-29,-54)
    >>751
    Firefoxでは動くのにChromeじゃ動かないコードは掃くほどあるからな
    動作確認はChromeの方がいいかもなw
    756 : Name_Not - 2017/03/13(月) 07:52:09.65 ID:???.net (+0,-29,-28)
    >>755
    IEでは動くのにFirefoxじゃ動かないコードは掃くほどあるからな
    動作確認はIEの方がいいかもなw
    757 : Name_Not - 2017/03/13(月) 08:09:46.61 ID:???.net (+4,-29,-43)
    >>755
    chromeで動かない=webkitで動かないってことにほぼ等しい
    今の時代そんなコードはゴミに等しいんだよ
    開発の確認で使うならFireFoxは今すぐ投げ捨てたほうがいい
    758 : Name_Not - 2017/03/13(月) 08:22:13.46 ID:???.net (+57,+29,-4)
    IEってほんとまともになってきたよね・・・
    759 : Name_Not - 2017/03/13(月) 08:46:57.35 ID:???.net (+47,+24,-31)
    アロー演算子認識してくれなくね?
    760 : Name_Not - 2017/03/13(月) 09:47:19.22 ID:???.net (+32,-29,-19)
    >>757
    webkitはもう切り捨ててるよ。
    使ってるブラウザ少ないし
    IEよりもシェアが低い
    761 : Name_Not - 2017/03/13(月) 13:01:22.95 ID:???.net (+66,+29,-3)
    >>760
    君恥ずかしいからもう来ない方がいいぞ
    762 : Name_Not - 2017/03/13(月) 13:24:10.14 ID:???.net (-1,-29,-20)
    chromeはdocument.headで操作もできないヘボ
    763 : Name_Not - 2017/03/13(月) 15:23:28.80 ID:???.net (+8,-29,-85)
    >>752 です。
    解決できました。

    jsの発火タイミングをonChangeに変更したらonloadが正常に動きました。
    問題が解決する前はファイルを選択画面を表示させるボタンを押したと同時に発火していたため、onloadが終了を確認する前に強制停止していたようです。

    ちなみに、ローカルでもサーバーでも2往復して変化がなければ強制停止するみたいです(IE、FFで確認)
    764 : Name_Not - 2017/03/13(月) 15:31:29.62 ID:???.net (+57,+29,-15)
    うん。初心者が躓きやすいポイントだね。
    でもすぐ気づいたのは素晴らしいよ。
    その調子で頑張ってね。
    765 : Name_Not - 2017/03/13(月) 19:53:03.00 ID:???.net (+3,-29,-96)
    また問題発生。
    FILE APIでwindowsのコンピュータに生成したテキストファイルをbase64エンコードをかけて保存。

    読み出すと英数字は取得できるが、デコードをかけると文字化けを起こす。

    どんな問題が考えられますかね?
    766 : Name_Not - 2017/03/13(月) 20:45:04.48 ID:???.net (-1,-26,-1)
    文字コード
    767 : Name_Not - 2017/03/13(月) 21:32:43.05 ID:???.net (+4,-29,-16)
    jsならutf8に統一せんと今後苦労するぞ
    768 : Name_Not - 2017/03/13(月) 21:36:53.92 ID:???.net (+13,-29,-12)
    >>761
    webkitは、ほぼSafari専用だよ
    他のブラウザはwebkit使ってない
    知らないの?
    769 : Name_Not - 2017/03/13(月) 22:05:21.00 ID:???.net (+11,-29,-80)
    >>768
    釣りなんだろうけど、シェアトップのChormeはWebkitベースだし、スマホのシェアも
    約半数がiPhone Safariで、次点でAndroid Chromeだけど、これらもWebkitだよ
    ログをとっていなくても、サイト制作経験があるなら
    -webkit-という接頭辞で自ずとわかるはずなんだけどね
    770 : Name_Not - 2017/03/13(月) 22:22:08.58 ID:???.net (-1,-29,-28)
    今はandroidの標準ブラウザもwebkitになってしまってる
    世の中ほぼ全てがwebkitな時代に突入してるんだよ
    771 : Name_Not - 2017/03/13(月) 22:29:53.21 ID:???.net (+3,-19,-11)
    Blink「…」
    772 : Name_Not - 2017/03/13(月) 22:33:54.45 ID:???.net (+9,-30,-158)
    純粋なWebkitはSafari, iOS Safari
    WebkitからフォークされたBlinkがGoogle Chrome, Android Chrome, Android標準ブラウザ, Opera
    歴史的経緯からGoogle Chromeのベンダー接頭辞は -webkit、Operaは知らん
    他、ニンテンドー3DS, PS3,PS4...etc
    773 : Name_Not - 2017/03/13(月) 22:55:54.46 ID:???.net (-1,-29,-7)
    3DSのブラウザ、webkitだったのか
    使えない機能がめちゃ多くてメモリ少なくてかなりきついブラウザだった
    774 : Name_Not - 2017/03/13(月) 23:04:21.38 ID:???.net (+37,-30,-184)
    >>766
    >>767
    文字コードチェックしたところ、js,css,htmlファイルともにutf-8のボム無しでした。
    ですが、jsから吐き出されたtxtファイルはbase64エンコードを通したものだけshift-JISに変換されていたようです。

    windowsに保存されたので文字コードが変換されたのかと思い、念のためにbase64を通さずFILEAPIだけで生成してみたところ、こちらはutf-8ボム無しで保存されていました。

    原因はほぼ間違えなくbase64エンコード関係だとみています。
    ですが、保存は最終的にはFILEAPIで行うのに途中で文字コードが変わるんですかね?
    775 : Name_Not - 2017/03/13(月) 23:46:51.16 ID:???.net (+69,+29,-4)
    >>774
    抜粋したソースでいいから貼ってもらえないかな?
    776 : Name_Not - 2017/03/13(月) 23:50:00.22 ID:???.net (+67,+29,-35)
    なんぞライブラリ通して使っててそのライブラリが勝手にやってるとかじゃねーよな
    777 : Name_Not - 2017/03/14(火) 00:04:16.70 ID:???.net (+4,-30,-44)
    >>769
    > 釣りなんだろうけど、シェアトップのChormeはWebkitベースだし、スマホのシェアも

    釣り? ChormeはWebkitベースじゃない
    当然スマホもiOSを除きWebkitベースじゃない
    そしてWebkitベースじゃないものがほとんど
    778 : Name_Not - 2017/03/14(火) 00:07:16.44 ID:???.net (+9,-29,-121)
    直接関係なくかつ無知で申し訳ないんだが
    File APIの、ユーザにとっての安全性って
    要するに「ユーザに選ばせるから通常のinput type="file"と同じよ」ってことでいい?
    んで機能的には非表示iframeをtargetにしてformからアップロード、ってさせなくてもjsがデータ受け取れるよ的な
    779 : Name_Not - 2017/03/14(火) 00:09:30.87 ID:???.net (+35,+7,-21)
    Chromeの中に含まれていたWebkit由来のコードは
    2014年の時点ですでに半分にまで減っている
    今は殆どないだろう
    780 : Name_Not - 2017/03/14(火) 00:12:43.61 ID:???.net (-1,-29,-3)
    おや、QtもWebkitを廃止してるみたいだね
    781 : Name_Not - 2017/03/14(火) 00:18:39.77 ID:???.net (+4,-29,-139)
    >>772
    > 歴史的経緯からGoogle Chromeのベンダー接頭辞は -webkit、Operaは知らん
    違う。Google Chromeのベンダー接頭辞はつけない。

    Blink、新機能に対して新たなベンダープレフィクスを追加しない決定
    http://cpplover.blogspot.jp/2013/05/blink.html

    今も残っているとしたら、それは過去の遺産だろう

    OperaはChromeと同じエンジンを使っている
    Webkitではない
    782 : Name_Not - 2017/03/14(火) 00:19:52.39 ID:???.net (+3,-30,-195)
    CSS からベンダプレフィックスという仕組みが消える日
    http://hyper-text.org/archives/2013/05/goodbye_vendor_prefixes.shtml

    「ベンダプレフィックスに -chrome- が増えるの?」 という質問に対して、

    今後、新しい機能に対してベンダプレフィックスを増やすことはしない
    実験的な DOM / CSS の機能に関しては、about:flags で設定可能にする
    正式にリリースが可能になった時点で、dev/canary チャネルにおいてデフォルト有効の状態にする
    既存の -webkit- ベンダプレフィックスは引き続き使用可能
    プレフィックス付きの記述をどのタイミングで廃止するかは、統計データを基に決める
    783 : Name_Not - 2017/03/14(火) 00:21:39.47 ID:???.net (+35,-30,-62)
    >>778
    > んで機能的には非表示iframeをtargetにしてformからアップロード、ってさせなくてもjsがデータ受け取れるよ的な

    iframeは必要ない。そんなものを使わなくても、formからsubmitしなくても
    input type="file"でファイルを選んだ時点でjsからデータ取れる
    784 : Name_Not - 2017/03/14(火) 00:26:34.26 ID:???.net (+91,+29,+0)
    >>783
    言い直しただけやん
    785 : Name_Not - 2017/03/14(火) 00:27:37.30 ID:???.net (-1,-29,-36)
    ベンダプリフィックスが -webkit- だから
    これはwebkitに違いないって思ってたのか
    無知だなぁw
    786 : Name_Not - 2017/03/14(火) 00:28:05.50 ID:???.net (+69,+29,-12)
    >>784
    よく読もうねおじいちゃん
    787 : Name_Not - 2017/03/14(火) 00:33:40.92 ID:???.net (+9,-30,-97)
    元々はwebkitからforkしてました
    だんだんとwebkitのコードから独自のコードに変えていきました
    当時のベンダープレフィックスはwebkitだったけど今後は-webkitでも-chromeでもなくprefix無しになります

    どれも数年前の話からそのまま進んでるといえど
    >ChormeはWebkitベース
    >歴史的経緯からGoogle Chromeのベンダー接頭辞は -webkit
    これ間違ってないように見えるのだが
    788 : Name_Not - 2017/03/14(火) 00:34:41.10 ID:???.net (+3,-30,-236)
    -webkit- をサポートしていたら、それはwebkitというのなら、
    Edgeはwebkitってことになるなw

    http://msdn.microsoft.com/en-us/library/mt270097(v=vs.85).aspx

    Supported WebKit APIs

    For improved compatibility, Microsoft Edge supports a variety of "-webkit-" prefixed APIs.
    Below is a list of these supported APIs.

    Google翻訳

    サポートされているWebKit API

    互換性を向上させるために、Microsoft Edgeでは、プレフィックス付きのさまざまな "-webkit-" APIをサポートしています。
    以下は、これらのサポートされているAPIのリストです。
    789 : Name_Not - 2017/03/14(火) 00:35:00.58 ID:???.net (+57,+29,-13)
    この阿呆はマイクロソフト系ばかりの平社員PGって感じだな
    もっと現実的をみろよ
    790 : Name_Not - 2017/03/14(火) 00:36:34.72 ID:???.net (+34,-30,-114)
    >>787
    Webkitのコードは削除されたのでもはやWebkitではない。
    Blinkで動いてテストしても、Webkitで動くことにはならないのだから

    >歴史的経緯からGoogle Chromeのベンダー接頭辞は -webkit
    互換性のために残しているだけ。
    Edgeが互換性のために-webkit-をサポートしているのと何も変わらない
    791 : Name_Not - 2017/03/14(火) 00:39:03.32 ID:???.net (+57,+29,-33)
    Chromeで動かないJSコード書くアレな人はまだムキになって屁理屈捏ねてるの?
    792 : Name_Not - 2017/03/14(火) 00:39:54.93 ID:???.net (+35,-29,-141)
    Chromeで動けば、Safariでも動くって思っている人には
    夢見せてあげれば良いんじゃないっすかね?w

    Safariで動くかテストした?って聞かれれば
    Chromeで動いたからだいじょっブッスよwww
    って言っておk

    BlinkからWebkitのコードが削除され
    WebkitからChrome用のコードが削除されてるってことは
    知らなかったことにしておけば良いwww
    793 : Name_Not - 2017/03/14(火) 00:41:33.15 ID:???.net (+46,+14,-30)
    >>790
    blinkにはwebkitのコードは最早存在しないということか?
    そういうのってどの辺みればわかるの
    794 : Name_Not - 2017/03/14(火) 00:42:19.90 ID:???.net (+0,-28,-12)
    オープンソースなんだからgithubにでもあるだろ
    795 : Name_Not - 2017/03/14(火) 00:52:37.89 ID:???.net (+30,+7,+0)
    ※確認していません
    796 : Name_Not - 2017/03/14(火) 00:54:30.30 ID:???.net (+18,+0,-1)
    確認しろよw
    797 : Name_Not - 2017/03/14(火) 00:57:31.59 ID:???.net (+3,-30,-78)
    http://caniuse.com/

    Browser scores
    Chrome 56: 275
    Firefox 52: 274
    Safari 10: 217
    Edge 14: 210


    これみても、ChromeとFirefoxは同じぐらいだけど、
    そこから2割差が開いてSafariはEdgeと同じぐらいだからな。
    これで同じと思っちゃうのは頭が悪い
    798 : Name_Not - 2017/03/14(火) 00:58:41.80 ID:???.net (+60,+29,-23)
    >>792
    話そらすのに必死だなおまえ
    Chromeで動かないレベルのコード書くバカなんだからそろそろ自重しないと
    799 : Name_Not - 2017/03/14(火) 01:00:01.81 ID:???.net (+62,+29,-23)
    ○○ベースっていう言葉のいみすら分からないの?
    800 : Name_Not - 2017/03/14(火) 01:03:01.96 ID:???.net (+3,-30,-67)
    WebKitはKDEプロジェクトで開発されたKHTMLをフォークして作られたのだから
    KHTMLベースと言うべきだ。どんなに変わっとしてもだ!

    http://ja.wikipedia.org/wiki/WebKit

    > WebKitは、元々アップルのmacOSに搭載されるSafariのレンダリングエンジンとして、LinuxやBSDといった、
    > Unix系用のレンダリングエンジンであるKHTMLをフォークして開発された。
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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