タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Mockito や gomock が使いやすいせいか、単体テストというのはモックするものである、という思い込みがあるのか、人々がモックしすぎているのを時折みかける。 モックは必要悪で、しないにこしたことはない。外部の API サーバーとかはガンガン叩くわけにもいかないけれど、ファイル読み書きくらいは、実際にファイルを作ったり消したりしてしまっていい。/etc/passwd を消すとか、1GB のファイルを作るとかだと難しいかもしれないけれど、その場合でも、パスのプレフィックスを指定できるようにして、一時ディレクトリの中の etc/passwd を使うとか、ファイルサイズを指定できるようにするとか、逃げ道はいくつもある。そこを飛ばして「ファイル操作は一律モックしましょう」とか頑張りだすと辛いことになりがちだ。 モックの一番の問題は、本番とテストで違うコードが走ることで、これは自動テストの価値
ChatGPTを利用して画面モックを爆速で作成する - Taste of Tech Topics
こんにちは、最近スマホのChatGPTアプリで、音声入出力機能を使って会話を楽しんでいる安部です。 皆さんWebアプリ開発などで、画面モックを作成しなければいけない場面は多いですよね？ 適当なHTMLを作ったり、ツールで図示したりしますが、正直面倒です。 そこで今回は、ChatGPTに最初から画面モックを作ってもらいます。 最近はChatGPTに画像を添付できるようになったので手書き画像からHTMLを出力することもできますが、 この記事では画面要素を言葉で指定し、HTMLを出力してもらいます（配置などのデザインは、ひとまずChatGPTにお任せしてみます）。 では早速始めましょう。使用モデルはGPT-4です。 簡単な入力フォームを出力させる まずは、よく使いそうな簡単な入力フォームを出力してもらいます。 ここでは、「書籍を登録する画面」という設定で指示を出します。 次の画面構成の案を、HT
皆様フロントエンドのテストを書いていらっしゃいますでしょうか？ フロントエンドのテストを書くときには API コールする処理を全てモックする必要があります。外部の API をコールする処理をテストに含めると API サーバーが落ちているなどの外部の要因によってテストが失敗してしまう可能性がありますし、テストを実行するたびに実際に API をコールしてしまうとサーバーに負荷がかかってしまうなど外部に対しても悪影響を与えてしまいます。 さて、従来のモックする手段としては Jest のモックを利用して axios や fetch などのモジュールをモック化する手法がよく使われていたかと思います。 最近のテスト手法として API コールをモックする際に Jest ではなく Mock Service Worker (以下 msw ）を使用する手法が注目されています。実施にどのように使用されているのか
サーバ不要でバックエンドAPIのモックを実現する「Mock Service Worker 2.0」正式リリース。Fetch API、ストリームAPI対応など新機能
サーバ不要でバックエンドAPIのモックを実現する「Mock Service Worker 2.0」正式リリース。Fetch API、ストリームAPI対応など新機能 Webアプリケーションのクライアントを開発する際に、本来ならばサーバ上で稼働するWebアプリケーションのバックエンドのAPIを呼び出してデータを受け取って表示するといった動作を作り込みたいけれども、まだバックエンドのAPIも開発中であったり、何らかの理由でバックエンドを稼働させる環境を用意できなかったりすることは、しばしば起こりえます。 そうしたときにサーバを立てることなく、バックエンドのAPIをモックとして簡単に設定し提供してくれるソフトウェア「Mock Service Worker」の最新版「Mock Service Worker 2.0」が正式にリリースされました。 Announcing MSW 2.0! Migratio
【PR】新生X68000誕生。瑞起の「X68000 Z」は10月8日に予約受付を開始。TGS 2022の4Gamerブースではモック展示＆投稿企画を実施
【PR】新生X68000誕生。瑞起の「X68000 Z」は10月8日に予約受付を開始。TGS 2022の4Gamerブースではモック展示＆投稿企画を実施 編集部：早苗月 ハンバーグ食べ男 1987年に初代機が発売され，1990年代初頭には，ホビーPCの代表格として名を馳せたシャープの「X68000」シリーズ。瑞起は本日（2022年9月14日），その名を冠した製品「X68000 Z」を正式に発表した。 瑞起の公式Twitterで2022年6月8日に示唆されて以降，たびたび巷の話題になっていた「X68000に関する新製品」だが，同社がセガの「メガドライブミニ」やKONAMIの「PCエンジン mini」に携わってきたことから察していた人も多いように，やはりX68000の“ミニ”に相当するプロダクトだった。まだ詳細な仕様は明かされていないが，筐体の全高は151mmで，おおよそオリジナルの2/5スケ
BASE の Service Dev にて主に決済周りのバックエンド開発をしている翠川（@midori44）です。 昨年は PayPal決済の導入 のプロジェクトでメインエンジニアとして携わらせていただきました。 今回は決済周りの開発をしていく中で、社内の開発環境を整えた話をします。 ローカル開発環境での課題 BASEでは現在、BASEかんたん決済 として6つの決済方法を提供しています。 日々の機能開発をしていく中で、すべての決済方法において各機能が正しく動作するかを確認するために、ステージング環境や社内検証用のQA環境だけでなく開発者のローカル環境でも決済をテストできるようになっています。 新機能のリリース時にはもちろん本番環境で実際の決済を通して動作確認するわけですが、開発中のテストの度に本番相当の決済をするわけにはいかないので、各決済代行会社様のほうで用意していただいている検証用サー
メルカリアプリのWebView向けWebアプリケーションの開発を支えるモック技術 | メルカリエンジニアリング
こんにちは、メルカリでフロントエンドエンジニアをしている @karszawa です。 本日はメルカリアドベントカレンダー2019の21日目の記事として「メルカリアプリのWebView向けWebアプリケーションの開発を支えるモック技術」というニッチ（？）な題目の話をさせていただきます。 メルカリアプリでは「取引画面」を代表として、意外と多くの場所で WebView が使われています。 WebView 向けの Web アプリケーション開発は動作環境が特殊で外部依存の多いという点で普通の Web アプリケーション開発よりややこしいです。たとえば、普通の Web アプリケーションはあるアプリが独自に定義した API（ネイティブ API）を呼ぶことはありません。この記事ではそういった難しさを持ったアプリケーションを開発する上で重要な モックの話 をします。 本番環境と開発環境のアプリケーションが参照
フロントエンドの開発時に仮の API を使いたいってシチュエーションはわりとあると思います。 そんな時に、Mock Service Worker を使うと便利だったのでまとめます。 Mock Service Worker とは？ Mock Service Worker は、ネットワークレベルで API リクエストをインターセプトして mock のデータを返すためのライブラリです。API リクエストを含む処理のテストや、開発時の mock サーバーの代替として利用出来ます。 テストでの利用については以前こちらの記事でまとめました。 今回は開発時のモック API としての利用について書きます。 開発用の API というと、JSON Serverが有名ですが、Mock Service Worker では Service Worker を使ってリクエストを返すため、別プロセスでローカルサーバーを立
Web フロントエンドにおける API モック戦略
はじめに 新規開発のプロジェクトでテスト戦略を立ててしばらく開発をしています。そのテスト戦略の内の 1 つに Web API モックの運用ポリシーを決めていたのですが、大きな問題がなく運用ができているので「API モック戦略」と大袈裟に題してみました。 特に奇抜なことはしていないですが、振り返りとしてまとめたいと思います。 目的 Web フロントエンドの開発時にモック API を利用して動作確認・自動テストをしたい 開発サーバを起動するだけでブラウザで動作確認をしたい Testing Library などを用いた UI コンポーネントの振る舞いを自動テストしたい モックデータの管理を簡単にしたい ブラウザでの動作確認と自動テストで同じモックデータを利用したい 前提 API のモックサーバは Mock Service Worker （以下 MSW と呼ぶ）を利用する。MSW のメリットや利用
STORES 予約 でwebアプリケーションエンジニアをやっております。ykpythemindです。 皆さん、Webアプリケーションのテストを書いていますか。 モック(mock)を使っていますか。 今回は自動テスト上で、偽物だけではなく（要所で）本物を使おうよという話を書きます。 想定読者としては主にRuby on Railsを開発しているバックエンドエンジニアを想定しています。 モックとは 今回のモックの定義は以下にしておきます。 *1 実際の外部サービスや内部サービスの代わりをする偽のサービスを作成することです。 ref: https://circleci.com/ja/blog/how-to-test-software-part-i-mocking-stubbing-and-contract-testing/ Rubyでは外部サービスとの接合部で、 RSpecの allow(xx).
Next.js でテスト駆動開発を進める時に必ず関門となる各種機能のモックに関するベストプラクティスを紹介します。 今回は Router などの機能をモックした render を作成して、共通のコンポーネントとして利用することを目標としましょう。 バージョン情報 Node.js：15.11.0 React：17.0.2 Next.js：10.2.2 Jest：26.6.3 React Testing Library @testing-library/react：11.2.5 Router を使用した際の問題点 next/router
Mock Service WorkerでAPIをモックして開発をスムーズに進められた話 - Classi開発者ブログ
こんにちは。開発本部 認証連携チームでエンジニアをしている id:ruru8net です。前回はこちらの記事を書かせていただきました。 tech.classi.jp 現在は認証基盤再建というプロジェクトの中で、主にフロントエンド開発を担当しています。この記事ではフロントエンド開発においてAPIのモックのために「Mock Service Worker」を使ったところスムーズに開発を進めることができたので、使い方を紹介したいと思います。 mswjs.io ツールの導入 弊社ではフロントエンドのフレームワークにAngularを採用しているのでAngularでの導入手順を記します。 基本的にはドキュメントの手順通りです。 1. インストール $ npm install msw --save-dev # or $ yarn add msw --dev 2. モックを定義 src/mocks/hand
TypeSpec、Orval、Storybook を使ってフロントエンドのモック生成を自動化する
はじめに フロントエンド開発において、効率的かつ一貫性のあるモック生成は非常に重要です。本記事では TypeSpec、Orval、Storybook の 3 つのツールを使用して自動生成でモックを実現する方法を紹介します。 TypeSpec は、大規模な API を提供するために Microsoft が開発し、使用している新しい API 記述言語です。 Orval は、OpenAPI 仕様から TypeScript のクライアントコードを生成するツールです。これにより、最新の API 仕様に基づいたクライアントコードを常に保持し、API との通信がスムーズに行えるようになります。 Storybook は、コンポーネントを独立して開発・テストするためのインタラクティブなツールです。コンポーネントの見た目や動作を個別に確認できるため、UI の一貫性を保ちながら効率的に開発を進めることができます
Go Conference 2021 Autumn https://gocon.jp/2021autumn/
こちらの記事はNIJIBOX Advent Calendar 2019の23日目の記事です。（遅刻してごめんなさい・・・） 前置き こんにちは、ニジボックスのフロントエンドチームのこじこじです。 あっという間にクリスマスですね。街はキラキラ、大人も子どもも恋人たちも浮かれてしまう楽しい季節です。 突然ですが、失恋しました そんな楽しい季節がやってきたにも関わらず、少し前に失恋しました。 クリスマスまでもう時間がない・・・！ ということで、クリスマスに自尊心を高めて過ごせるTinder風モックをサクッと作ってみることにしました。 落ち込んでいる暇はないのです。いのち短し、作れよ乙女。 作りたいもの なんか私めっちゃいいねきてる・・・モテ期なのでは・・・？！と思うためだけのTinder風webアプリ クリスマスに暇を潰せるレベルでいいので今回はモックアップの作成 書くこと Reactで簡単にT
Android/iOSのテスト自動化に関する知識を共有する勉強会「年末だよ Android/iOS Test Night - 2019」が2019年12月16日に開催されました。DeNAのAndroid・iOSの各PFからテスト自動化・CI/CDに知見のある登壇者を招いてLTを実施。「2019年のSwiftモック事情」に登壇したのはikesyo氏。登壇資料はこちら 2019年のSwiftモック事情 ikesyo氏：では「2019年のSwiftモック事情」というタイトルで発表させていただきます。よろしくお願いします。 まず自己紹介です。ikesyoと言います。ふだんは京都のはてなという会社で働いていて、スマートフォンアプリの開発の仕事をしています。専門はiOSで、Swift大好き人間なんですがAndroidやReact Nativeも書いたりしています。swift-corelibs-foun
こんにちは、id:ikesyoです。これは はてなエンジニア Advent Calendar 2019 17日目のエントリーです。 昨日12月16日（月）に行われた 年末だよ Android/iOS Test Night - 2019 にて、『2019年のSwiftモック事情』という発表をしました。 Swiftでテストのためのモックを用意するとなると、リフレクションでめちゃくちゃするということができないので、素朴に手で書くか、コード生成をすることになります。今回の発表ではコード生成に主眼を置き、以下の4つの選択肢を紹介しました。 SourceryのAutoMockable SwiftyMocky Cuckoo Mockolo それぞれの機能や違いなど詳しい内容は、ぜひ発表のスライドを見てみてください。 Swiftでのモック事情については、今年4月の Mobile Act KYOTO #1
Terraform 1.7正式リリース。モックによるインフラテストコードの高速実行が可能に、リソースを削除せずTerraformの管理から外す「config-driven remove」機能も
Terraform 1.7正式リリース。モックによるインフラテストコードの高速実行が可能に、リソースを削除せずTerraformの管理から外す「config-driven remove」機能も HashiCorpは、インフラ構成ツールTerraformの最新版となる「Terraform 1.7」正式版のリリースを発表しました。 Terraformは、インフラ構成をコードで記述できる、いわゆるInfrastructure as Code（IaC）を実現する代表的な製品です。AWSやMicrosoft Azureなどの特定のインフラに依存せず、さまざまなプラットフォームに対応することを大きな特徴としています。 Now generally available, HashiCorp #Terraform 1.7 is bringing new features to streamline your
APIテストに便利！ 「Amazon API Gateway」と「Amazon S3」で作る、レスポンスを動的かつ簡単に変更できるAPIモック
「Amazon Web Services」（AWS）活用における便利な小技を簡潔に紹介する連載「AWSチートシート」。今回は「Amazon API Gateway」（以下、API Gateway）と「Amazon Simple Storage Service」（以下、S3）を利用して、レスポンスを動的かつ簡単に変更できるAPIモックを作る方法を紹介します。 「Amazon API Gateway」とは API Gatewayとはシステムが提供するAPIの管理を容易にするAWSのサービスです。 主な役割としてはクライアントから受け取ったリクエストを「Amazon Elastic Container Service」（ECS）や「AWS Lambda」といったバックエンドのサービスにルーティングし、レスポンスをクライアントに返却します。 また、リクエストのバースト設定や形式チェックなど、従来の
Leaner 開発チームの黒曜(@kokuyouwind)です。 RubyKaigi Takeout 2021真っ只中ですね。自分も視聴して実況ツイートを垂れ流しています。 でも今回はフロントエンドの話です。 TL;DR OpenAPI 定義を JSON で記述しておくと、 import schema from 'schema.json' で読み込んで Component などの定義を参照できます。 これを使って msw の Handler を定義すると、簡単に API をモックしてテストできるので便利です。 異常系のハンドラーも同じところで定義しておくと、テスト時のレスポンス差し替えもシンプルになって読みやすくなります。 OpenAPI 定義を msw に使いたい 以前書いたとおり、現在自分が担当しているプロダクトでは OpenAPI を使って API スキーマを定義しています。 このス
どんな役職でも、1つのプラットフォームだけ API開発で唯一の正しい情報源になりうるApidogをAPI開発における唯一の正しい情報源としてのパワーを体験してください。 1つのプラットフォームでAPIのデザイン、テスト、仕様書作成、モック作成など、あらゆる作業を実施可能に、 API開発において、データの一貫性や正確性を保ち、時間を大幅に節約できることを保証します。 API開発ツールキットAPIをより迅速に設計してデバッグできる強力なビジュアルエディター、簡単な１クリックだけ操作可能！JSON Schemaにも対応済み。
TL;DR クロージャを引数として受け取るメソッドをモックし，かつ渡されたクロージャ内で呼ばれるメソッドもアサートしたい場合は with(\Hamcrest\Core\IsInstanceOf::anInstanceOf(Closure::class)) andReturnUsing(fn (Closure $closure) => $closure()); を使うことで実現できる メソッドチェーンでそれぞれのメソッドをモックする場合は andReturn($user = Mockery::mock(UserContract::class)); のように，メソッドの戻り値を新たにモックし，変数に格納することで，次のメソッドのモックは，前のメソッドの返り値（のモック）を使うことができる はじめに PHP でテストを書く上ではほぼ必須と言って良いおなじみのモックライブラリ Mockery ．
ワークマンはキャンプやバーベキューで火花が飛んでも燃え広がりにくい防融加工付き「FLAME TECH モンスターパーカー」を9月上旬に、アッパーとソールに防炎加工の付いた「防炎キャンパーモック」を8月下旬に発売する。人気を博しているキャンプ関連製品を充実させることで売り上げを向上させる狙い。 同社の火花対策製品は、もともと「溶接工」用の綿パーカーから始まっている。当初は年間3000着ほどしか売れなかったものの、SNSでアウトドアにも使えることが拡散され、独自に製品を改良した。すると、年間10万着単位で売れる大ヒット商品になったという。 FLAME TECH モンスターパーカー 「FLAME TECH モンスターパーカー」は、キャンパーやバーベキュー用の火花に強い防寒ウェア。本製品の表地は三菱商事ファッションと共同開発した、ポリエステルなのに綿素材より燃え広がりにくい防融加工の「FLAME
Google、UIのモック画像を示すとAndroidネイティブなコードの自動生成や既存コードの修正をしてくれる機能、Google AI Studioで実験的公開
Google、UIのモック画像を示すとAndroidネイティブなコードの自動生成や既存コードの修正をしてくれる機能、Google AI Studioで実験的公開 Googleは、最新の大規模言語モデルであるGemini 1.5 Proなどを無料で試せる生成AIの利用環境である「Google AI Studio」において、UIのモック画像を示すとAndroidネイティブなCompose UIのコードの生成や修正をしてくれる機能などを、実験的に公開したと発表しました。 UIのモック画像からコードを生成 実験的に公開された機能の1つ目は、UIのモック画像からAndroidネイティブなCompose UIのコード生成です。 具体的には、下記のようなAndroidのUIのモック画像があるとします。 この画像をプロンプト「Act as an Android app developer. For the
PythonでDI+モックを使いながら、Clean Architectureでアプリケーションを構築する - Qiita
PythonでDI+モックを使いながら、Clean Architectureでアプリケーションを構築するPythonFlaskDIPython3CleanArchitecture 業務でPythonを使ってウェブアプリケーションを実装する際、レイヤー毎に関心の分離を行いながら開発するために、Clean Architectureを導入することになりました。 チームメンバーへのナレッジ共有を兼ねて、漸進的型付けとDependency Injectionを用いながら、テスタビリティの伴ったアプリケーションを開発するためのプラクティスをまとめました。 今回はPythonを用いたサンプルを目的としているため、Clean Architectureの解説は簡易に済ませます。 (The Clean Architectureより引用) Clean Architectureはロバート・C・マーティンによって2
技術の発達によりテストのツールチェーンが安定してきている 古川陽介氏（以下、古川）：前までは、HTML出力されて、さらにブラウザがどう解釈したかが出力されるという2段構えになっていました。 そうすると何が問題かというと、ブラウザのバージョンや、読み込まれるタイミングによって、ピクセルのズレみたいなものが若干発生した時に、閾値でなんとかしていたけれど、若干のやりにくさが感じられていたんですよね。 そこに、Reactのツールが増えてきて、さらにスナップショットテスティング。真面目にテストのデータを逐一見ようとするから、難しいんだよ。ある程度ダンプしておいて、その内容が完全に一致していたらいいんじゃないの、もしくは、「ちょっと間違っているぐらいだったらいったん出しておくけど、それをどうするかはそっちで決めて」くらいの柔軟性を持たせたテストができるようになってきたところが、やはり強かったんじゃない
【pytest】モックの使い方まとめ
はじめに 下記のような処理の場合、そのまま実行させてテストするのが難しかったりします。 外部システムへアクセスする ⇒ 外部APIやスクレイピングしてたりする場合 ライブラリに依存する処理 ⇒ ライブラリの処理結果ごとのテストをしたい（戻り値、例外の種類での分岐など） テスト実行の度に返す値が異なる処理を利用する ⇒ 現在日時、ランダム値は、実行の度に変化するのでテストの時だけ固定値にしたい こういう場合、モックを使うと処理を差し替えられるので便利です。 使い方 前提 pytestとpytest-mockのライブラリを利用します。 pytest-mockはunittest.mockのラッパーです。書き方は異なるが、だいたいunittest.mockと同じような感じです。 with使ってpatchする方法も検索すると出てきたが、1つのテストでここまでは実際の動きで、ここからはモックで動かす状
瑞起（ずいき）は10月8日、「X68000 Z」という製品を発表し、予約販売を開始する。 →瑞起が「X68000 Z」なる新製品を10月8日に発表 東京ゲームショウで先行展示 既報の通り、X68000 Zのモックは幕張メッセ（千葉市美浜区）で開催している「東京ゲームショウ2022」の4gamer.netブースにおいて展示されている。この手のガジェットに目のない筆者は、早速見に行ったので写真を交えて紹介する。 カラーは「グレー」 実機と並ぶと際立つコンパクトさ X68000 Zの特徴は、何といってもかつてシャープが発売したPC「X68000」（通称「X68K」）をほうふつとさせるボディーである。カラーはブラック……ではなくグレーだ。もっというと、CZ-600CEをベースとした造形となっているようである（以下、CZ-600CEがベースという前提で話を進める）。 「X68Kといえばブラック！」と
はじめに：テスト戦略の話 そもそもフロントエンドのテストって何をどんな粒度で書けばいいの？という疑問はよくあると思います。これについては以前Qiitaの記事: フロントエンドでTDDを実践する（理論編）で書いているので詳細は省きますが、Testing Trophyの戦略に則り、integration testを中心とし、unitテストは本当に有効なものに絞って書くというのがフロントエンドにおいては有効です。 APIモック フロントエンドのintegration testにおいて課題になるのがAPIのモックです。urqlやapollo clientのようなGraphql Clientでもqueryをモックする仕組みはありますが、どちらもclient自体をモックするような書き方になります。一見問題ないようですが、client側でキャッシュの挙動を制御したりできることもあり、本番コードと異なるコ
モックを見て「ソニーのミラーレスはこれだ」と決心
マイクロフォーサーズから来た誘い ソニーグループ 副会長・石塚茂樹さん（以下、石塚）：そして2007年ごろに、マイクロフォーサーズ陣営から「ファミリーに入りませんか」と打診がありました。 マイクロフォーサーズはパナソニックとオリンパス（現OMシステム）が組んで、ミラーを廃したミラーレス方式によるレンズ交換式カメラの小型化を図った規格ですね。ということは、小型軽量という狙いどころは石塚さんと同じじゃないですか。 石塚：そう。 （レンズ交換式デジタルカメラには、ペンタプリズムとミラーを持つ「デジタル一眼レフ」と、それを持たない小型軽量の「ミラーレス（ミラーレス一眼）」がある。詳しくは前回の解説「ソニー、念願のデジタル一眼レフ参入！ でも市場は厳しい反応」を） どうされたんでしょうか。現実にはソニーからはマイクロフォーサーズのカメラは出なかったわけですから、やっぱり断っちゃったわけですよね。 石
良い感じのGUI付きAPIサーバーといえば、Postmanが頭に浮かぶ方が多いんじゃないでしょうか。この度、私も簡単なモックAPIサーバーが欲しくてPostmanを検討していたのですが、Webサービスと絡んでいたり、アカウント作成が面倒に感じ、もっとシンプルにサクッと立ち上げられるモックAPIサーバーはないかなと探してました。そこで見つけたのがこの Mockoon です。 この記事では、ローカル環境に良い感じのGUIがついたモックのAPIサーバー「Mockoon」のセットアップを実施し、機能を一通り触っていきます。 Mockoonとは？ Mockoonでは、開発用のモックAPIサーバーを数秒で立ち上げることができます。リモート環境やアカウントは不要かつ、オープンソースで提供されています。 エンドポイントの設定やデバックといった基本的な機能から、ダイナミックテンプレートやレスポンスのルール設
（2022年11月25日追記） 私の本が株式会社インプレス R&Dさんより出版されました。この記事の内容も含まれています。イラストは鍋料理さんの作品です。猫のモデルはなんとうちのコです！ 感想を書いていただけるととても嬉しいです！ （2022年8月3日追記）この記事の内容はこちらの本でも読めます。無料公開している「3章 モックアップを作ろう」に相当します。本の方がより詳しく説明しています。 はじめに 現在、とあるAPIを販売するWEBサービスをReactで作成中です。先週は環境構築を行いましたが、今週はモックの作成を進めました。TailwindCSSのUIコンポーネントを公開しているページがたくさんあるので、気に入ったデザインを選んでコードをコピペすると画面モックがサクサク作れてとても楽しいです。 コピペする前にこれを読もう コードをコピペすればきれいなデザインは再現できますが、セマンティ
この記事は タイムリープTypeScript 〜TypeScript始めたてのあの頃に知っておきたかったこと〜 5日目の記事です。 はじめに 自分がTypeScriptを書き始めた頃に苦労したのが、Jestでテストを書くときのモックの型をどう書けば良いか分からないことでした。 調べても型の指定方法が分からず、泣く泣く as any でコンパイラーを黙らせて、補完が効かなくなりモヤモヤしながらテストコードを書いていました。 TypeScriptで型を妥協してテストコードを書いていた時は次のような弊害もあったので、どう型安全にテストコードを書けば良いのか非常に知りたかったです。 補完が効かなくなるのでコーディングが面倒になる プロパティをタイポした事に気づかずに、テストが失敗しても失敗している原因に気付けず疲弊する もくじ モジュールモックの型指定 関数モックの型指定 スパイモックの型指定 モ
ここまで出来る！ProtoPieでモック制作 | CyberAgent Developers Blog
こんにちは！メディア統括本部デザイナーの内田です。 サイバーエージェントのメディア管轄では、モックを作る時にProtoPieをよく使っています。この記事では私が業務+αで習得したProtoPieの使い方について、基本からちょっと込み入ったところまでお伝えしたいと思います。 記事がかなり長くなってしまいましたが、最終的にこんな動きが出来上がります。 このサンプルはこちらから実際に触れます。またダウンロードして中身を見たりできるのでぜひご覧下さい。（なお出てくる可愛いわんちゃんは弊社エンジニア谷のマメヒコとクロスケです。尊い・・・。） ちなみにこの記事で使用したProtoPieのバージョンは4.0.3、MacOS 10.14.6です。ProtoPieはこちらから1ヶ月無料でダウンロードできます。 目次 1. なぜモックが必要なのか なぜProtoPie? 2. どうやってProtoPieを活用
Jestのモックを駆使してテストをよりよくする
JavaScriptで単体テストする際は、Jestを使うのがデファクトになってきています。 単体テストでは、関連するモジュールをモックにしてテストすることが多いですね。 ここでは、Jestのモックの機能と使い方をユースケース別に説明します。 クラスのstaticなメソッドをモックしたい 例えば、自分の関数内でDate.now()を使って時間を取得していると、テストを実行するたびに値が異なるため、テストがうまくいかないことがあります。 そのような場合、jest.spyOnを使います。 spyOnを使うことである特定の時間を返すことができるようになります。 class Test { func() { return Date.now(); } } describe("Date#now", () => { it("spyOnを使うと好きな時間に固定することができる", () => { const
Kernel/VM探検隊は、カーネルやVM、およびその他なんでもIT技術の話題ジャンルについて誰でも何でも発表してワイワイ盛り上がろうという会です。hsjoihs氏は、架空世界の言語を話す架空世界の人間のためのOS作成について発表しました。全2回。前半は、架空伝統ゲーム「机戦（セッカイク）」と、OS作成のツールチェーンとデスクトップ環境について。 趣味は「架空世界創作」 スタンフォード大学に通うhsjoihs氏 hsjoihs氏（以下、hsjoihs）：よろしくお願いいたします。こういうタイトルでやっていきたいと思います。「long version」と書いてあることからもわかるように、2022年9月17日にセキュリティキャンプのアフターイベントで発表した5分の「short version」を長くしたものとなっています。あらかじめご了承ください。 自己紹介です。hsjoihs（はすじょい）と
ついに、AWS Amplify（以下よりAmpifyと記載）でローカル環境でのモックがサポートされました。 これで開発がちょっと楽になり、テストもしやすくなりますね。 今回のリリースでは下記のリソースのモックが利用可能になりました。 AppSync API リゾルバーのテンプレートマッピング DynamoDBがバックエンドの場合 Lambda関数 Lambda 直接発火する場合 AppSyncから呼び出される場合 S3 ストレージとしてアプリケーションに使用される場合 Cognito GraphQLからユーザープール認証をする場合（JWTを実際のサービスから取得する必要有り） 本記事では、こちらのチュートリアルの一部を実際に試してみたいと思います。 前準備 何はともあれAmplify CLIのインストールをします。 $ npm install -g @aws-amplify/cli プロジ
Goで大量のモックをより統一的に管理し、もっと高速に生成したい！そうだ！！gomockhandlerを使おう！！ | メルカリエンジニアリング
Goで大量のモックをより統一的に管理し、もっと高速に生成したい！そうだ！！gomockhandlerを使おう！！ インターンとしてメルカリアプリのホーム画面や検索のバックエンド開発に携わっている@sanposhihoです。 この記事ではgolang/mock(以下gomock)のコード生成をgo generateコマンドで行うことに起因する課題点と、それを解決するために作ったgomockhandlerの紹介をします。 https://github.com/sanposhiho/gomockhandler TL;DR go generateコマンドによってgomockを利用していると、「大量のモックの生成に時間がかかる」「モックが最新のインターフェースに沿って生成されているか確認できない」などの課題が生じます。 これを解決する、gomockhandlerというツールを作成しました。gomoc
Alibaba SourcesからiPhone 2021 6.1インチモデルとされる3Dプリントモックを入手し、現行iPhone 12 Proと比較してみた。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モックは必要悪で、しないにこしたことはない - blog.8-p.info
フロントエンドのテストのモックには msw を使うのが最近の流行りらしい
ローカル開発環境のために外部サービスをモック化する - BASEプロダクトチームブログ
Mock Service Worker で開発用のモックAPIを作る
モックしないテストも書く話 - STORES Product Blog
Next.js の Jest / React Testing Library でモック (mock) を含めた render で開発効率を高めよう | fwywd（フュード）powered by キカガク
golang/mockでのモック生成と管理の "より良い" アプローチ
失恋駆動開発: ReactでサクッとTinder風モックを作る - Qiita
2019年のSwiftモック事情 コード生成における4つの選択肢
2019年のSwiftモック事情 - いけだや技術ノート
OpenAPI定義をmswに活用してお手軽モック
Apidog APIの設計、デバッグ、開発、モック、テストを一体化した包括的なプラットフォーム
【Laravel】 DB::transaction と クロージャの中身をモックするユニットテスト
ワークマン、バーベキューやキャンプ用の「火花に強い究極の防寒ウェア」発売 パーカーとモックの2点
基盤モデルが科学的発見を加速する。IBMが記念イベントで量子コンピュータ内部モックを日本初公開
「自分たちが考えたモックやスタブは妄想にすぎない」 テスト駆動開発の第一人者が説く、フロントエンドテストの本質
気になりすぎる「X68000 Z」 幕張までモックを見に行った
mswとgraphql codegenでGraphQLをモックし、効果的で効率的なReactのテストを書く
MockoonでREST APIのモック環境を爆速で立ち上げてみた | DevelopersIO
ReactとTailwindCSSでモックを作るのは楽しいぞ
TypeScript+Jestでテストを書くときに型安全にモックする方法を教えてほしかった | みどりのさるのエンジニア
異世界言語OSのモックを作ってみた話 架空世界で親しまれているという設定の伝統ゲーム「机戦」
AWS Amplifyでローカル環境のモックが使用できるようになりました | DevelopersIO
iPhone 13はフロントカメラが左側配置に変更？ 独自入手の3Dモックで判明
yourahienoblog.hatenablog.jp
mainichi.jp
pfyukke.hatenadiary.com
japan-anime-song.com
panasonic.jp
www.nikkei.com