2021-01-01から1年間の記事一覧

React で Swiper を使うため、react-id-swiper を利用したが動かない

react-id-swiper@4.0.0 を利用したときに、不具合があったり、使いづらかったりした点がありました。 スタイルが反映されない swiper@6.8.4 であれば以下のように書けば、スタイルが反映されますが、 swiper@7.0.6 では、 @import "swiper/swiper-bundle.css…

Deep Link / App Links / Universal Link / Firebase Dynamic Links 使い分け

アプリを作るとき、URLをクリックしたときに、アプリがインストールされていれば、アプリを立ち上げたい。 このとき最も良い方法をまとめます。 Deep Link 用途 特定の技術を説明した言葉ではなく、アプリの特定のページを開くことが出来るリンクを表す。 実…

Flutter で Facebook login を実装時にエラー

Flutter で flutter_login_facebook を使い、Facebook login の実装時にエラーが発生した。M1 Macならではの問題かと疑いながら調べていたが、関係はなく、解決できた。このような感じのエラーが発生した。 `Error output from Xcode build: ↳ objc[88641]: …

Aws::S3::Client.copy_object の copy_source は、URL encode されていなければならない

例えば、バケットからバケットへオブジェクトをコピーするときに、 `The specified key does not exist.` とエラーが出る場合がありました。 client = Aws::S3::Client.new client.copy_object( bucket: out_bucket_name, copy_source: src_bucket_name + '/…

vue-scrollto などの smooth scroll を利用する対象に、 nuxt-link を指定すると正しくスクロールしない

nuxt 利用時、URLに hash ( #hoge ) を設定すると同時に、スムーズにするロールするを行いたい場合、一般の方が書いた記事には、to をカラにすればいいと書いてありますが、正しく動作しない条件が存在します。 <div id="note"></div> <nuxt-link to v-scroll-to="'#note'">noteクリック</nuxt-link> <div id="memo"></div> <nuxt-link to v-scroll-to="'#memo'">memoクリック</nuxt-link> このように記載…

serverless framework で 日本語のPOSTされたデータを文字化けせず受け取る

serverless framework を使い、AWS Lambda や API Gateway を用いたシステムで、multipart/form-data 形式のデータを受け取る場合、日本語データのとき、文字化けが発生する。元々AWS Lambda は、input / output に text を扱うようになっているので、バイナ…

Vue3 を利用するときに、どうやって this.$scrollmagic を取得するのか

Vue2 から Vue3 になり、出来ることは変わりませんが、 以前では root context にアクセスするためには、this という書き方でよかったものが、composition-api に変わった今後、どのように書けばよいのかを書きます。例えば、this.$scrollmagic と書けていた…