フロントエンド

Flutter + riverpodで作るView + ViewModelのチートシート

私はriverpodを使ってMVVM的な形で実装しています ViewとViewModelに関してはテンプレ化しておくことにしました レイアウトは色々とありますが、構造は統一しておきつつテンプレとして育てていくといいのかなと思いました 作り方 ViewModel import 'package:flutter_riverpod/flutter_riverpod.dart'; // […]

Flutterで作るOGP表示

FlutterでOGP情報を表示するStatefulWidgetを作りました OGP表示とは 最近のウェブサイトは大抵の場合OGP（Open Graph Protocol）による、SNSでシェアされた時に表示する情報を設定がされています 例えばこのサイトの記事にリンクを貼ると、下記のような表示がされます これは自力でサムネイル画像や説明文を表示しているのではなく、OGP情報を取得して表示しています […]

Flutter on the WebとAWSですぐにはじめるPWA

Flutter for Webを使っておよそ3時間で公開します 少し前までFlutterの名前も知らず、知ってからもスマートフォンアプリのクロスプラットフォームという印象でした しかし2021年3月のFlutter2で正式にWeb対応したそうです   Flutterだけであらゆるフロント開発が完結してしまうのではないかとワクワクしています ということでAWSを併用して簡単にPWAを作って […]