へっぽこびんぼう野郎のnewbie日記

けろけーろ(´・ω・`)! #vZkt8fc6J

JavaScript

Promiseで、thenよりも先にcatchを書いてみる

const handleError = (e) => { console.error('Error', e) } const wrap = (func) => (...args) => { let promise = new Promise(resolve => resolve(func(...args))) let onRejected = handleError const promiseWrapper = { all: (onResolveds) => { onRes…

Refusing to install package with name "ほげほげ" under a package の解決

npm ERR! code ENOSELF npm ERR! Refusing to install package with name "cube" under a package npm ERR! also called "cube". Did you name your project the same npm ERR! as the dependency you're installing? npm ERR! npm ERR! For more informatio…

reduxよくわかんなかったのでPythonでredux実装した

class createStore: """ほんとはシングルトンにしないといけないけどわかりづらくなるのでやめた 関数にした場合は、Pythonだと "JavaScriptでは全然考えられてないローカルスコープ" で大変そうなのでクラスにした""" def __init__(self, reducer): self._s…

ツイートをフィルターして見えなくするChrome拡張つくりました

目的 ぼくはTwitterの公式ページを普段使用しているんですが、 最近、キングコング西野とその絵本たちの話題がタイムラインにあがってきてて、まあ別にどうでもいいなと思ってたんですが、これに言及するツイートもタイムラインで増殖しはじめていて、全員不…

ChromeやSafariではform.submit()できるのにFirefoxやIEだとできない問題

<html> <body></body> <script> var form = document.createElement("form"); var input = document.createElement("input"); form.action = "https://google.com/search" input.name = "q"; input.value = "Hello"; form.appendChild(input); // ↓を外すとChromeやSafariでしか動かない</html>…

人に教える用にJavaScriptでExcelもどきもどきを作った

概要 「for文とか配列とか、なんのために使うの?」っていう プログラミング初心者の人に教える用に、行・列追加とSUM関数(2個だけで1回限り…)だけのExcelの最低限の機能を作ってみた。 実用性は皆無です。実用性とかではなくて 『for文とかいろいろ学習さ…

Reduxのソースを読んでみたので、Reactを使わずにReduxを説明してみた(Redux入門)

Redux読んだ 会社の勉強会で発表したので共有も兼ねて。スライドはこれ↓ Reduxをざっくり読んでみた。 この記事の前提知識 EcmaScriptがあることは知っている ES6を使うにはBabelがオススメ! npmでインストールするのとかpackage.jsonとかは知ってる。それ…

Big "Babel" Is Watching Another ".babelrc" in Your Home Directory, Root Directory, And So On :)

ERROR in ./foo.js Module build failed: Error: Couldn't find preset "react" relative to directory "/Users" at /Users/usrNeko/es6teset/node_modules/babel-core/lib/transformation/file/options/option-manager.js:395:17 at Array.map (native) at …

AmChartsのGuideにmouseoverしたときにうまく動かない(does not work well)件

ValueAxis | JavaScript Charts v. 3 | amCharts には書かれてないけど、 ソースに書いてあったので let valueAxis = chart.valueAxes[0]; // Override valueAxis.handleGuideOver = (a) => { clearTimeout(chart.hoverInt); let color = a.fillColor; void …

JS初心者から ES6、React、Reduxへの道ガイドを書いた(・ω・)【ES6入門】

追記(Reduxのせつめいについて(2016/07/08) heppoko.hatenadiary.jp Title会社の勉強会用にスライドを書きました。disり芸しすぎているかもしれない。 ここ違うよっていうところがあったら教えてほしいです。 スライドの概要 ESの説明 → ES6で書いてみる → R…

React ReducerのもとになったReduce

> [0,1,2,3,4].reduce(function(previousValue, currentValue, index, array){ return previousValue + currentValue; }, 10); 20 [Arrow Function] > ["a","b", "c", "de", "f", "g"].reduce((previousValue, currentValue, index, array)=> { return previ…

全然よくわからないけどReact + TypeScript + webpackをとりあえずつかってみた

前提知識 npm webpackこのへんの説明は完全に省くので、webpackってなにだとか、webpack.config.jsの設定ってなにするのとか、npmってなんやねんって場合はそっちを読まないとたぶんイミフだと思います。(暗黙の了解とかを多用しているので) バージョン we…

JSを書くときは文の終わりにセミコロンをつけないと血迷われるよん話/(^o^)\!

コメントアウトしてる "呼んでないけどじゃじゃじゃじゃ~ん" の図 ナンデ!? ナンデA!!!!? ナンデ!??!?! コメントアウトやめた 下のやつもコメントアウトした aにセミコロンつけた 一番上のはじつはエラーが出ていて、次と同じエラーなのだ み…

TypeScriptをつかってみた。(Vim)

会社でTypeScriptって使えるんじゃねみたいな話になったので、導入のためにちょろっと備忘録 Ecmascript(TypeScriptってなんぞやのまえに) Ecmascriptっていう、各ブラウザなどで実装されているJavaScriptの標準規格としての仕様がある。 Ecmascriptそのもの…

Chromeの検索履歴から一部、「履歴を検索した結果」だけ消す方法

チェックボックスを全部クリックするのがめんどくさかった。 chrome://history-frame/ にアクセスする。 chrome://history ではないことに注意。こちらは普通のアクセスで行く方法だが、iframeなんかを使いやがってくれており、JavaScriptを使えない(かなり…

ニコニコ動画の動画をダウンロードできるユーザースクリプト(JavaScript)書いた(Untested)

はじめに jQueryとかAjaxとかより、もっと下のレイヤーから理解しようと思って適当にごにょごにょしてた。 JavaScriptまったく詳しくないけど適当に書いた。 使い方 Tamermonkeyというアドオンを入れて そこに を書く。 こんなかんじ そうするとニコニコ動画…

『数学が得意だけどプログラミングは初心者』な人に送る、あんまり勉強しなくてもプログラミング(OOP限定)がわかる文法の考え方とかのTips全部入り【前半】

はじめに 高校数学わかる程度の数学知識を前提として書いています。 一部『知らねーよこんなの!』というものがあるかもしれませんが、知ってください。前から順番に読んでいただくことを想定しているので、 自由奔放な読み方をするとイミフな箇所が発生する…

リンク名のコピー時に、変なところまでコピーされてしまう問題を解決するChromeExtensionの紹介

リンクにカーソルを当ててコピーしようとすると、 こんな風に、コピーしたくもない場所までコピーしてしまうことが多々ある。 たとえばこれをコピーすると、クリップボードには 「サムネイル 5:02 後で見る Learn Finnish vol. 26 - HELPFUL PHRASES」が格納…

2chとかのまとめサイトのアンテナサイトがうざすぎるので回避するブックマークレット作った。

javascript:(function(){var q = ''; if(window.getSelection) { q = window.getSelection().toString();} else if(document.selection){ q = document.selection.createRange().text;} else { q = 'error_cannotgetstring'} if(q != '') { var query = '?so…

Autopagerizeが効かないページで「次のページ」に行くのがめんどくさいのが解決した話

ネット小説読みながら思った。 「次の話」や「次のページ」をクリックするのが激しくめんどくさい。 しかもAutopagerizeが効かない。 仕方ないのでchrome extensionsか、ブックマークレットを作ろうとしたけど JavaScriptとかよくわからないから、読めないし…