【Flutter×Amplify】Push通知機能実装 Android編
Flutter×Amplify環境において、Android端末にPush通知を送信する手順を記載する。Flutter×AmplifyでPush通知を送信するための手順については公式ドキュメントでも解説されているが、初期設定からPush通知の受信まで、一気通貫でわかりやすく解説されている訳で
Ei2faJSDbTPC
記事一覧
記事数
146
【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を翻訳してみることにした。翻訳は筆者の独断であるため情報が常に最新かつ正確であるとは限らない。以下の公式ドキュメントを元に翻訳を行なっている。サンプルコードも公式ドキュメント
【Vue3&TypeScript】ismobilejsでモバイルデバイス判定
Web開発において、モバイルデバイスやブラウザの種類に応じた挙動の制御は一般的な課題であり、端末の種類に基づいた特定の処理が必要な場合もある。特にiOSとAndroid端末での挙動の違いは顕著である。そこで、ismobilejsを使用して、モバイル端末の判定処理を実装することにした。ism
【Vue3】watchとwatchEffectの違いと使い方をサンプルコードで解説
Vue 3 はリアクティブなデータを監視するために watch と watchEffect の二つの主要なメソッドを提供している。この記事では、それぞれのメソッドがどのように動作するのか、そしてどのようなケースでそれぞれを使用すべきかについて解説する。watch の基本的な使い方w
Vue 3とTypeScriptで仮想スクロールを実装: 「vue-virtual-scroller」の使い方
Vue 3とTypeScriptを使用したvue-virtual-scrollerライブラリの使い方と実装方法を解説する。仮想スクロールの基本から、DynamicScrollerとRecycleScrollerの違い、さらには動的なアイテムサイズへの対応方法まで、実用的なテクニックも紹介している。
Google Maps JavaScript APIでアプリ内に地図を表示する
本記事では、Google Maps Platformを使用してアプリケーション内に地図を表示する方法を解説している。大きく分けて以下の3つの手順で実装することができる。Google Maps Platformにアクセスしプロジェクトを作成するAPIキーを発行する使用するA
【JavaScript】Lodashの使い方まとめ
実務のアプリケーション開発でLodashを使っているため、忘備録を兼ねて使い方を記す。LodashとはLodash（ローダッシュ）は、JavaScriptで使用できる便利なユーティリティライブラリ。このライブラリは、配列、オブジェクト、文字列、関数、その他多くのデータ型に対する多く
【JavaScript】Day.jsの使い方まとめ
実務のアプリケーション開発でDay.jsを使っているため、忘備録を兼ねて使い方を記す。Day.jsとは？Day.jsは、日付と時間を扱うための軽量なJavaScriptライブラリ。Moment.jsのような機能を提供しつつ、パフォーマンスを考慮して作られている。特に、Day.jsは
【Vue3×TypeScript】画像プレビューをPhotoSwipeで実装してみた
PhotoSwipeは、高性能な画像ギャラリーライブラリで、モバイルやデスクトップ、様々なブラウザで高いパフォーマンスと使い勝手を提供するライブラリである。当記事では、いくつかの主要な特徴と実装方法について解説する。また検証環境だが、Vite×Vue3×TypeScriptで構築された環境
AWS LightsailにSSH接続してWordPressのディレクトリを操作する手順
AWS Lightsailで立ち上げたWordPressのサイト運用に際し、SSHコマンドでLightsail上のWordPressディレクトリにアクセスする手順を解説する。1. 事前準備結論、AWS LightsailにSSH接続を行うためには最終的に以下のようなコマンドを実行し
TypeScript×Vue3×Vite開発環境構築
当記事では、Viteを使ってVue3アプリケーションの開発環境構築手順を紹介する。そもそもViteとは何か？Viteは、Vue.js の作者 Evan You によって開始された次世代のフロントエンドビルドツール。一言で言えば、Vue.jsの開発効率を向上させるためのツール
【忘備録】Gitコマンド
業務で使用するGitコマンドのメモ。ブランチ関連リモートブランチ変更git remote set-url origin [変更対象のURL]git remote set-url codecommit-origin [変更対象のURL]// push URL のみ変更す
Djangoで掲示板アプリを実装する
PythonのDjangoフレームワークをローカル環境にセットアップする手順1. 仮想環境の作成: 以下のコマンドを実行して仮想環境を作成python3 -m venv myenv2. 仮想環境の有効化: 以下のコマンドで仮想環境を有効にする（管理人はMacを使用）
Python遊び
PythonのノウハウをメモPython環境構築以下は、VSCodeでPythonの実行環境を構築する手順。Pythonのインストール:コンピュータにPythonがインストールされていることを確認。インストールされていない場合は、Python公式ウェブサイト（ht
