Nervously Peeking Much Because I Love NPM 入門JavaScriptプログラミングposted with amazlet at 19.02.09JD アイザックス 翔泳社 売り上げランキング: 20,011 Amazon.co.jpで詳細を見る 自分で公開しているパッケージのダウンロード数をまとめて取得したかったので、 npmのユーザーアカウントを指定して、そのアカウントが公開している全パッケージの直近ダウンロード数（前日・前週・前月）を表示するnpmパッケージを公開しました（ちょっとややこしいですね）。 目次 概要 インストール 使い方 出力サンプル あとがき 概要 npm-dlc というコマンドラインのツールです。npmユーザーの名前を指定して実行するとそのユーザーが公開しているパッケージの直近のダウンロード数を表示します。 npmではダウンロー

photo credit: wuestenigel White Cup with Coffee Grains via photopin (license) mochaとchaiを使ったnpmのユニットテストをブラウザで動かすための設定をご紹介。 mochaにはブラウザで動作させる機能が備わっていますが、テストスクリプト以外にHTMLも用意しなくてはならないので少し億劫なんですよね。 実際には、ほぼ定型のHTMLなのですが、結構情報が少なくて「これで決まり！」みたいなのがない感じ。 コンソールとブラウザでスクリプトを共有したい場合に、問題が出て途方に暮れたこともありました。 ところが最近、ゆる～く試行錯誤を繰り返した結果、自分なりのテンプレートみたいなのが出来上がりつつあるので、ここに書いておきますよっと。 これとは逆に、WEBブラウザ向けESM(ESモジュール)のmochaのスクリプトをN

photo credit: suzyhazelwood DSC04299-02 via photopin (license) コンソールから Node.jsを使って Google OAuth2 クライアントID による OAuth 認証のお試しコードを書いてみました。 日々の作業でGit BashやMSYS2を多用していますが、コンソールからGoogle Driveのスプレッドシートを参照したり、検索、定型データの追加などが軽くできれば、いちいちブラウザアプリを開いて「よっこらしょ」ってな感じより効率的な場合もあるかと思い、これをベースに「なんか作るか」と、思ったり思わなかったりして、いくつになってもお勉強です。 JavaScriptエンジニアのためのNode.js入門posted with amazlet at 17.11.30 (2016-12-26) 売り上げランキング: 1,632

前回記事の読み込みに引き続いて、WEBアプリからGoogleドライブにファイルを保存するサンプルコードを掲載します。 公式ガイドにWEBブラウザのJavaScript向けサンプルコードは有りませんでした。 しかし前回懲りて学習しました。 XHRで直接APIを叩けばOK。 今回は、あまり停滞せずに0.5人日でなんとかなった。 いくつになってもお勉強です。 takamints.hatenablog.jp 絵で見てわかるクラウドインフラとAPIの仕組みposted with amazlet at 18.07.28翔泳社 (2016-02-25) 売り上げランキング: 46,593 Amazon.co.jpで詳細を見る ここに書いてる機能を、npmとしてまとめましたので是非どうぞー takamints.hatenablog.jp 目次 シンプルアップロードを使います 新規作成はAPIを二度叩く 既

Flickr： Google Self-Driving Car ( Creator： smoothgroover22, License： CC BY-SA 2.0 ) ここしばらく「できないわけがないじゃないか」と調べていた個人的な大問題、「ブラウザで動作するWebアプリから、ユーザーのGoogleドライブに保存されているファイルを読み込む方法」を解決できたので小躍りしながら書いております。 Googleドライブのファイルを読み込むサンプルコードは、下記APIの説明ページで示されています。 しかしWebページのJavaScript用のがありません。 Node.jsのはありますが、これはWebのJavaScriptでは動きません。fs(ファイルシステム)モジュールを使用しており、パイプでストリームへコンテンツを流しているからです。 Download Files | Drive REST AP

Flickr： detective ( Creator： olarte.ollie, License： CC BY-SA 2.0 ) 結局どこへも行ってなかったって結論ですがっ！ AWSによるサーバーレスアーキテクチャposted with amazlet at 18.06.30Peter Sbarski 翔泳社 売り上げランキング: 4,634 Amazon.co.jpで詳細を見る この4月からAWS Lambda で Node.js 8.10 が使えるようになっており、AWSのコンソールから新規作成するとひな型がasync関数になっています。 しかし引数リストが event ひとつだけになっていて、従来第2引数で渡されていた context はどこに行ったの？と調べてみました。 目次 はじめての Lambda with Node.js 8.10 は非同期関数 ところで Lambda の

photo credit: simmons.kevin4208 Promise via photopin (license) JavaScriptのES2017で使えるようになった async/await 。 従来Promiseで書いていた非同期処理が、ずいぶん簡潔に書けるようになりました。 AWS Lambdaでも、2018年4月から Node.js v8.10(LTS) が使えるようになっており、新規作成したハンドラーは async 関数になっています。 しかし「async/await を使えば、Promiseについて知らなくてもよい」とは言えません。 むしろしっかり理解しておく必要がありますよと。 つまり、async / await は Promiseを置き換えるものではなく「Promiseによる非同期処理を同期処理的に記述するための記法」なのです。 ということで、ここには asyn

HTML5のDOMイベントに、mouseenter と mouseoverという、よく似たマウスイベントがあります。ここには、その違いについて調べたことを書いておきます。 どちらもマウスポインターが要素の上に入ってきた時に発生するイベントで、それぞれに対応する「マウスポインタ―が要素から外れた」時のイベントとして mouseleave と mouseout もありますね（mouseenter には mouseleave 、mouseover には mouseout が対応します）。 この2種類のイベント間には、発生要因や伝播（バブリング/プロパゲーション）に関する違いがあります。 私は最近まで、この違いを意識しておらず「歴史的理由による別名？」かと思っていて、その場で適当に思いついた方を使っていました。 先日ふと疑問に思ってMDNで調べてみたら、どうやら上記のように明確な違いがあると知った

grunt-contrib-uglifyのES6対応版がgrunt-contrib-uglify-esという名で別途公開されてましたというお話。 速習ECMAScript6: 次世代の標準JavaScriptを今すぐマスター！ 速習シリーズposted with amazlet at 18.03.22WINGSプロジェクト (2015-08-28) 売り上げランキング: 1,828 Amazon.co.jpで詳細を見る JavaScriptのタスクランナーGruntからUglify-Jsを使用してスクリプトを圧縮・難読化する grunt-contrib-uglify なんですが、ES6に対応していなくて困ってました。 ES6の「アロー関数」や「 letによるブロックスコープの変数宣言」は、うっかりミスの防止に役立ちますから今後なるべく使いたい。 この手のバグは見つけにくいので手を焼きますか