プログラミング

Flutter

【Flutter × Firebase】連携手順

FlutterプロジェクトとFirebaseを連携する手順をまとめました。 従来の連携手順が公開されていたサイトにアクセスしたところ以下のように最新のドキュメントを見ろと言われ、手順が変わったようなので、最近の連携手順をまとめること...
Next.js

【Next.js】Imageコンポーネント サイズ不明画像での記述法

Next.jsのImageコンポーネントで画像の表示サイズ調整に手こずったので解決法をまとめました。 環境 Next.js @12.3.1React @18.2.0 Imageコンポーネントの使い方 Next.js...
Next.js

【Next.js】ページ遷移リンク

Next.jsでのページ遷移リンクの方法についてまとめました。 結論、非常に簡単に作ることができます。 環境 Next.js @12.3.1React @18.2.0 リンクの種類 Next.jsでのリンクの...
React

【React】useContextの使い方 JavaScriptとTypeScriptの違いも

Reactの代表的なhooks、useStateとuseEffectに次ぐ基本のhooksであるuseContext。 そんな基本のhooksでありながら、いまいち理解できなかったため超わかりやすいように、useContextの使い...
AWS

【Amplify】(Solved) Resource is not in the state stackUpdateComplete

schema.graphqlのテーブル構成を変更し、schemaの破壊的な更新を行うべく以下コマンドを実行したらエラーとなったので解決法をまとめました。 実行したコマンド % amplify push --allow-dest...
Next.js

【Next.js】初期設定 src作成 tailwindCSS適用まで

Next.jsをcreate-next-appした素の状態で使おうとしていませんか?ちょっと待ってください! 後々のことを考えると、最初に諸々の設定をした方がよく、その設定が結構厄介なため、手順をまとめることにしました。 以下...
AWS

【Amplify】React 静的 ホスティング (S3 + CloudFrontの構築はもう不要)

静的サイトのホスティングの定番である、S3 + CloudFront の構成を、AWS Amplifyを使用することで爆速で構築できることを知りましたので手順をまとめました。 めちゃくちゃ簡単です! ホスティング手順 A...
git・インフラ・環境構築

【GitHub】複数アカウントの切り替え(Windows & Mac)

同様のまとめ記事は数あれど、ドンピシャなケースの手順を丁寧にまとめた記事は無さそうでしたのでまとめることにしました。 対象者 PC: 会社用がWindows、プライベート用がMac(どっちがどっちでもOK)Gi...
React

【React】カレンダーを自作

Reactで以下のカレンダーを作ります。 完成品がこちら Googleカレンダー風シンプルなカレンダーです。 それでは行きましょう! 使用技術 以下の技術、ライブラリ等を使用して作っていきます...
プログラミング

【Xamarin】はじめの一歩 テンプレートを使ってPC上でアプリを起動する

Xamarinを初めて触る人がXamarinとは何なのかがザックリ分かるよう、プロジェクト立ち上げからアプリを起動するところまで一通りの流れをご紹介します! 開発環境 Visual Studio 2022 Win...