技術系ブログ

Quasar Framework QCardの高さを揃えて見た目を良くする

Quasar FrameworkのGridを使ってQcardの高さを揃える

Android API Level31以上に対応する（QuasarとCapacitor4を利用）

CapacitorでAndroid API Lv31に対応する（Quasar Frameworkを使用)

async関数を呼び出したときに呼び出し先でエラーが発生しても処理が止まらない時

Javascriptの非同期処理（Async/Await)をよく理解していなかったために起きたとある開発者の奮闘について綴りました

Cloud Functionsのコールドスタートを回避する

Firebase Cloud Functionsのコールドスタートに関する問題をcronで定期的に実行して回避する

Firebase StorageでNoSuchKeyのエラーが発生する原因と対策

Cloud Storageからファイルのダウンロードを行うときに発生したエラーの原因と対策。意外と調べても出てこないお粗末なエラーでした

FirebaseのCloud FunctionsでHttps.onRequestのCORS問題を回避

CORSエラーによってCloud Functionがうまく動かなかった。その原因と解決策に奔走してしまい、３時間を無駄にしました。原因と解決策についてまとめています

FirebaseのE-mail認証でアドレスが正しいことを確認する

Firebaseでユーザが登録したE-mailが本当に正しいかを確認する一連の流れについて紹介しています。FirebaseではE-mail確認に関する機能が用意されているため比較的簡単に実装できます

FirebaseのonAuthStateChangedが複数回呼ばれないように正しく使う（Vuejs3)

onAuthStateChangedの使い方

Firebase推奨の全文検索 ElasticSearch/Algolia/Typesense比較

FireStoreは優れたデータベースですが全文検索機能をサポートしていません。不足した機能を補うため、Elastic Search・Algolia・Typesenseの3種類を公式では紹介してます。これらを実際に使用してみた感想をまとめています

FirestoreとElasticSearchを組み合わせて 検索に強いFirebaseアプリを作る

Elastic Searchの全文検索とFireStoreのデータベースを連携して相乗効果UP

Firestoreのポイントインタイムリカバリでバックアップ。実際に一部の復元もやってみた

長いことFirestoreはバックアップ機能を提供してきませんでした。この度Firebase公式のバックアップ手順が紹介されたため実際に導入してみたときの記事です

HHKB Professional HYBRID Type-Sは最高のHHKB

高級キーボードとして有名なHHKBから最新モデル HYBLID Type-Sが発売されました。かねてよりHHKBのファンである私は早速購入。プログラマからみたHHKBの魅力について語らせてください

iOS13.4.1で写真をアップロードすると画像が横向きになる問題

iOSで撮影した画像をブラウザにアップすると画像が勝手に変な方向に回転するという経験はありませんか？Androidでは発生しませんがiOSではこの問題がよく起こります。この問題に対する解決に奔走したときのお話です

M1/M2 Macをプログラマが購入して実際に使った感想

速いと噂のM1マックブックを買ってみました。プログラマ視点でM1マックは業務にそのまま使えるのかを書いてみました。

moment.jsが非推奨になっていたようです

javascriptの世界で日付処理の金字塔を築きあげた有名なライブラリですが、惜しまれながらも開発を終了する運びになったようです。長いことありがとうございました。

pdfMakeとarchiverを使い複数のPDFを1つのZipにまとめてStorageへUpする

CloudFunctionsでPDFをZipへ変換

pdfMakeのページサイズの指定はmm(ミリ)では無い

PDFを生成するPDFMake、結構便利ですが単位のが少しわかりにくいので注意です。US_PTが使われています

Quasar FrameworkでAndroidアプリをビルドしてストア提出する(AABファイル)

QuasarでAndroidアプリを作成

QuasarのQ-Dialog内で目的の場所へスクロールさせる処理を書く

Javascriptで特定のDOM要素までスクロールさせる処理（Modal内）について

TypesenseとFireStoreを併用してアプリ内検索を実装【Algoliaから移住】

FireStoreは非常に強力なデータベースですが唯一の欠点に「全文検索ができない」という弱点があります。この記事はFireStoreとTypesenseを組み合わせることで全文検索もできるというお話です。

Vue composition APIでchart.jsを使いグラフを作成(vue-chart.js無し)

charts.jsを使ってグラフを表示させます。vue-chart.jsは使いません。この記事はChart.jsのVersion2を利用していますが、今の最新はVersion3です。

Vue.js（ts）でGoogle API(gapi)を使いカレンダーを取得するまで

GAPIを使うまでの流れ

Vue2からVue3への移行-Filterの廃止を修正

Vue3で廃止されたfilter機能は関数として定義して呼ぶように修正することで移行できます

VueとRegister Service Workerを使いアプリの更新を制御する

PWAの更新処理

webPよりPngのほうが軽いケースも多い

マニュアル用の画像など無機質な画像においてはPngのほうが10%以上軽くなるケースも多々ありました。色の量が大きなポイントです

ダウンロードしたZipファイルが文字化けする原因と解決策-主にWindows

WebでダウンロードしたZipファイルを解凍するとファイル名が文字化けする原因は解凍ソフトにあります。SHIFT-JISにしか対応していない解凍ソフトの利用は控えてください

電卓風の見た目で逆ポーランド記法の式を作成する（vue & Typescript)

通常の数式を逆ポーランドに変換するサンプル（Typescript）と、逆ポーランドを計算するサンプルプログラムです。入力は電卓風のUIで実装

肥大化するCloud Functionsのファイルを複数のTsファイルに分ければメンテナンスもしやすい

Cloud Functionはサーバで実行できる関数で、フロントに出しては行けない情報を処理するときに使います。コードの量が増えると可読性が悪くなるため関数ごとにファイルに分割する方法について紹介します

Vue3 Propsの型推論