たより

すべて

blog.jxck.io

Cross Origin iframe からの alert/confirm/prompt 呼び出しの無効化

直近で話題になっている Chrome の挙動変更についてまとめた。Reverse OT による延命はあるが、もともとが「セキュリティ的な理由でできなくする」のが目的のため、OT 期間中に修正が必要そうであることを先に述べておく。なお、これは

azukiazusa のテックブログ2

Jest setTimeout()のようなでタイマー関数をテストする

JavaScriptには、setTimeout()のような時間に関する便利な機能が用意されています。しかし、これらの関数はユニットテストを記述する際に厄介です。Jestのタイマーモックはこのような場合に利用できる便利な機能です。

azukiazusa のテックブログ2

【TypeScript】型アノテーションと型アサーションの違い

型アノテーションと型アサーションによる変数宣言は、一見同じ結果をもたらすように見えます。しかし、型アサーションには明確な欠点が存在します。

azukiazusa のテックブログ2

【mongoose】日付のカラムで時間ごとにグループ化してドキュメント数をカウントする

タイトルのとおりです

azukiazusa のテックブログ2

【mongoose】Cannot overwrite 'Model' model once compiled. エラーの直し方

mongooseで遭遇するCannot overwrite 'Model' model once compiled. エラーの解消方法です

azukiazusa のテックブログ2

JSONオブジェクトのあれこれ

`JSON`オブジェクトはJavaScriptにおいて、JSONをパースしたり値をJSONに変換するためにもっぱら使われます。 普段使っている`JSON.stringify()`や`JSON.parse()`にはオプショナルな引数を渡すこ

azukiazusa のテックブログ2

【JavaScript】Objectがプリミティブに変換されるとき

JavaScriptがプリミティブな値に変換されるとき、string型に変換されようとするか、number型に変換されようとするかで挙動が変化する

blog.jxck.io

本サイトの AMP 提供の停止とここまでの振り返り

前回の記事で、奇遇にも本サイトの AMP 対応を落とすことになった。しかし、そうでなくても AMP をどこかでやめることは考えていたため、きっかけの一つが SXG 対応になったのは、順当な流れだと筆者は感じている。これは AMP がなぜ始ま

azukiazusa のテックブログ2

ReactのErrorBoundaryで内部のエラーをキャッチする

Error Boundaryとは、自身の子コンポーネントツリーで発生したJavaScriptのエラーをキャッチ・記録しフォールバックのUIを表示するコンポーネントです。 例えるなら、`try/catch`構文を行うコンポーネントのようなも

azukiazusa のテックブログ2

仕事で役に立つかもしれないHTML5のマイナー要素

HTMLは書いたことがありますか?プログラミング初心者が最初の一歩として書き出すのに好まれる言語ですが、セマンティクスを追求すると奥深い言語だとわかります。タグの種類も数多くあり、全てを把握している人はそう多くなないでしょう。 今回は、そ

kawarimidoll.com

Goのリポジトリを初期化するためのスクリプト

Go の勉強を開始していてプロジェクトの初期設定をサクッとつくるスクリプトというか bash alias を作りました。 ...

azukiazusa のテックブログ2

Nuxt Sentryでユーザーフィードバックを受け取る

Sentryでは、エラーが発生した際に簡単にユーザーフォードバックを求めるダイアログを表示することができます。 Nuxt.jsでは、エラーが発生した際には`layouts/error.vue`へ遷移させることでエラーページを表示するので、

kawarimidoll.com

Go勉強始めました

Go の勉強を始めたので初期設定を残しておきます。 ...

kawarimidoll.com

ghq getをコピーするブックマークレット

ghqを利用する際に便利なブックマークレットを紹介します。 ...

azukiazusa のテックブログ2

Node.js(Express)でcsvを生成してダウンロード

Node.js(Express)でCSVファイルを生成してダウンロードさせます。

blog.jxck.io

Non AMP SXG による Prefetch 対応と AMP 提供の停止

本サイトを (Non AMP) SXG に対応した。これにより、Google のモバイル検索では、結果を表示した時点でこのサイトの SXG が Prefetch され、結果を選択したら Cache から素早く表示されつつ、アドレスバーにも本

kawarimidoll.com

Flutterのリポジトリを初期化するためのスクリプト

Flutter 講座を進めるうえで何度も Flutter のプロジェクトを新しく作っていたので簡単に行えるようスクリプトを書きました。 ...

kawarimidoll.com

Dartのリストをインデックスを使いつつmap()する

Flutter の勉強中にmap()の扱いで詰まったのでメモ。 ...

azukiazusa のテックブログ2

CKADにも合格した

開発者向けのK8sの試験であるCKADにも合格したので同様に合格体験記を記載したいと思います。 といっても、大枠の部分はCKAのときとあまり変わらないのでCKAと異なる部分を中心に記載したいと思います。

kawarimidoll.com

Flutter勉強始めました

先日までの iOS アプリの勉強に引き続き、Flutter の勉強をはじめたので所信表明を書きます。 ...