Tech blog を Zenn に移行しました
2023-01-01
Recent Posts
Cypress Component TestingとRTLでReactコンポーネント テストを書く (Next.js x TypeScript x Jest対応)
Next.js
TypeScript
Cypress
React Testing Library
Jest
Next.jsにStorybook(CSF3.0)を導入してSnapshot TestやUnit Testを実行する
Next.js
TypeScript
Storybook
CSF3.0
Next.jsにESLintとPrettierを併用して静的解析と自動フォーマットを行う
Next.js
TypeScript
ESLint
Prettier
Next.jsに新しくなったMUI(Material-UI v5)とEmotionを導入して新機能を試す
Next.js
TypeScript
Material-UI
Emotion
AmplifyでCognitoグループを追加してGraphQLのAPIアクセスをグループで制限する
AWS
Amplify
Next.js
Amplify 認証UIコンポーネントのスタイル・入力項目のカスタマイズと日本語対応方法
AWS
Amplify
Next.js
AmplifyでNext.jsアプリに認証機能を追加してログイン画面を実装する
AWS
Amplify
Next.js
AmplifyでNext.jsアプリにGraphQLのAPIを追加する
AWS
Amplify
Next.js
Next.jsのISR/SSG/SSRをAWS Amplifyにデプロイして動作させる
AWS
Amplify
Next.js
Flutterで縦長の画面の右側にScrollbarを表示する
Flutter
Dart
Flutter RiverpodのFutureProviderでAPI通信処理を楽に実装する
Flutter
Dart
Riverpod
Flutter RiverpodのFutureProviderを利用したUnit TestとViewのWidget Testを書く
Flutter
Dart
Riverpod
UnitTest
WidgetTest
Flutter RiverpodでDIしたクラスをMockitoでモック化してUnitTestを書く
Flutter
Dart
Mockito
UnitTest
[Flutter] テストデータを外部ファイル化してUnit Testを書く
Flutter
Dart
UnitTest
Flutterのbuild_runnerでGetter not found errorが発生した場合のトラブルシューティング
Flutter
Dart
BuildRunner
Flutter Mock Web Serverでネットワーク通信部分のUnit Testを書く
Flutter
Dart
UnitTest
FlutterのNull safetyに対応したMockitoの基本的な使い方
Flutter
Dart
UnitTest
Mockito
AWS CDKを使ってS3とCloudFrontでWebサイトを配信する
AWS
CDK
S3
CloudFront
FlutterでlocalhostのAPIサーバーに接続する
Flutter
Dart
Google Maps Static APIを使ってFlutterで地図画像を表示する
Flutter
Dart
Flutterのdart-defineを使ってAPIキーを隠蔽する
Flutter
Dart
FlutterでiOSの開発/ステージング/本番環境を切り替える
Flutter
Dart
Firebase
FCM
FlutterでAndroidの開発/ステージング/本番環境を切り替える
Flutter
Dart
Firebase
FCM
Flutter公式のwebview_flutterでWebViewを表示する
Flutter
Dart
Flutter初心者がFCMを使ってプッシュ通知を受け取る〜設定編〜(2021/3/22版)
Flutter
Dart
Firebase
FCM
Flutter初心者がFCMを使ってプッシュ通知を受け取る〜アプリ実装編〜(2021/3/22版)
Flutter
Dart
Firebase
FCM
Flutterのqr_code_scannerでQRコードを読み込む
Flutter
Dart
Flutterで非同期通信に対応したListViewの無限スクロールを実装する
Flutter
Dart
FlutterのHero AnimationsでAppStore風UIを作る
Flutter
Dart
Flutter2のDart Null Safetyを既存のプロジェクトに導入する
Flutter
Dart
FlutterのTabBarとTabBarViewの要素を動的に追加する
Flutter
Dart
Flutter Httpでネットワーク通信部分を実装する
Flutter
Dart
Flutter FreezedのLiveTemplates(コードスニペット)を登録して開発速度を上げる
Flutter
Dart
Android Studio
Flutter RiverpodでDIをしてテスタビリティを向上させる
Flutter
Dart
Android StudioのFlutterテンプレートをカスタマイズして Riverpod / StateNotifier / Freezed をデフォルトで使用できるプロジェクトを作成する
Flutter
Dart
Android Studio
Flutter/Android 開発で個人的に良く使うAndroid Studioショートカットキー集
Flutter
Android
Android Studio
Android Studioのショートカットキーマップ設定方法とオススメのキーマップ設定
Flutter
Android
Android Studio
Android StudioのFlutterテンプレートをカスタマイズしてLint静的解析/Visual Debugging設定/画像設定を自動化する
Flutter
Dart
Android Studio
Flutterのプロジェクトを新規作成したらする設定(コード自動フォーマット/Lint静的解析/Visual Debugging設定)
Flutter
Dart
Android Studio
Flutter channelの確認方法と切り替え方法
Flutter
Dart
Node.js/PuppeteerでGoogleの店舗クチコミ情報をスクレイピングする
Node.js
Puppeteer
Scraping
Cypress/TypeScriptでGoogleの店舗クチコミ情報をスクレイピングする
Cypress
TypeScript
Scraping
DockerとDocker ComposeでPythonの実行環境を作成する
Docker
Docker Compose
Python
Next.js/TypeScriptのウェブサイトにStatic Formsでサーバレスなお問い合わせフォームを作成する
Next.js
TypeScript
StaticForms
Next.js/TypeScriptプロジェクトのbuild時にsitemap.xmlを自動生成する
Next.js
TypeScript
SEO
Next.js/TypeScriptで本番/ステージング/ローカル環境別にGoogle Analyticsを利用する
Next.js
TypeScript
Google Analytics
Next.js/TypeScript/ESLint/Prettier/Material-UI/styled-componentsの自作テンプレートを作る
Next.js
TypeScript
ESLint
Prettier
Material-UI
styled-components
Next.js/TypeScriptプロジェクトにMaterial-UI/styled-componentsを対応させる
Next.js
TypeScript
Material-UI
styled-components
TypeScriptのプロジェクトにESLintとPrettierを併用してVSCodeの保存時に自動フォーマットをする
Next.js
TypeScript
ESLint
Prettier
Reactのimport文を絶対パスで設定する(TypeScript版)
Next.js
TypeScript
Vercelにお名前.comで取得したドメインをカスタムドメインとして設定する
Next.js
TypeScript
Vercel
Next/TypeScript/Material-UI/Vercelでブログ始めました
Next.js
TypeScript
Material-UI
Vercel
Written by ZUMA a.k.a. Kazuma. Web/Mobile App developer. My profile.
Tags
TechNext.jsTypeScriptCypressReact Testing LibraryJestStorybookCSF3.0ESLintPrettierMaterial-UIEmotionAWSAmplifyFlutterDartRiverpodUnitTestWidgetTestMockitoBuildRunnerCDKS3CloudFrontFirebaseFCMAndroid StudioAndroidNode.jsPuppeteerScrapingDockerDocker ComposePythonStaticFormsSEOGoogle Analyticsstyled-componentsVercel
Archives
2023-012022-012021-112021-102021-092021-072021-062021-052021-042021-032021-022021-01Recent Posts
Flutterのpod installで発生するundefined method each_child for ... Did you mean? each_sliceエラーのトラブルシューティング2021-03-10