Clik here to view.
Spotify Web API を Node.js で弄ってみる
Spotify Web API を Node.js で弄ってみるSpotify に Web API があるのを知ったので node.js で試してみた手順まとめ。Web API TutorialWeb API Tutorialを参考にすすめていく事にします。Dashboard を有効にする。Dashboardにアクセスして Spotify アカウントでログインして Dashboard...
View Article1行でコールバックをawaitする簡易Promisify
Utilをrequireするほどでもないときに使うイディオム。constbuffer=awaitnewPromise((ok,ng)=>fs.readFile(path,(err,res)=>err?ng(err):ok(res)))こちらを見て反射的にアウトプット^^;~Sync使えよって話ですが非同期に統一したいもので。
View ArticleEC2にyumでnodejsをインストールしようとしたらできなかった話
はじめに右も左も分からない状態で、AWSにRailsアプリをデプロイする過程で躓いたときの話epel（？）レポジトリが見つからないと言われエラーになる。リポジトリが見つからないと言われる。実際のコード[tatsuki@ip-10-0-0-85 ~]$ sudo yum install nodejs npm --enablerepo=epel [sudo] tatsuki のパスワード:...
View ArticleClik here to view.
Electronで作業中に使えるアプリを作っていたら残像が残った話
症状displayをnoneとした要素の影がついたままになって残像が残ってしまっていた(Macのみの症状)dom.style.display="none";としましたが、↓dislpay:none;残像が残っている！これは困りましたね(困惑)調べてみるとすぐに解決できました。解決方法win=newBrowserWindow({width:1000,height:880,transparent:tru...
View Articleインスタンスが起動したら自動的にNode.jsアプリが起動するようにする
Node.jsアプリの自動起動をしたいはじめにAWSでインスタンスを再起動するたびにアプリケーションを再起動するのが非常に面倒だったため、インスタンスが起動したら自動的にアプリケーションが起動するようにしました。今回はPM2というプロセスマネージャーを利用してアプリの自動起動を行う方法を、作業メモを兼ねて紹介します。PM2とはPM2はデーモンプロセスマネージャーです。プロセスをデーモン化しておらず、...
View ArticleDocker & Node.js & Socket.io & NGINXでよくあるエラー
エラー内容タイトルの構成でアプリケーションを作っていた時に以下のエラーが出てつまずいたsocket io failed: Error during WebSocket handshake: Unexpected response code: 400何故起きたかWebSocket接続のハンドシェイク時に HTTP/1.1 101 (Switching Procotols)というステータスコードと...
View ArticleClik here to view.
HTML to PDF 変換コマンド・ライブラリの比較 : 結論 headless Chrome の直接利用が最強では？ ( #HTML #PDF...
環境MacWeb: 変換元https://yahoo.comを変換してみる。Chrome の headless モードOSのGoogleChromeを直接利用する。ヘッドレス Chrome ことはじめhttps://developers.google.com/web/updates/2017/04/headless-chromealias chrome="/Applications/Google\...
View Article【Node.js+Express+PostgreSQL】async/await使ってPostgreSQLに接続
はじめに本記事では、コールバックではなく、async/awaitを使ってExpressでPostgreSQLに接続する方法をまとめる。async/await部分以外は、以下の記事を参考にしていただければ。【Node.js+Express+PostgreSQL】ExpressにPostgreSQLを導入環境Windows 10Express 4.17.1PostgreSQL 11.3pg...
View ArticleWhat's "Node.js" ?
よく使い方を忘れるので、必要な時にサッと読み返せるように超完結にまとめておきます。関連記事What's "Git" ?What's "nvm" ?What's "Node.js" ?What's "npm" ?What's "React" ?What's "Next.js" ?Node.jsとはスケーラブルなネットワークアプリケーションを構築するために設計された非同期型のイベント駆動の...
View ArticleCentOSにnvmインストールしたnodeが再起動時には扱えなくなる現象の解決
概要普段はReact NativeでIOSアプリを開発してます今回は、CentOS内でnvmでインストールしたnodeコマンド利用ができなくなった現象を解決した流れのメモを共有します[vagrant@localhost ~]$ node node: /lib64/libc.so.6: version `GLIBC_2.16' not found (required by node) node:...
View ArticleNode.js（express）を用いたハッシュ化の仕方
はじめに 会員登録の際に、ユーザーから送られてきたパスワードをハッシュ化する方法について解説します。また、ログインの際にユーザーが入力したパスワードとハッシュ化されたパスワードが一致しているのか確認する必要があると思います。それについても解説します。実装事前準備 まずはNodeにハッシュ化するためのモジュールをインストールします。npm install --save bcrypt -s...
View ArticleClik here to view.
2019年 #HTML #PDF 変換の情勢とは？ ( phantomjs -> wkhtmlpdf -> headless Chrome + #node...
https://www.paperplane.app/blog/modern-html-to-pdf-conversion-2019/古い手法とはPhantomJSのかわりにwkhtmltopdfが重宝されてきたけどモダンブラウザの仕組み、 HTML5やjsに対応しきれてないよーって書かれてる気がする。The traditional approaches Until 2017, there were...
View ArticleNuxt.jsチートシート
関連: - Vue.jsチートシート(基礎編) - Vue.jsチートシート(コンポーネントと構成編)Vueチートシートに引き続き公式チュートリアルの抜粋です。参照Nuxt.js日本語公式ガイド概要Nuxt.js = Vue.jsおよびそのプラグインに基づくサーバサイドフレームワークNuxtはVue.js, vue-router, vuex, Vue Server Render, Vue...
View ArticleTypescript: X is Declared, But Never Usedの解決方法メモ
X is Declared, But Never Usedというエラーが出ることがある。以下のような例だ。exportconstonChange=(val:string,index:number)=>{index+1}// val is Declared, But Never...
View Articleexpress がいつのまにかバージョンアップしてた
なので、今新しくexpress のシステム作ろうとして WEB に出回っているコードをコピペしても 全然動いてくれません。https://expressjs.com/ja/guide/migrating-4.htmlとりあえずこれを参照すればなんとかなると思います。
View Articlecradle.js (0.7.1) が動かなかった話
cradle使おうとしたんです。node.jsから驚くほど簡単に使えるNoSQLサーバ Couchbase(CouchDB)を試す!を参考に、expressのバージョンが上がってるからちょこちょこ修正しつつ、さてDB編集だと言った時にこんなエラーが。C:\home\minori\program\js\app4\node_modules\cradle\lib\cradle.js:316 if (!...
View Articlen でバージョン管理
curl -L http://git.io/n-install | bashnn ls再ログイン$ npm cache clean $ npm cache ls $ rm -rf ~/.npmecho "deb http://mirrors.kernel.org/ubuntu/ xenial main" | sudo tee -a /etc/apt/sources.list &&...
View ArticleClik here to view.
Headless #GoogleChrome + #node puppeteer + #docker で Webページのスクリーンショットを作成する例
Dockerfileほとんど公式のtroubleshootingのまま https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.mdnpm i puppeteer-coreがないと動かなかった気がするので追加しているdocker...
View ArticleClik here to view.