既存サイトのPWA化とPush通知基盤を作る（2） - Firebase Cloud Messaging(FCM) + Cloud Functions + Cloud Firestoreで配信基盤を作る
概要 前回の記事からの続きで、この記事では以下について書きます。 プッシュ通知を受信できるようにする プッシュ通知の配信基盤をFirebaseで構築する Firebaseでプロジェクトを作る F...
7
6
Comment0
23 search resultsShowing 1~20 results
Stocked
You need to log-in
Github ActionsでFTP経由でデプロイしてSlackに通知する
背景 業務でFTPしか使えないサーバーにデプロイすることが多々あり、その度にCircleCIなどの外部サービスを使っていました。 新たにCI環境を構築する際に、去年リリースされたGitHub A...
4
3
Comment0
WebRTCを使ってブラウザでバーコードのスキャンをしてみる
はじめに QRではなく一次元バーコードの読み取りをブラウザで行う WebRTC(getUserMedia)を利用したリアルタイムのライブプレビューでスキャンする 使い慣れているVueで実装する ...
26
37
Comment0
既存サイトのPWA化とPush通知基盤を作る（1） - PWA化とService Worker + Workboxでキャッシュをコントロールする
はじめに 既存サイトをPWA化しServiceWorkerでキャッシュのコントロールとプッシュ通知を受け取れるプロトタイプを作ったのでそれについてまとめました。 Firebaseを利用したプッシ...
9
6
Comment0
IE11でURLSearchParamsがエラーになる
エラー Vue.jsで開発中に、axiosでPOSTするのにURLSearchParamsを使ったらIE11でエラーが出てしまった。 [Vue warn]: Error in v-on hand...
7
6
Comment0
CircleCIでapt-get updateするとコケる
TL;DR circleciでapt-get updateをするとエラーが出て失敗する。 環境 circleci/node:9.3.0 sudo apt-get -y -qq update $ ...
1
0
Comment0
[node.js]node.js/expressでBASIC認証の実装
概要 Herokuにデプロイしたアプリに認証をかけてみたかったのでやってみた。 Express + Node.jsを使ったアプリケーションに、BASIC認証を実装します。 環境 Node.js ...
42
35
Comment0
Vue+Webpackで開発する前にCSS周りで設定しておきたいこと
概要 WebpackでVueをバンドルする際にcss周りで設定しておきたいものをまとめた。 Vue.jsの単一ファイルコンポーネントのCSSをひとつのファイルにまとめてminifyする Vueの...
2
5
Comment0
既存のVueプロジェクトにTypeScriptを導入する
TL;DR 既存のVueプロジェクトにTypeScriptを導入したい際にやったことをまとめた vue-cliやnuxtを利用したプロジェクトではない extendではなくデコレータ方式で記述す...
10
8
Comment0
Fractal + CircleCI + Slackで効率よくスタイルガイドを構築する
TL;DR スタイルガイドを構築するにあたりFractalを採用した経緯と導入方法について CircleCIの設定について 外部からのリソースを自分のプロジェクト内に格納するためにgit pre...
8
7
Comment0
既存のVue.jsのプロジェクトにJestでのテスト環境を構築する
TL;DR VueのプロジェクトにJestによる環境を構築するためにやったことをまとめた Jestについては説明しない ディレクトリ構成 ├── jest.config.js ├── packa...
8
9
Comment0
Nuxt2 + TypeScriptでvue-slickを使う
TL;DR Nuxt2 + TypeScriptでのvue-slickの扱いと導入方法についてまとめた。 window is not definedの対処法について TypeScriptによるD...
4
6
Comment0
WebpackでUglifyJSPluginを使ってminifyしようとするとUnexpected token: name (Dom7)が出る場合の対処法
TL;DR Swiperを普通に読み込むとDom7が原因でエラーが出る。 コンパイルされたes5のファイルを読み込むか、WebpackでDom7をexcludeすることで回避できる。 関連パッケ...
5
3
Comment0
Travis CIを利用したnpmライブラリの継続的運用
Travis ログイン $ travis login GitHubアカウントでログイン npmログイン $ npm login npmjs.comのアカウントでログイン .travis.yml...
2
1
Comment0
LaradockのMySQLに接続できなくてはまった話
概要 LaradockでLaravelの環境を作ったがMySQLに接続できなくてだいぶはまったので対処法をまとめた。 初期設定 まずは公式ドキュメントを参考に。 Getting Started ...
41
29
Comment1
[React]react-router v4で画面遷移時に前のページのスクロール位置が残る
概要 react-routerを使用したプロジェクトにおいて、画面遷移時に前のページのスクロール位置が残ってしまい、ページの最上部から表示されない問題を解決したのでメモとして残しておく。 解決法...
32
26
Comment0
fetch APIでJSONをPOSTしてPHPで受け取る
概要 fetch APIを使ってjson形式のデータをPOSTしてPHPで受け取るやり方について。 環境 PHP # php -v PHP 7.2.11 (cli) (built: Oct 16...
5
9
Comment0
Dockerで構築したWordPress環境のMySQLにMySQL Workbenchから接続する
はじめに 今更ながらWordPressローカル環境をDockerで構築したので、その際にMySQL WorkbenchからDockerのMySQLに接続した方法についての備忘録。 説明しないもの...
6
4
Comment0
[WordPress]foreach内でget_template_partがうまく機能しない
概要 <?php get_template_part( $slug, $name ); ?> これだと変数に値を読み込んでくれないなどの問題が発生した。 関数リファレンス/get t...
3
0
Comment0
[node.js]HerokuでMongoDBを使う
概要 ちょっとしたAPIサーバーを立てたかったのでHerokuで試してみた。 前提 GitHubのリポジトリを紐付けるやり方でデプロイしている すでにコードは出来ている Herokuにデプロイ ...
5
2
Comment0
23 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles