並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 55件

新着順 人気順

Zumaの検索結果1 - 40 件 / 55件

  • 『ZUMA@ローマで以前から噂のレストランへ』

    ローマより徒然なるままに 〜料理覚書(Ricordi Culinari)〜 12年間のCA生活に終止符を打ち、ローマの片田舎へ。オリーブオイル、10種以上のフルーツもすべて自家製。添加物フリーの生活をしつつ、イタリア料理オンライン教室、コングストを主宰。 ローマの片田舎より発する私の想い、美味しいもの、こと。

      『ZUMA@ローマで以前から噂のレストランへ』
    • TypeScriptのプロジェクトにESLintとPrettierを併用してVSCodeの保存時に自動フォーマットをする | ZUMA Lab

      2021/11/11 update この記事は Next.js10 以前の Ver.に対応した設定手順について書いています。 Next.js11 以降の設定手順については以下の記事を参照してください。 TypeScript のプロジェクトに ESLint と Prettier を併用して VSCode の保存時に自動フォーマットを実行します。 Prettier (プリティア) とはコードフォーマッターで、ソースコードを整形してくれます。 デフォルトで HTML/JavaScript/CSS/JSON/YAML の他、 JSX、TypeScript や Markdown、GraphQL、styled-components など様々な形式に対応しています。 今回、 Prettier はコードフォーマット、ESLint は構文チェックツールとして併用します。 ESLint 単体コードフォーマット

        TypeScriptのプロジェクトにESLintとPrettierを併用してVSCodeの保存時に自動フォーマットをする | ZUMA Lab
      • FlutterのTodoアプリで Riverpod useProvider StateNotifier Freezed の基本的な使い方を覚える | ZUMA Lab

        FlutterのTodoアプリで Riverpod useProvider StateNotifier Freezed の基本的な使い方を覚える Flutter の Riverpod / useProvider / StateNotifier / Freezed の基本的な使い方を覚えます。 筆者は Flutter 初学者の為、 題材として簡単な Todo アプリを選びました。 前回の記事で Todo アプリを題材に Riverpod / useProvider / ChangeNotifier の基本的な使い方を書いているので、今回はこちらの記事をアップデートする形で実装していきます。 アーキテクチャは簡易版の MVVM で、今回外からデータ取得などしないので Model は作成せず、View と View からロジックを引き剥がす為、 ViewModel のみ実装します。 最終的にこん

          FlutterのTodoアプリで Riverpod useProvider StateNotifier Freezed の基本的な使い方を覚える | ZUMA Lab
        • DockerとDocker ComposeでPythonの実行環境を作成する | ZUMA Lab

          Docker と Docker Compose で Python 実行環境を作ります。 今回は docker コンテナ を build して python で簡単な Web スクレイピングをしてみたいと思います。 それでは作業手順です。 環境macOS Catalina 10.15.5(19F101)docker 20.10.0docker-compose 1.27.4構成最終的なディレクトリ構成は以下です。 $ tree . ├── Dockerfile ├── docker-compose.yml ├── requirements.txt └── src └── sample.py作業ディレクトリを作成するDockerfile や docker-compose.yml を作成する作業ディレクトリを作成します。 mkdir python-docker && cd python-docke

            DockerとDocker ComposeでPythonの実行環境を作成する | ZUMA Lab
          • Flutter RiverpodでDIしたクラスをMockitoでモック化してUnitTestを書く | ZUMA Lab

            Flutter Riverpod で DI したクラスを Mockito でモック化して UnitTest を書きます。 アーキテクチャとして MVVM を想定し、Data 層である ApiClient Class と Repository Class を Reverpod で DI します。 Repository Class に DI した ApiClient Class を Mockito の Mock 対象とします。 Mockito を使用して Repository Class の Unit Test を書いていきます。 環境macOS Big Sur 11.3.1Android Studio 4.2.1Flutter 2.2.0Dart 2.13.0Package installpubspec.yaml に以下を追記して flutter pub get を実行します。 depend

              Flutter RiverpodでDIしたクラスをMockitoでモック化してUnitTestを書く | ZUMA Lab
            • Flutterで非同期通信に対応したListViewの無限スクロールを実装する | ZUMA Lab

              今回は Flutter で非同期通信に対応した ListView の無限スクロール処理を実装します。 良くあるページング可能な外部 API を利用した ListView を実装するユースケースですね。 今回は実際には API は実行せず、Future.delayed で 数秒処理を遅らせて非同期通信を再現しています。 状態管理は Riverpod で行っています。 今回は非同期部分と無限スクロール部分のみ掲載しますので、全てのソースコードは Github を参照ください。 環境macOS Big Sur 11.2.1Android Studio 4.1.2Flutter 2.0.0Dart 2.12.0package を install するpubspec.yaml に Riverpod package を追記します。 今回は Riverpod に hooks_riverpod 、その他

                Flutterで非同期通信に対応したListViewの無限スクロールを実装する | ZUMA Lab
              • Next.jsに新しくなったMUI(Material-UI v5)とEmotionを導入して新機能を試す | ZUMA Lab

                Material UI の v5 がリリースされました。 v5 から MUI として新しくリニューアルされました。 公式サイトもリニューアルしていますね。 v5 から内部で使用されているスタイリングソリューションが Emotion か styled-components か選択できます。 今回は Next.js/Typescript プロジェクトに Material-UI/Emotion を導入します。 また今回から新たに追加された MUI の新機能や変更された記述方法を試してみます。 今回ソースは基本的には公式 Github の example を参照致しました。 環境macOS Big Sur 11.15.2Next.js 11.1.2Typescript 4.4.3npm 7.7.6yarn 1.22.4Next.js のプロジェクトを作成以下のコマンドを実行して Typescrip

                  Next.jsに新しくなったMUI(Material-UI v5)とEmotionを導入して新機能を試す | ZUMA Lab
                • Flutter RiverpodでDIをしてテスタビリティを向上させる | ZUMA Lab

                  Flutter Riverpod は状態管理の package です。 Flutter Riverpod は DI としても利用できてテスタビリティを向上させることができます。 DI をするとインスタンスの mocking が可能になり、テスタビリティが向上します。 Flutter では代表的な Mockito という mock package があるので、そちらを利用して 基本的な UnitTest を書くことができます。 また、Http 通信をする 箇所は通信を mock する MockWebServer という package があるので、そちらを利用して UnitTest を書くことができます。 今回は題材として簡単な Github の repository 検索アプリを選びました。 検索キーワードで Github の repository 検索をするシンプルなアプリです。 アーキ

                    Flutter RiverpodでDIをしてテスタビリティを向上させる | ZUMA Lab
                  • FlutterのNull safetyに対応したMockitoの基本的な使い方 | ZUMA Lab

                    Flutter の Mocking package である Mockito が Null safety に対応しました。 Mockito の最新 Version で Unit Test を書いていきます。 2021/05/24 現時点での Mockito 最新 Version は 5.0.8 です。 Null safety に対応した Mockito は Mock コードを生成する必要があるので、build_runner の install が必要になります。 こちらも併せて解説していきます。 環境macOS Big Sur 11.2.3Android Studio 4.1.3Flutter 2.0.4Dart 2.12.2Package installpubspec.yaml の dev_dependencies に以下追記します。 pubspec.yamldev_dependencie

                      FlutterのNull safetyに対応したMockitoの基本的な使い方 | ZUMA Lab
                    • Next.jsのISR/SSG/SSRをAWS Amplifyにデプロイして動作させる | ZUMA Lab

                      筆者は最近 Next.js と AWS Amplify をかじっている Web アプリ開発初心者です。 本ブログでは今後数回に渡って Next.js と Amplify で Web アプリを高速に作れないか検証していこうかと思います。 現在 Amplify は Next.js の ISR/SSG/SSR に対応してます。 最近は AWS Amplify Hosting が Next.js 11 に対応しましたね。 今回は Next.js で実装した検証用の ISR/SSG/SSR アプリを AWS Amplify にデプロイ、ホスティングをして動作検証まで行います。 やらないことISR / SSG / SSR の仕組みや解説ISR については Vercel 公式の解説が図解入りで分かりやすかったです。 環境macOS Big Sur 11.15.2Amplify 5.6.0Next.js

                        Next.jsのISR/SSG/SSRをAWS Amplifyにデプロイして動作させる | ZUMA Lab
                      • FlutterのListViewの中にPageViewで画像のカルーセルを作る(縦横入れ子のNested Listの作り方) | ZUMA Lab

                        FlutterのListViewの中にPageViewで画像のカルーセルを作る(縦横入れ子のNested Listの作り方) Flutter の ListView のリストの中に PageView で画像のカルーセルを作ります。 縦の ListView の中に横の PageView を表示する縦横入れ子の Nested List です。 完成後はこのような動きになります。 iOS や Android のネイティブで入れ子のリストを実装しようとすると結構大変なのですが、Flutter だと割と簡単に実装できました。 それでは見ていきましょう。 環境macOS Big Sur 11.1Android Studio 4.1.2Flutter 1.22.6Dart 2.10.5package を追加するpubspec.yaml に english_words package を追加します。 dep

                          FlutterのListViewの中にPageViewで画像のカルーセルを作る(縦横入れ子のNested Listの作り方) | ZUMA Lab
                        • Flutter初心者がFCMを使ってプッシュ通知を受け取る〜設定編〜(2021/3/22版) | ZUMA Lab

                          FCM (Firebase Cloud Messaging) のプッシュ通知設定とプッシュ通知を受信する Flutter アプリを実装します。 筆者は Flutter 初学者の為、モバイルアプリのプッシュ通知の設定が大変でした。 特に iOS の証明書周りの作業は骨が折れるので、なるべくスクショを多めにして分かりやすく解説できればと思います。 もし内容の誤りや、もっとこういうやり方があるよ、という方は Twitter で DM していただくか Contact で連絡して頂けると大変助かります。 記事が長くなったので、設定編とアプリ実装編の前後編に分けました。 アプリの実装編の記事はこちらになります。 今回は Firebase のプロジェクト作成から FCM の iOS/Android 設定までをご紹介します。 環境macOS Big Sur 11.2.1Android Studio 4.1

                            Flutter初心者がFCMを使ってプッシュ通知を受け取る〜設定編〜(2021/3/22版) | ZUMA Lab
                          • 横歩(就業は権利/ELR推進/BI反対) on Twitter: "@CubGixxer @hiro_zuma @XnvQtEsXzA3JYHF まあ法人税については何度も指摘されている通り、巷の俗説「法人税を増税したら経費を使う、特に人件費を使いだす」は根拠がない。論文を提示してる奴をみたことも… https://t.co/UYfIP1piID"

                            @CubGixxer @hiro_zuma @XnvQtEsXzA3JYHF まあ法人税については何度も指摘されている通り、巷の俗説「法人税を増税したら経費を使う、特に人件費を使いだす」は根拠がない。論文を提示してる奴をみたことも… https://t.co/UYfIP1piID

                              横歩(就業は権利/ELR推進/BI反対) on Twitter: "@CubGixxer @hiro_zuma @XnvQtEsXzA3JYHF まあ法人税については何度も指摘されている通り、巷の俗説「法人税を増税したら経費を使う、特に人件費を使いだす」は根拠がない。論文を提示してる奴をみたことも… https://t.co/UYfIP1piID"
                            • Flutter RiverpodでBottom Navigation Barと画面間の状態管理をする | ZUMA Lab

                              Flutter Riverpod で Bottom Navigation Bar と画面間の状態管理をしたいと思います。 今回は Bottom Navigation Bar 上に単語一覧画面、単語一覧からお気に入り単語を登録して一覧表示するお気に入り画面の 2 画面構成のアプリを作ってみます。 まず、Bottom Navigation Bar 上にある単語一覧と単語のお気に入り一覧画面間のお気に入り状態管理をします。 次に Riverpod で Bottom Navigation Bar で表示している tab の状態管理をします。 今回は状態管理部分のみを掲載しますので、全てのソースコードは Github を参照ください。 環境macOS Big Sur 11.2.1Android Studio 4.1.2Flutter 2.0.0Dart 2.12.0package を install

                                Flutter RiverpodでBottom Navigation Barと画面間の状態管理をする | ZUMA Lab
                              • تحميل لعبة زوما 2024 Zuma الأصلية للكمبيوتر وللموبايل مجانًا - بيجا سوفت

                                تعتبر لعبة زوما واحدة من أكثر الألعاب شهرة على الإطلاق والتي يفضلها الكثير من محبي الألعاب حول العالم حيث منذ ظهور هذا اللعبة وقد جن جنون العالم وصار الجميع يقوم بلعبها حتى هذه الأيام منذ إصدارها، وتعتبر لعبة زوما واحدة من أشهر ألعاب الذكاء على الإطلاق والتي تعتمد على السرعة والتركيز وتحطيم أكبر عدد من الكرات حتى تستطيع الفوز في تلك اللعبة. نعم لعبة زوما من أكثر الألعاب الحماسية الممكنة والتي ظهرت

                                  تحميل لعبة زوما 2024 Zuma الأصلية للكمبيوتر وللموبايل مجانًا - بيجا سوفت
                                • パンにおける残留農薬と発がん性について @hiro_zuma さんがパン製造会社と農民連食品分析センターに聞いた話

                                  𝓩𝓤𝓜𝓐 a.k.aバファリン先生 @hiro_zuma ふぅとりあえず、ヤマザキ含む大手パン製造会社4社と食パンのグリホサート残留調査を行っている農民連食品分析センター、に聞いてきたぞぉ。ちなみにパン製造会社4社の内1社は直接社長に聞いたw 2022-09-13 15:14:36 𝓩𝓤𝓜𝓐 a.k.aバファリン先生 @hiro_zuma えーとまずヤマザキパン。 ヤマザキパンのランチパックについてガン死パックなどのフレーズを使って癌やその他の病気になる危険を煽るツイートがされているが、それについて使用している小麦粉の危険性の認識や評価について聞いた。 2022-09-13 15:31:56 𝓩𝓤𝓜𝓐 a.k.aバファリン先生 @hiro_zuma ヤマザキパンの解答。 パンの発癌性についてはグリホサートの事だと思うが、それに関しては様々な機関で調査された情報や資料

                                    パンにおける残留農薬と発がん性について @hiro_zuma さんがパン製造会社と農民連食品分析センターに聞いた話
                                  • Flutter初心者がFCMを使ってプッシュ通知を受け取る〜アプリ実装編〜(2021/3/22版) | ZUMA Lab

                                    FCM (Firebase Cloud Messaging) のプッシュ通知設定とプッシュ通知を受信する Flutter アプリを実装します。 前回 Firebase のプロジェクト設定から iOS/Android の FCM 設定を解説しました。 初学者にとって最初の壁の iOS の証明書周りも詳しく解説しているので、まだ設定が終わっていない方は是非こちらの記事をご覧ください。 筆者は Flutter 初学者の為もし内容の誤りや、もっとこういうやり方があるよ、という方は Twitter で DM していただくか Contact で連絡して頂けると大変助かります。 それではアプリの実装をみていきましょう。 環境macOS Big Sur 11.2.1Android Studio 4.1.2Flutter 2.0.0Dart 2.12.0前提今回はこちらの Firebase Messagin

                                      Flutter初心者がFCMを使ってプッシュ通知を受け取る〜アプリ実装編〜(2021/3/22版) | ZUMA Lab
                                    • 香港セントラル、ZUMAに行ってみた♪ - 日本語しか話せないのに香港へ移住してみた

                                      今回は香港セントラル(中環)にある和食の創作料理店、ZUMAについて。 店内が広くて2フロアもあるZUMAは、清潔感もあってテラス席もおしゃれな高級店! 客層は欧米系の人が多く、近くの金融系で働く人たちの憩いの場となっています! 香港の創作和食のクオリティはどんなものなのか!? 写真付きで紹介していこうと思います♪ 香港セントラル ZUMA 住所 営業時間 ZUMA レポ メニュー 創作和食の雰囲気と客層 料理 ZUMA まとめ 香港セントラル ZUMA まずやってきたのは香港セントラルにあるランドマークという大きなショッキングモール。 彼氏が和食好きな私のために予約してくれました♡ ZUMAはここの5階と6階に位置しています! ランドマークの中に入ったら↑このエレベーターが目印ですよー! 住所 Google マップ Level 5&6 Landmark Atrium, 15 Queen'

                                        香港セントラル、ZUMAに行ってみた♪ - 日本語しか話せないのに香港へ移住してみた
                                      • Next.jsにStorybook(CSF3.0)を導入してSnapshot TestやUnit Testを実行する | ZUMA Lab

                                        Next.js と Typescript のプロジェクトに Storybook を導入して Snapshot Test や Unit Test を試してみます。 この記事では現時点で prerelease 版の Component Story Format 3.0 (以後 CSF3.0) を使用した Story を作成します。 CSF3.0 については以下公式の記事を参考にしました。 CSF3.0 で 新たに追加される play 関数についても試してみます。 play 関数はフォームの値入力や button のクリックなどユーザーインタラクションを Story で表現できる便利な関数です。 play 関数のおかげで Storybook の表現の幅が広がり、Storybook の導入で Snapshot Test と併せて Unit Test が書きやすくなります。 個人的には Storyb

                                          Next.jsにStorybook(CSF3.0)を導入してSnapshot TestやUnit Testを実行する | ZUMA Lab
                                        • Flutter Riverpod の AsyncValue で非同期通信時のローディングとエラー処理を楽に実装する | ZUMA Lab

                                          Flutter Riverpod の AsyncValue を使えば、非同期通信時のローディングとエラー処理を楽に実装できます。 筆者は個人的に非同期通信時に必ず実装するローディングとエラー処理のロジックを自前で実装するのは面倒だと思っていました。 Riverpod の AsyncValue はその仕組みをラッピングして提供してくれているので、迷うこと無く直感的に処理を書くことができました。 Riverpod 自体の使い方に関しては前回の記事で Todo リストアプリを題材に基本的な使い方を書いていますで参照ください。 今回は題材として簡単な Github の repository 検索アプリを選びました。 検索キーワードで Github の repository 検索をするシンプルなアプリです。 アーキテクチャは簡易的な MVVM を利用しています。 Model 層は API respo

                                            Flutter Riverpod の AsyncValue で非同期通信時のローディングとエラー処理を楽に実装する | ZUMA Lab
                                          • FlutterのHero AnimationsでAppStore風UIを作る | ZUMA Lab

                                            Flutter の Hero Animation で AppStore 風 UI を作ってみました。 最終的にこんなアプリを作ります。 アニメーションは以下の手順で実装していきました。 カード UI に AnimatedPadding でタップ中カードが押し込まれるアニメーションを実装するカード UI に GestureDetector でタップされた時のアクションを設定する一覧画面から詳細画面に遷移する時に FadeTransition でクロスフェードするアニメーションを実装する一覧画面から詳細画面に遷移する時に Hero animations でカード UI が拡大するアニメーションを実装する今回はアニメーションに関係する箇所のみを掲載するので、全てのソースを参照したい方は こちらの Github をご覧ください。 環境macOS Big Sur 11.2.1Android Stud

                                              FlutterのHero AnimationsでAppStore風UIを作る | ZUMA Lab
                                            • The Works of M!ZUMA SH!RABE 2020【6/1Now on Sale】 - こんぶろ-高知の酒屋ブログ-

                                              土佐の国の とある小さな酒屋、近藤印 高知酒店・こんじるが綴る お酒にまつわったり・まつわんなかったりするブログです。 2020年 6月1日といえば・・ モグさんの CD発売日~♪ (σ・∀・)σ The Works of M!ZUMA SH!RABE 2020 (全10曲入)2,500円(税込み)♪ 稀代の ワンオペアーティスト! サリーズ☆バー 唯一の音楽担当 音楽人モグさんが ステイホームを 見事に活用して 醸し出したアルバム☆ ゜+.(・∀・)゜+.゜ が・・・ なぜなぜ ホワイ~ 酒屋の店頭で 並んでおりますw ってか 最近、酒より CDが増えてくw ( ゜Д゜) して更に モグさんCD。 当店店頭や サリーズ☆バーまで 買いに行くにはちと遠い・・ そんな方の為っ! \( ̄^ ̄)/ これまたナゼか 酒屋のHPからも ご購入可能ですw 通販もしてますw (☆ФωФ)ノ そんな 酒屋

                                                The Works of M!ZUMA SH!RABE 2020【6/1Now on Sale】 - こんぶろ-高知の酒屋ブログ-
                                              • Flutter RiverpodのFutureProviderでAPI通信処理を楽に実装する | ZUMA Lab

                                                Flutter の Riverpod の FutureProvider を利用すれば API 通信処理をとても楽に実装できます。 前提として、今回は使用するアーキテクチャを MVVM パターンとします。 ViewModel の代わりとして Riverpod の FutureProvider を利用できます。 また、FutureProvider は AsyncValue のオブジェクトを生成してくれます。 AsyncValue は非同期通信の通信中、通信終了、異常終了処理をハンドリングしてくれる Riverpod の便利な機能です。 View 側ではこの AsyncValue を利用して通信状態により ListView や、CircularProgressIndicator Widget の出し分け処理を記述することが可能です。 AsyncValue の詳細については以前の記事をご覧ください

                                                  Flutter RiverpodのFutureProviderでAPI通信処理を楽に実装する | ZUMA Lab
                                                • Reactのimport文を絶対パスで設定する(TypeScript版) | ZUMA Lab

                                                  React(TypeScript) の import 文を src ディレクトリからの絶対パスで設定する方法です。 ある程度実装を終えてから絶対パスに変更しようとすると修正漏れが発生しそうなので、自分は Next や CRA の作成直後に必ずこれを実施しています。 import 文の可読性が上がるのでぜひお試しください。 環境macOS Catalina 10.15.5(19F101)VSCode 1.52.1Next 10.0.4React 16.14.0TypeScript 4.0.5設定方法このような階層のファイルがあったとします。 ├── src │   ├── components │   │   └── templates │   │   ├── Layout.tsxsrc 配下の別階層から Layout component を参照した場合、相対パスだとこうなります。 impo

                                                    Reactのimport文を絶対パスで設定する(TypeScript版) | ZUMA Lab
                                                  • For some reason, I was conceived because I was selected as a beautiful girl's educator.Fate/ZE ○ O Pu ○ Zuma ☆ Ilyaero image

                                                    Girl Lori For some reason, I was conceived because I was selected as a beautiful girl's educator.Fate/ZE ○ O Pu ○ Zuma ☆ Ilyaero image See More For some reason, the documents are deficiencies, one year, Ro -kon virgin (30 years old), To the educator of a magical girl!?, With a beautiful girl with plenty of smell of a girl, If you become an educator in a room alone, I have no choice but to do sexua

                                                      For some reason, I was conceived because I was selected as a beautiful girl's educator.Fate/ZE ○ O Pu ○ Zuma ☆ Ilyaero image
                                                    • 「M-1」準々決勝にZUMA、三遊間、ドリンクバーゲン、軍艦、イチオク、ニゲルベが初進出

                                                      10月25日と26日に大阪・よしもと漫才劇場、27日に京都・よしもと祇園花月で3回戦が行われた結果、41組が合格。ZUMA、三遊間、ドリンクバーゲン、軍艦、イチオク、ニゲルベが初の準々決勝進出を決め、そのほかは令和喜多みな実、侍スライス、風穴あけるズ、ガーベラガーデン、黒帯、金属バット、モンスターエンジン、デルマパンゲ、フースーヤ、アキナらが名を連ねた。 なお3回戦は11月1日(月)と翌2日(火)に東京・よしもと有楽町シアターでも行われる。3回戦の模様は明日10月29日(金)正午より大会のYouTubeチャンネルで随時配信される予定だ。また同日21時には、1回戦で独特な存在感を放っていた漫才師たちをマヂカルラブリーがチェックする企画もYouTubeでプレミア配信される。 「M-1グランプリ2021」大阪・京都会場の準々決勝進出者もも / 令和喜多みな実 / 侍スライス / ZUMA / 風

                                                        「M-1」準々決勝にZUMA、三遊間、ドリンクバーゲン、軍艦、イチオク、ニゲルベが初進出
                                                      • Flutterのgoogle_maps_flutterとgeolocatorで位置情報を取得して現在地をGoogle Mapsに表示する | ZUMA Lab

                                                        Flutterのgoogle_maps_flutterとgeolocatorで位置情報を取得して現在地をGoogle Mapsに表示する Flutter で位置情報を取得して現在地を Google Map に表示するアプリを作ります。 Google Map 表示部分は Flutter 公式の google_maps_flutter package を利用します。 また、位置情報を取得する為に geolocator package を利用します。 環境macOS Big Sur 11.2.1Android Studio 4.1.2Flutter 2.0.0Dart 2.12.0Maps SDK for iOS/Android API を有効にするまず Google Cloud Platform (以後 GCP)の Google Maps Platform にアクセスします。 URL は ht

                                                          Flutterのgoogle_maps_flutterとgeolocatorで位置情報を取得して現在地をGoogle Mapsに表示する | ZUMA Lab
                                                        • Vercelにお名前.comで取得したドメインをカスタムドメインとして設定する | ZUMA Lab

                                                          Vercel でホスティングしたサイトに、お名前.com で取得したドメインをカスタムドメインとして設定します。 このサイトは Next.js で構築し、Vercel でホスティングし、これからの手順でカスタムドメインを設定しました。 それでは見ていきましょう。 ※ Vercel のホスティング、お名前.com のドメイン取得方法は割愛致します。 Vercel に Domain を追加するVercel のコンソールにログインし、カスタムドメイン設定したい Project を開きます。 Settings > Domains から Domains 追加画面を開きます。 入力ボックスにお名前.com で取得したドメインを入力して Add ボタンを押して下さい。 私は取得してから長年放置していた zuma-lab.com というドメインを設定しました。 まだこのように Invalid Config

                                                            Vercelにお名前.comで取得したドメインをカスタムドメインとして設定する | ZUMA Lab
                                                          • Flutterのプロジェクトを新規作成したらする設定(コード自動フォーマット/Lint静的解析/Visual Debugging設定) | ZUMA Lab

                                                            Flutterのプロジェクトを新規作成したらする設定(コード自動フォーマット/Lint静的解析/Visual Debugging設定) 筆者は Flutter 歴まだ浅い初心者なのですが、その中で筆者が学んだオススメ設定を紹介します。 筆者は Flutter の Widget を試す度に Android Studio のプロジェクトの新規作成を繰り返すので、プロジェクト新規作成したら真っ先にする設定です。 特にある程度開発をしてから静的解析をするとほぼコードを修正するハメになるので、Lint 設定はマストでいれています。 コード保存時の自動フォーマットや Lint 静的解析、Visual Debugging、画像の設定は最初にしておいた方が良いので順番に解説していきます。 前提として OS は macOS で IDE は Android Studio となります。 環境macOS Big

                                                              Flutterのプロジェクトを新規作成したらする設定(コード自動フォーマット/Lint静的解析/Visual Debugging設定) | ZUMA Lab
                                                            • AmplifyでCognitoグループを追加してGraphQLのAPIアクセスをグループで制限する | ZUMA Lab

                                                              筆者は最近 Next.js と AWS Amplify をかじっている Web アプリ開発初心者です。 本ブログでは今後数回に渡って Next.js と Amplify で Web アプリを高速に作れないか検証していきます。 前回、前々回は Next.js アプリに認証機能を追加し、Amplify の認証 UI コンポーネントのスタイル変更、入力項目変更と日本語対応をしました。 今回は Amplify CLI で認証グループを追加して、GraphQL への API アクセスをグループ単位で制御したいと思います。 API アクセス制御を行うには AppSync の schema.graphql で@auth ディレクティブを設定します。 @auth ディレクティブとは、API の認可をトップレベルで行うことができるディレクティブです。 具体的にはルールを定義することで、API のアクションに

                                                                AmplifyでCognitoグループを追加してGraphQLのAPIアクセスをグループで制限する | ZUMA Lab
                                                              • DockerとDocker ComposeでPythonの実行環境を作成する | ZUMA Lab

                                                                Docker と Docker Compose で Python 実行環境を作ります。 今回は docker コンテナ を build して python で簡単な Web スクレイピングをしてみたいと思います。 それでは作業手順です。 環境macOS Catalina 10.15.5(19F101)docker 20.10.0docker-compose 1.27.4構成最終的なディレクトリ構成は以下です。 $ tree . ├── Dockerfile ├── docker-compose.yml ├── requirements.txt └── src └── sample.py作業ディレクトリを作成するDockerfile や docker-compose.yml を作成する作業ディレクトリを作成します。 mkdir python-docker && cd python-docke

                                                                  DockerとDocker ComposeでPythonの実行環境を作成する | ZUMA Lab
                                                                • ZUMAが解散を発表 | FANY Magazine

                                                                  6月17日(月)、よしもと漫才劇場所属・極メンバーZUMA(DANGO・ひかる)が解散を発表しました。 ZUMAは、6月30日(日)をもってコンビ解散となります。 解散理由については、現状、DANGOの家族療養サポートによる活動休止によりコンビ活動ができていない状態が続いていたこと、また、ひかるは今年の『M-1グランプリ』に出演することを目標にしてDANGO復帰を待っていましたが、現状変わらず復帰の見通しがつかないこともあり、コンビで話し合った結果、区切りをつける形で解散するという結論に至ったとのこと。 今後の活動については、7月1日よりDANGOはピン芸人「しんこだ工務店」になりますが、しばらくは活動休止となります。ひかるは、同じく7月1日よりピン芸人「ZUMAひかる」として活動予定です。 ZUMA DANGO DANGOは自身のXで以下のように投稿し、解散について発表しました。 【ご報

                                                                    ZUMAが解散を発表 | FANY Magazine
                                                                  • Android StudioのFlutterテンプレートをカスタマイズして Riverpod / StateNotifier / Freezed をデフォルトで使用できるプロジェクトを作成する | ZUMA Lab

                                                                    Android StudioのFlutterテンプレートをカスタマイズして Riverpod / StateNotifier / Freezed をデフォルトで使用できるプロジェクトを作成する 筆者は Flutter の Widget を試す度に Android Studio のプロジェクトの新規作成を繰り返します。 プロジェクト新規作成したらコード保存時の自動フォーマットや Lint 静的解析、Riverpod/StateNotifier/Freezed、画像の設定を行います。 ただこの作業をプロジェクト作成毎に行うのは手間だし手順を飛ばしてしまったりするので、Flutter テンプレートをカスタマイズして設定を自動化しましょう。 Lint 静的解析の設定やローカル画像を最初から利用できるようにする設定は過去の記事で紹介してますので、こちらを参照ください。 今回は Flutter の画面

                                                                      Android StudioのFlutterテンプレートをカスタマイズして Riverpod / StateNotifier / Freezed をデフォルトで使用できるプロジェクトを作成する | ZUMA Lab
                                                                    • ZUMA

                                                                      Liquid error (snippets/cart-notification line 15): Could not find asset snippets/icon-checkmark.liquidTranslation missing: ja.general.cart.item_added

                                                                        ZUMA
                                                                      • Flutter RiverpodのFutureProviderを利用したUnit TestとViewのWidget Testを書く | ZUMA Lab

                                                                        Flutter RiverpodのFutureProviderを利用したUnit TestとViewのWidget Testを書く Flutter の Riverpod の FutureProvider を利用すれば API 通信処理をとても楽に実装できます。 前回の記事で FutureProvider の使い方を解説しました。 前提として、前回の記事で実装した内容のテストを書くのでまずこちらの記事をご覧ください。 こちらの記事では MVVM のアーキテクチャを採用しています。 今回は FutureProvider の Unit Test と、画面表示の責務を担う View の Widget Test を書いていきます。 環境macOS Big Sur 11.4Android Studio 4.2.1Flutter 2.2.0Dart 2.13.0Package installpubspe

                                                                          Flutter RiverpodのFutureProviderを利用したUnit TestとViewのWidget Testを書く | ZUMA Lab
                                                                        • ZUMA Lab

                                                                          Cypress Component TestingとRTLでReactコンポーネント テストを書く (Next.js x TypeScript x Jest対応)2022-01-21

                                                                            ZUMA Lab
                                                                          • [Rainbow Kore VOL / 3] Ku * Zuma ○ Demon HCG Collection -Majikore Maming Ratche !!

                                                                            Ass/hip Moe tentacles urination/pee [Rainbow Kore VOL / 3] Ku * Zuma ○ Demon HCG Collection -Majikore Maming Ratche !! See More 28 kinds of H illustrations of characters appearing in the Demon, It is a collection of HCG collected.,,, ,,, This time, as a birthday commemorative, among them, the very popular Lori teacher, Ma -n, It is a collection of works that mainly record H illustrations.,,, ,,, M

                                                                              [Rainbow Kore VOL / 3] Ku * Zuma ○ Demon HCG Collection -Majikore Maming Ratche !!
                                                                            • FlutterでiOSの開発/ステージング/本番環境を切り替える | ZUMA Lab

                                                                              Flutter で開発/ステージング/本番環境を切り替える方法です。 プロダクト開発だと開発環境の他、本番環境、本番環境により近いステージング環境と 3 種類の環境を用意するケースが多いと思います。 ステージング環境は QA 環境やテスト環境とも呼んだりしますね。 Flutter で環境を切り替えるには Debug build/Release build で切り替える方法や Flavor を使う方法がありますが、今回は dart-define を利用して環境を切り替えてみます。 android で開発、ステージング、本番環境を切り替える方法はこちらの記事をご覧ください。 また、dart-define で環境変数を設定して Flutter や iOS のソースコード、Android の AndroidManifest.xml で環境変数の値を使用する記事を以前書きました。 dart-defi

                                                                                FlutterでiOSの開発/ステージング/本番環境を切り替える | ZUMA Lab
                                                                              • 元祖SUVスクーター! ヤマハ新型「ZUMA 125」台湾で発売された新型BW’Sの北米モデルが登場

                                                                                VVA搭載、左右非対称ライトで一新! 元祖SUVスクーター! ヤマハ新型「ZUMA 125」台湾で発売された新型BW’Sの北米モデルが登場 2021/05/20 18:27 ヤングマシン(ヨ) ヤマハは、北米で新型SUVスクーターの「ZUMA 125」を発表した。台湾で昨年10月末に新型が発表されている「BW’S(ビーウィズ)」の北米版。日本では旧モデルの販売終了にともない公式HPから姿を消しているが、日本での発売にも期待したいところだ。 コンパクトでタフな新型アドベンチャースクーター!ヤマハは北米で、新型SUVスクーターの「ZUMA 125」を発表。台湾で発表された新型「BW’S」の北米版で、よりイカツイ系のデザインと環境性能を向上したエンジンなどにより、“コンパクトでタフなアドベンチャーモデル”として発売される。 日本では旧モデルがBW’S 125として2020年モデルまで販売されたが

                                                                                  元祖SUVスクーター! ヤマハ新型「ZUMA 125」台湾で発売された新型BW’Sの北米モデルが登場
                                                                                • [Flutter] テストデータを外部ファイル化してUnit Testを書く | ZUMA Lab

                                                                                  Flutter で API から返却される API レスポンスのスタブデータを外部ファイル化して、Unit Test を書いてみます。 アーキテクチャとしては MVVM で Data 層である Repository のテストを書く事を想定します。 環境macOS Big Sur 11.3.1Android Studio 4.2.1Flutter 2.2.0Dart 2.13.0テスト対象コード以下がテスト対象のコードです。 この Repository Class は fitchList method で取得した API レスポンスである json データを decode して entity に mapping しています。 ApiClient は Http 通信をして API からデータを取得する Class です。 abstract class Repository { Future<L

                                                                                    [Flutter] テストデータを外部ファイル化してUnit Testを書く | ZUMA Lab