JavaScript

1/3ページ

JSのブラウザ環境毎のエラーを無くすためにやったこと

僕がクロスブラウザ対応のためにJSのブラウザ環境毎に発生するエラーを無くすためにやったことをまとめました。 TL;DR エラーハンドリングを行いエラーを収集した Class構文+Babelでコードの可読性を向上させた Polyfill.ioも利用 エラーの収集 先ず、現状どんなエラーが発生しているのか知らないとエラーを治すことができないので、JSのエラーハンドリングを行い簡単にエラーを収集しました […]

JavaScriptで発生したエラーを収集する方法

プログラムのエラーを修正の為には、エラーメッセージを確認することが一番ですが、当たり前ですが、JSで発生したエラーはユーザーのディベロッパーツールには表示されますが、サーバー側には何も記録されません。 JSは、ブラウザによってエラーが発生することもあり、不具合の再現が困難な場合があります。 そういった問題を解決するためには、JSのエラーハンドリングを行って、サーバー側にログを残して置くと非常に便利 […]

JSで画像やCSVを保存させるのにクロスブラウザ実装で悩みたくない

JavaScriptで画像やCSVなどを生成してユーザーに保存させる際にIE・EdgeだとmsSaveOrOpenBlob(),Chromeはリンクタグをbodyにdownload属性付きのaタグを追加しなくてもいいがFirefoxは追加しないとならないし、iOSはセキュリティ対策で独自の仕様を取り入れていたりと各ブラウザ毎に様々な対応が必要となって完璧にクロスブラウザの実装するのは結構骨の折れる […]

脱jQueryにおすすめのJavaScriptライブラリ

脱jQueryにおすすめのjQueryレスなJavaScriptライブラリを紹介します。 autoComplete 入力中の内容から自動で候補となるテキストを表示してくれるライブラリ Github デモ Usage Choices.js セレクトボックス内に選択肢の検索機能を追加するSelect2ライクなライブラリです。jQueryを使わずにSelect2を導入したいときに役に立ちます。 Gith […]

Safariなどのmanifest.jsonに非対応ブラウザに

PWACompatは、manifest.jsonの対応していないブラウザをサポートすることができるGoogle製のライブラリです。 このライブラリを使用すれば、iOSのためにメタタグを羅列したり、スプラッシュスックリーン用の画像を準備する作業から開放されます。 デモ Google Developers デモサイト 実装方法 各ブラウザへの効果 iOS Safari apple-mobile-web […]

ES2015(ES6)をすべてのブラウザで使えるようにコンパルする

JSでletやconst、class構文などが使えるようになったES2015(ES6)ですが、IEなどの一部ブラウザでは、まだ対応されていません。 ES2015(ES6)対応状況 主要ブラウザで未対応なのは、IEぐらいですが、日本ではまだIEユーザーが多く存在するので、class構文など使用したい場合は、ES2015(ES6)がすべてのブラウザで使えるようにコンパルして上げる必要があります。 Ba […]

CSSとJSをAtomで自動的に圧縮する

こんにちわ、ライブラリとかを使用する際とかに「style.min.css」と言った圧縮されたファイルをよく見かけますよね。 「.min」は、minifyのことで改行やスペースなどの不要なものを削除してファイルを圧縮する手法のことです。 CSSやJSを圧縮するには、WEBツールやサーバーサイドで行う方法がありますが、今回はエディタで自動圧縮する方法をご紹介したいと思います。 エディタで自動圧縮するメ […]

1 3