カテゴリー

役立ち情報 (3 / 4)

【Nuxt3】SSG時に、サイトマップを動的ルートも含めて全自動で生成する方法

2023/06/01・役立ち情報

Google Search Index用にサイトマップを作りたくなった。サイトマップの生成自体はsitemapパッケージでどうにかなるが、いちいち全部のルートを取得してリストを作るのは面倒臭い。そこで、nitroに備わっているクローラーを使って、サイト内にあるリンクからルート一覧を生成してみる。nitroのクローラーは、HTMLに含まれる、「/」で始まるhref属性を含むタグを自動的に認識し、リン

【IntelliJ IDEA + macOS】GPGで署名してgit commitするとエラーが発生する問題の対処法

2023/03/22・役立ち情報

IntelliJ IDEA (というか全Jetbrains IDEで共通) でGitのコミットを署名する設定を、Macでこれに従って設定したところ、以下のようなエラーが出てコミットできなくなった。いろいろ調べた結果、パスワード入力用のダイアログの表示に失敗している様子。GPGではセキュリティーのためか、pinentryというソフトでGUIのパスフレーズ入力ダイアログを出し、コンソールに直接パスフレ

【Firebase Cloud Functions + Puppeteer】Puppeteerのv19が動かない問題の対処法 (備忘録)

2023/03/14・役立ち情報

OGPのサムネイル生成用に、Puppeteerを使ったCloud Functionsの関数をデプロイしようとした。開発環境(エミュレーター)では正常に動作するのに、なぜかデプロイするとError: could not handle the requestと表示されて動作しなくなる。ログを確認すると、以下のようなエラーが出ていた。どうやら「Chromiumどこ…?」というエラーの様子。以下の手順で解

[Cloudflare Pages Functions + Nuxt3] 作成したFunctionがデプロイされない問題の対処法

2023/01/06・役立ち情報

GitHub連携を用いて、Cloudflare Pagesでページを公開し、一部のパスでFunctionが実行されるようにしたかったが、なぜかFunctionsだけデプロイされない。公式ドキュメントの通り、プロジェクトルートにfunctionsディレクトリを作成し、その中にapi/showcase.tsを作り、example.com/api/showcaseでAPIが走るようにしたかった。しかし、

[Nuxt 3] IntelliJ IDEA / WebStorm にて、script setupのNuxt系メソッドをインポート不要にする方法

2022/11/19・役立ち情報

Jetbrains社のIDE、IntelliJ IDEA / WebStorm でNuxt3を使おうとすると、#importsからインポートしないとメソッドが解決されない。どうやら、VSCodeのプラグインはインポートしなくても解決できるようになっている模様。これはめちゃくちゃ面倒臭い。imlファイルを編集し、.nuxtディレクトリを処理(インデックス)の対象に含めます。通常、IntelliJ I

【IntelliJ IDEA】macOS 13 Ventura アプデ後に、フルスクリーンで使うと画面が点滅する問題の対処法

2022/11/03・役立ち情報

タイトルの通り。「カスタムVMオプションの編集」から、以下のオプションを追加してMetalを利用したレンダリングを無効化します。こうすることで、ファイルを更新する度に起こる点滅が1回に減ります(ゼロにはなりません)。これで暫定的に対処できます。IntelliJ IDEA 2022.2.4がリリースされました。リリースノートには修正した旨の記載がありますが、なぜか現在も治っていない模様です。

【Flutter】MethodChannelは直接使うことなかれ。型安全で楽に実装できる「Pigeon」の使い方のほぼ全て。【Swift/Objective-C/Kotlin/Java/C++】

2022/10/29・役立ち情報

Flutterでネイティブとやり取りしたい時、一番最初に知るのはMethodChannelを使った方法だと思います。しかし、MethodChannelは直接使うと非常に使いづらいです。引数はおろか、メソッド名すらString型で渡す必要があり、IDEの入力支援も受けられず、タイプミスしたら実行するまでエラーが吐かれず、引数の個数や名前、型も全部自由で何でも渡せてしまいます。これでは非常に開発効率が

【Flutter】iOSで Integration Test を利用したスクリーンショット自動化が失敗する

2022/10/22・役立ち情報

FlutterでIntegration Test内でのスクリーンショット撮影が、iOSでのみ以下のようなエラーで失敗する。これは以下のIssueでも議論されているが、未だにCloseされていない。[integration_test] Plugin not registered unless running via XCTest #91668 以下のページを参考にした。Grabs screensho

GitHub Actions (CI) にて、「Error (Xcode): Invalid record」というエラーが出てきてFlutter iOSがビルドできない

2022/10/20・役立ち情報

GitHub ActionsでFlutterのiOSアプリをビルドしようとしたら、エラーが出てきて失敗する。どうやら使っているデータベースの Isar が関係ある模様。Xcodeのバージョンがプロジェクトのバージョンと違う のが原因だった。あのエラー文でそんなことある???XcodeのProject Formatでは「Xcode 14.0-compatible」に設定してあるのにも関わらず、ワーク

Vercel + Nuxt.js で reCAPTCHA を導入する方法 (リメイク)

2022/03/09・役立ち情報

皆さん、こんにちは。今回は、Vercelを用いてreCAPTCHAを導入してBot対策する方法を解説していきます。Vercelを用いた方法の日本語記事はざっと探しても見当たらなかったので、記事を書いてみます。以前投稿した記事は一部誤っている部分があったため、再投稿です。まず、reCAPTCHA のコンソール画面から利用登録します。以下のページに飛んでください。すると、以下の画面が表示されるはずです