GAミント至上主義

Web Monomaniacal Developer.

2018-10-01から1ヶ月間の記事一覧

Vue CLI 3のindex.htmlでif文を使い本番環境とその他で出し分けする

Vue CLI 3でのindex.htmlはVueのテンプレートシンタックスは使えませんが、webpackのものは使えます。アニメのからくりサーカスでしろがねが林原めぐみでびっくりしましたが文句なしのクオリティでした。主に使うのは環境変数になると思いますが、下記のよう…

7行から始めるVue.jsプラグイン開発

Vue.jsでは、The Progressive JavaScript Frameworkを掲げる通り、コアは小さく、拡張しやすいように作られています。今期アニメではゴブリンスレイヤーとスライムでゴブリンの違いを楽しんでます。そのため独自の機能が必要になった場合、自分でプラグイン…

ぼくが考えた最強のFirebase Functionsのファイル構成を考えてる途中

まだ全然最強感がないけど、やり始めたら1日過ぎたのでまとめる。 % tree -L 2 -I node_modules functions functions ├── index.js # メインのやつ ├── package-lock.json ├── package.json ├── src │ ├── blog-rss-to-json.js # 呼び出すやつ │ ├── globals…

Puppeteerでエラー"The previous printing job hasn't finished at Promise "

yagish履歴書で使っているhcep-pdf-serverでエラーが出ていたので調査。 Error: Protocol error (Page.printToPDF): The previous printing job hasn't finished at Promise 現在はGKEで動かしていて、このような制御できないエラーが出た場合はプロセスを終…

Firebase Functionsで関数ごとにファイルを分割し高速化とメンテナンス性向上も目指す

Firebase Functionsでは、基本的にはindex.jsにすべての関数を書くことになるので、数が増えるといろいろつらくなってきますが、2018秋アニメはAmazonでSAO新作とゴブリンスレイヤーを見ています。ファイル分割については、ググればこんな感じのが見つかりま…

Firestoreのパス管理に悩む

FirestoreとFilestoreはぱっと見違いが分からないですが、Firestoreでアプリケーションを作っていてデータが増えてくるとドキュメントとコレクションのパスの管理に困ります。yagish履歴書では、ユーザーごとに/userdir/{ユーザーID}/というドキュメントを作…

Google Pixelbookでdockerを動かす

Linuxを入れた前回に引き続き。機種はこれGoogle Pixelbook (i5, 8 GB RAM, 128GB) [並行輸入]出版社/メーカー: Googleメディア: Personal Computersこの商品を含むブログを見るdocker公式通り行くと下記エラーで止まる $ sudo docker run python:3.7 docker…

Google Pixelbookが届いたので早速公式サポートのLinuxを動かす

ずっと欲しかったPixelbookを毎月やってるAmazonタイムセールのタイミングで買いました。 SSD128GBでお値段10万ちょっと。 開発メインだけど、なるべくクラウド使うので128GBで十分かなと思ったけど、node_modulesが容量は怖い。今年中に新機種が出るっぽい…

new Date()のミリ秒対応はブラウザによって違う

ギャラクシーエンジェルのメンバーが幼児化するのは3期14話の激辛お子様ランチですが、JavaScriptでその日の終わりをなるべく厳密に指定しようとミリ秒を指定してnew Date()したとき、動くブラウザと動かないブラウザがあってバグった。 new Date()でミリ秒…

続vue-router + Firebaseで404ページをちゃんとやる方法を考える

夏アニメが終わってしまい気持ちが落ち込む季節。以前の記事で、Firebaseで使われる404.htmlにリダイレクトして満足していたが、404.htmlへのアクセスはFirebase Hostingはステータスコード200を返してしまい、Googleにインデックスされてしまっていた。uyam…

Vue CLI 3でビルド時に古いファイルを消さずにとっておく

沢城みゆきといえばギャラクシーエンジェルのミントの声優ですが、ServiceWorkerを使ったPWAを運用していると、強力なキャッシュに困ります。ServiceWorkerのライフサイクルは通常のページとは違い、普通の再読み込みでは更新されないこともあったりと複雑で…

Google Hangouts ChatでAPIからスレッドを指定して書き込む

以前のこの記事の続き。チャットから返信できるようになったけど、ユーザーの書き込みが毎回新スレッドになるため、同一ユーザーの書き込みは同じスレッドにしたかった。uyamazak.hatenablog.com要約としては、書き込み成功のレスポンスにthread.nameが入っ…