Next.jsでライブラリを使用せずにXMLサイトマップを生成する方法
この記事では、Next.jsを使用してライブラリを使わずにXMLサイトマップを生成する方法と、サイトマップの各要素がSEOにどのような役割を果たすのかについてアウトプットする。開発環境"next": "14.1.0","react
Ei2faJSDbTPC
記事一覧
記事数
158
【Next.js14】Middlewareを使用して未認証ユーザーをログイン画面にリダイレクトさせる方法
Next.jsのMiddlewareは、リクエストが完了する前にコードを実行する機能である。今回は、リクエストが完了する前にユーザーの認証状態をチェックし、未認証の場合はログイン画面にリダイレクトさせる処理を実装した。私はAWS Amplifyを使用してアプリケーションを開発しているが、a
【CloudFront×Lambda】WordPressをヘッドレスCMSとしてNuxt3でブログを構築する
WordPressをヘッドレスCMSとして利用し、フロントエンドにNuxt3を採用してブログを構築した。この記事では、そのシステム構成やディレクトリ構成、使用したライブラリについて詳しく解説する。さらに、NuxtアプリケーションをAWS Lambdaにデプロイし、静的ファイルをS3にアップロードし
【AWS SDK for Java】Pinpointのエンドポイント一覧取得処理
AWS Pinpointを利用して、ユーザーのエンドポイント情報を取得する際、AWS SDK for Javaを使うことで効率的な処理を実装することができる。この記事では、AWS SDK for Javaを使用してAmazon Pinpointのエンドポイント一覧を取得する方法を詳しく解説する。環
【Java】開発環境構築手順
環境構築Java Development Kit (JDK) をインストールJava JDKのインストールまず、Java Development Kit (JDK) をインストールする。Oracle JDKやOpenJDKなどから選択する。VS Codeに「Jav
【flutter】locationを使用して端末の位置情報を取得する方法
Flutterアプリケーションでデバイスの位置情報を取得するために、locationライブラリを活用する方法を解説する。この記事では、開発環境の設定から、AndroidおよびiOSでの位置情報取得の実装手順、さらには発生したエラーの対処法までを詳しく説明する。位置情報を利用したアプリケーション開発
iOSビルド失敗: EXC_BAD_ACCESS (code=1, address=0x0)の対処法
MacOSのバージョンをVenturaからSonomaにバージョンアップし、XCodeも14.xから15.xにバージョンアップした際にビルドエラーが発生したため、解消法を忘備録として記載する。開発環境MacOS Sonoma 14.1Xcode - develop for
【Flutter×Amplify】Push通知機能実装 iPhone編
AWS Pinpointを使用して、iOSデバイスにPush通知を送信する方法を解説する。この記事のゴールは、Apple Developer Programの設定から始め、FlutterとAmplifyを組み合わせた環境で、実際にiOSデバイスでPush通知を受信できるようにすることだ。手順に沿っ
【iOS開発】Failed to install one or more provisioning profiles on the device
Flutter×Amplify環境でアプリを開発しており、Apple Developer portalからプロビジョニングプロファイルをインストールし、ダブルクリックした際に以下のエラーが発生した。Step 5: Create a Provisioning Profile
キーチェーンアクセスにCertificateを追加する際に【エラー: 25284】が発生
証明書署名リクエストを作成し、キーチェーンアクセスにCertificateを追加しようとした際に以下のエラーが発生した。証明書署名リクエストを作成する手順: 証明書の作成解決方法追加時に、ログイン or システムを選択することで問題なく追加できるようになる。
【Amplify×Flutter】Lambdaを経由してPush通知を送信する方法
前回解説した「【Flutter×Amplify】Push通知機能実装 Android編」では、ユーザーのデバイストークンを取得し、AWS Pinpointのコンソールからデバイスに対してPush通知をテスト送信する手順を解説した。しかし、アプリ開発の過程で欲しい機能というのは、ユーザーの操
【AWS】API GatewayとLambdaを連携させる手順
ユーザーのデバイスにPush通知を送信するために、以下のような構成でアプリを開発している。この記事では、API GatewayとLambda関数を連携させて、AWS Pinpointを使用したPush通知送信を実現するための手順を解説する。Cognitoを用いた認証も組み合わせて、認証されたユーザ
【Flutter×Amplify】Push通知機能実装 Android編
Flutter×Amplify環境において、Android端末にPush通知を送信する手順を記載する。Flutter×AmplifyでPush通知を送信するための手順については公式ドキュメントでも解説されているが、初期設定からPush通知の受信まで、一気通貫でわかりやすく解説されている訳で
【Flutter×Amplify】getCurrentUserでemailが取得できない時の対処法
開発環境Flutter×Amplify環境でネイティブアプリの開発を行っており、認証にはCognitoを使用している。やりたいことアプリの初回認証成功時に、DynamoBDのUsersテーブルにユーザー情報を保存したい。以下の値を保存するcognito_s
【Flutter×Amplify】ソーシャルログイン機能を実装する手順
Flutter×Amplifyでモバイルアプリケーションを開発しており、ソーシャルログインの実装手順を当記事に記載する。以下の公式ドキュメントの手順通り進めれば8割型完了するが、不足している点もあるため忘備録として残す。Social sign-in (OAuth): https://doc
【Flutter】開発環境構築時のトラブルシューティングまとめ
Flutter公式ドキュメントを参考にして、Flutterの開発環境の構築を行なった。その過程で、手順通りに実行した際にいくつかエラーに遭遇したため、回避策を記録する。https://docs.flutter.dev/get-started/install開発に使用している端末
Vue3 Composition APIで「Vue I18n」を使用する方法
Vue I18n は、Vue.js アプリケーションにおいて国際化（i18n）を実装するためのプラグイン。国際化とは、アプリケーションを多言語化し、異なる地域や文化に適応させるプロセスのこと。Vue I18n を使用すると、アプリケーションのテキストコンテンツを動的に変更でき、ユーザーのロケール設
【Vue3】Piniaを使用して状態管理を実現する方法
当記事では、Vue.jsの状態管理ライブラリである「Pinia」を使用して状態管理を行う方法について解説する。筆者は以前「Vuex」を使用して状態管理を行なっていたが、Vue3のプロジェクトに関わるようになり「Pinia」を使用して状態管理を行うようになったため、知識の整理を兼ねてアウトプットする
Vue.js 3「Extraneous non-emits event listeners」警告に対処する
Vue 3における以下の警告について原因と解決策を提示する。Extraneous non-emits event listeners (emitFunc) were passed to component but could not be automatically inherited b
【日本語版】Airbnb JavaScript Style Guide
eslint、コーディング規約を勉強しており、アウトプットを兼ねてAirbnb JavaScript Style Guideを翻訳してみることにした。翻訳は筆者の独断であるため情報が常に最新かつ正確であるとは限らない。以下の公式ドキュメントを元に翻訳を行なっている。サンプルコードも公式ドキュメント
