Home

axiosのcatchがサーバレスポンスではなくjavascriptエラーを返す

console.logが文字列を返すため.responseが表示されない javascript axios.post('/', data) .then(res => console.log(res)) // {data: {…}, status: 200, statusText: "OK", headers: {…}, config: {…}, …} .catch(error => { console.log(error); // Error: Request failed with status code 422 // at createError (app.js) // at settle (app.js) // at XMLHttpRequest.handleLoad (app.js) console.log(error.response); // {data...

jsでMapとSetを使う。

Mapオブジェクトの基本についてまとめてみた。 いわゆるkey, valueでデータを保存するためのオブジェクトである。 Objectオブジェクトより、厳格なkey, valueを設定することが出来、便利なメソッドがある。 例えばobjectオブジェクトとmapオブジェクトの違う点は 1. mapオブジェクトには、データを収集するための様々なメソッドが用意されている。 2. Objectオブジェクトではキーは文字列のみだが、mapオブジェクトではキーとして任意のデータ型の値を扱える。 3. mapオブジェクトでは...

フロントエンドに必要なとりあえずのjsプラグイン2017

2017年時点。 あとでちゃんと書く。 ▼ ユーティリティー系 Moment.js https://momentjs.com/ jsは Date がハマるし辛い。ので時間系を扱う時はかなり必須。 [日本語解説] http://blog.asial.co.jp/1158 lodash.js https://lodash.com/ 配列やオブジェクトの整形 / イデオム系の実装 / テンプレートエンジン がまとまった軽量ライブラリ Underscore.js が使えない案件で使う。 [日本語解説] https://techblog.kayac.com/2017-12-2_lodash lodash.js も使えないケースでの参照 → jQuery...

諦めた

ReactもReduxも初心者には無理だった話 諦めたので別メモ扱い size:r.property.size/1024|0, Kbyteにして小数点切捨て 合ってなくてもそれらしい

jsのクラス要素解析

はじめに jsのclassに関して以下の情報を得たい - getterの有無とその関数 - setterの有無とその関数 - methodの関数 - static methohd の関数 - class の宣言時の名前 - constructor の引数名 主に以下の関数を用いることで解析できます. - Reflect.getOwnPropertyDescriptor - Reflect.ownKeys - Function.toString() コード クラス雛形用意 class Piyo { constructor(argA, argB) { console.log('@constructor :: ', Reflect.ownKeys(this)); this.memberA = argA; }...

jsめも

イマドキのナウいJSの書き方 https://qiita.com/shibukawa/items/19ab5c381bbb2e09d0d9 ES2018で追加される機能まとめ https://qiita.com/Yuta_Yamamoto/items/dc083fb8855e314b86d7 2018年のフロントエンドエンジニアならこの程度は知ってて当然だよな? https://qiita.com/rana_kualu/items/96b303307d6435aedf8b npm script https://qiita.com/mysticatea/items/e9bf581fb28c5f1cd660 リーダブルコードの要約。8章はマスト https://qiita.com/fkrw/items/7646563a2b238fbcff9a ラ...

JSのいろいろなジェネレーター関数の書き方まとめ

JSでgeneratorを書くとき、メソッドの記法によって*をどこに書くかわからなくなることがあったのでまとめた。 generatorについて https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Iterators_and_Generators ジェネレーター関数は、イテレーターのファクトリーとして働く、特別な種類の関数です。この関数を実行すると、新しいジェネレーターを返します。function* 構文を使用している場合に、関数はジェネレーター関数となります。 通常の関数式 let g = function* () {}...

Frame Playerを使おうとしてハマった箇所と対応メモ

背景動画をモバイルでも自動再生したいとの要望があり、Frame Playerというパラパラ漫画の仕組みで静止画(のバイナリデータ)を動画風に見せるプラグインを利用しました。 なお、こちらは音声の再生には対応しておりませんのでご注意ください。 基本的な使い方は検索すればいくつか記事がヒットするのでそちらを参考にしていただくとして、ここでは実際に使おうとしてハマった箇所と対応の備忘録になります。 FFMPEGって何?でハマった Frame Playerの使い方を検索すると、ほとんどの...

JS学習

JS Learning React Debug Tool react-native Start with Docs Standalone Debugger Tool Awesome project Redux State control Examples Angular2 Docs Vue.js Docs Mithril.js Mithril modernizr What is strict mode 'use strict' Compiler Babel Coffee Typescript ClojureScript Some Platform Create Microservice StdLib Ansyn function management Rx JS lib for Moment MomentJS encapsulation css and React Components React CSS Modules Webpack separate js and rails We...

テスト投稿。

(function(){ $.fn.qta = function{ return (function(t){ return t; })("test") }; })(jQuery)

daterangepickerをシングルカレンダーとして使用。表記を英語から日本語へ変える方法。

locale:で囲む。 検索するとなかなかこの記述が出てこなかったので公式リファレンスより引用した。 何故か月が日本語になるだけで、曜日が日本語になってくれない。 $(".single_cal2").daterangepicker({ singleDatePicker: !0, singleClasses: "picker_3", format: 'YYYY-MM-DD', locale: { format: 'YYYY-MM-DD', yearSuffix: '年', showMonthAfterYear: true, monthNames: ['1月', '2月', '3月',...

【js】連想配列では.lengthを使えない

var scores = {Taro: 72, Ken: 93, Tom: 85, John: 68}; // この下にコードを書いてください var sum = 0; var cnt = 0; for(var k in scores){ console.log(k+'さんは'+scores[k]+'点です'); sum += scores[k]; cnt++; } var ave = sum/cnt; console.log('平均点は'+ave+'点です。');

デブサミ2016感想

はじめに イベント名 Developers Summit 2016 参加日 20160218(木、初日のみ) 今年は初日のみ、4セッション聴講してきました。 去年はSparkメインに聴きましたが、今年はJS中心です。 業務ではHadoop(Java)を使った集計システムの構築やOracle+perl/pythonのBE、phpでのFEがメインですが、 ハッカソンとかではろくに書けもしないjsを楽しんでいます。 今年中にjsエンジニアになりたくて勉強してきました。 初投稿です、間違い等々ありましたらご指導のほどよろしくお願いしますm(_ _...

【Tone.js】iOSで音が鳴らない現象の対処

Tone.jsという、音を扱うためのjsフレームワークがあります。 Tone.js https://github.com/Tonejs/Tone.js かんたんにコードを書けるし、すぐ音が出てとても面白いのですが、iOS端末でページを見たときに、音が鳴らないことがあります。AndroidやPCは大丈夫なのに。 本記事ではその対処法を紹介します。 ちなみに動作環境は、iPod touch (iOS9.3) です。 たとえばtone.jsの基本的なコードとして、以下のような、「ボタンを押したら音がなる」ものを実装したとします。でもこれだとiOS...

JavaScriptの数学関連の関数まとめ

JavaScriptの数学関連の関数まとめ JavaScriptのMathクラスには数学関連の定数や関数が用意されています。 今回は、それに加え幾つかのライブラリも紹介します。 JavaScriptの数値について JavaScriptの数値は全てIEEE 754の64ビット浮動小数点数で表わされます。 整数や少数といった型の区別はありません。 数値のフォーマット指定 数値を表す形式を指定したい場合があります。 例えば、2.0093ではなく、2.01と表示したり、1949032ではなく1,949,032といった表示をしたい場合です。...

ifとswitch どっちが早い

switchみたい requestanimationframe内で状態管理しながら、ループ回すときに、どっちがいいんだろうなと思った。 そんなに気にする必要ないけど、betterなのはswitchみたい パフォーマンス計測 こういう場合の、パフォーマンス計測の正しいやり方ってどんなものがあるんだろう? reference http://stackoverflow.com/questions/767821/is-else-if-faster-than-switch-case

JavaScriptブラウザのサイズ

■ブラウザサイズ JSからブラウザのサイズを調べる方法は2つあります。 1.スクロールを含んだサイズ 2.純粋なブラウザのサイズ ※こちらはIEのみです。 ■ブラウザの全体サイズ →IE 8以下 document.body.offsetWidth →IE 8以上 window.outerWidth →Chrome, Firefox, Opera, Safari window.innerWidth window.outerWidth ■ブラウザの高さ →IE 8以下 document.body.offsetHeight document.body.clientHeight →IE 8以上 window.outerHeight window.innerHeight →Chrome, Firefox, Opera...

フォーム必須チェック用備忘録

フォームの必須項目チェック フォームで必須項目使う事はよくあると思いますが、それの入力がされているかチェック方法の備忘録です。 チェックボックスにチェックが入っている個数 $('input[type="checkbox"]:checked').length 選ばれていないセレクトボックス $('select option[value=""]:selected').length ※value部分は物によります 他随時追加予定

javascriptで多次元を一次元にしたい

なんとかならんかと思ったらあった http://www.jstips.co/en/javascript/flattening-multidimensional-arrays-in-javascript/

最初の文字とスペースの後の文字を大文字にするjs

jsで最初の文字とスペースの後を大文字にしたい人たちへ 半角英字の名前入力でチカラを発揮します というかそれ↑用に作成したものです name_camel.js function strUpper(str) { var nameStrArray = str.split(' ');//半角スペースのみ対応。全角もいれるなら\sでもいいかもしれない var nameFirst = nameStrArray[0]; var nameSecond = nameStrArray[1]; nameFirst = nameFirst.charAt(0).toUpperCase() + nameFirst.substring(1).toLowerCase(); nameSecond = na...