はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに テストを書くのは好きですか？ アプリケーションを作成するうえで、テストは必ず書かなきゃいけないものですが、テストの書き方まで丁寧に記載されている書籍やサイトって少ないように感じます。 今回はExpress + MongoDBで作成したAPIサーバーをJestでテストします。 まずはモジュールごとに依存関係を切り離した単体テストを作成します。 Jestの強力なモック機能を活用することができます。 その後supertestを用いた結合テストまで作成します。 supertestは擬似的なHTTPリクエストを送ることができます。 テスト対象のアプリケーション 予め作成しておいた以下のコードをテストします。 機能としては簡単に、/api/users/:usernameをGETで叩くと指定したユーザーネームのユーザーを取得でき、/api/usersをPOSTで叩くと、ユーザーを作成できるとい

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

スロットとは スロット(slot)は、Vue.jsにおける親コンポーネントから子コンポーネントにデータを渡す手段の一つです。 スロットという名前はハーデスやリゼロなど様々な機種がある遊技マシン...のことではなく「差し込み口」という意味で使われています。 つまり、コンポーネントに外からコンテンツの差し込みを受け付けるという目的で使用されます。 スロットはその性質上、再利用の高いコンポーネントによく使用されます。再利用の高いコンポーネントは、Atomic DesignにおけるAtomのようなものが代表されます。 まずはさっそくスロットの基礎的な使い方を見ていきましょう。 スロットコンテンツ スロットを使用コンポーネントとして、汎用的に利用する削除ボタンを実装します。 コンポーネントの内容は、Vuetifyのv-buttonをラップしただけ簡単なものです。

はじめに JavaScriptの言語使用は、Ecma Internationalによって定められており2015年からはECMAScriptとして毎年改定されています。 ECMAScript2020の仕様としてNull合体演算子(??)とオプショナルチェイニング演算子(?.)が追加されました。(その他にもいくつかの機能が追加されています。詳細はこちらのリンクにまとめられています。 Null合体演算子とオプショナルチェイニング演算子は、どちらもnullableな変数に安全にアクセスするという似たような目的を持っており、かつググラビリティが低いという特徴を持っています。 現時点(2020年)で最新の仕様であり、あまり現場で見かけることがないかもしれませんが、この２つの演算子の特徴を見ていきましょう。 Null合体演算子 Null合体演算子は、演算子の一種で左辺がnullまたはundefinedの

はじめに stripeとは stripeは、クレジットカードなどの決算処理を代行してくれるサービスです。 シンプルな実装で決済処理を実現でき、カード情報を自社サーバで持たなくても良いなどの特徴があります。 大まかな流れとして、 サービスの請求モデルを作成 フロントサイドでカード情報を取得 バックエンドで顧客登録、決済処理 と進んでいきます。 サービスの請求モデルを作成する 1. stripeに登録する 1-1.はじめに、stripeの公式ページにて、今すぐ始めるをクリック。 1-2メールアドレス、名前、パスワードを入力登録。 なお、テスト用に登録する際には、メールアドレスの存在確認は求められません。 この時点で、登録が完了いたしました。 1-3.ダッシュボードが表示される 登録が完了したら、いくつかの質問がされるので答えていきます。 質問が完了したら、次のようなダッシュボードが表示されます

はじめに Denoというものが面白そうだったので、これを書きたいと思います。 Denoとはなにか ↑かわいい Deno(ディーノ)という名前について、聞いたことがありますでしょうか。私も最近まで知りませんでしたが、実はv1.0がリリースされたのが2020/5/13とごく最近のことです。開発自体は2年前から行われておりましたが、結構新しめの技術です。 その証拠(?)にDenoでググると担々麺ばっかりでてきます。(2019/5/18現在) 結局Denoってなんなの？ Denoは、Node.jsの製作者であるRyan Dahlによって作られた、新しいJS/TSランタイムです。すっごい雑に説明すると、Node.jsのイケてなかったところを改良したものがDenoになります。Denoって文字を並べ替えるとNodeになりますね。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Firebaseとは Firebaseは、Googleが提供するバックエンドサービスです。いわゆる、BaaS(Backend as a Service)です。 Firebaseは、バックエンドのサービスを担ってくれるので、開発者はアプリケーションの開発に専念することができ、バックエンドで動くサービスを作成、管理する必要はありません。 そのため、素早くアプリケーションをリリースるることができます。 Firebaseは、iOS/AndroidアプリからWebサービスまで幅広く使えます。 Firebaseには、以下のような様々な機能が提供され

ECMAScript仕様 ECMAScriptとは、JavaScriptの標準規格です。 その仕様に改訂にあたって版(edition)が更新されていきます。 1997年に初版(ECMAScript First Edition)が公開され、1998年にはES2が1999年にはES3が公開されました。 ES4では、クラスやインターフェースなどを含めた新しい概念がいろいろ追加される予定でしたが、これは破棄されました。 そして、2009年になりようやくECMAScript Fifth Edition(ES5)として公開されました。strictモードやgetter,setterなどが追加されましたが、ES4で追加予定の多くの機能は実装されず、小規模な改善にとどまりました。 さらに時は流れ、2015年になり、ECMAScript Sixth Edition(ES6)が公開されました。これは、15年間で