4行で YouTube から提供される動画の埋め込みコードをそのまま使うと PageSpeed Insights のスコアが落ちる。 しかし、lite-youtube-embed などのライブラリでダミー画像を表示しておくと再生するまでは偽物感が残ってしまう。イヤだ！ そこで、ページが表示…

React Router v6 がリリースされてから凡そ半年が立ちました。 そして、v6.4 の足音が近づいてきています。 まだ v5 を利用している方は、これを機にバージョンを上げてみませんか？ 上げたくても上げられない もちろん訳あって上げられない場合もあるかと思…

作業ログです。 Remix のアプリを Cloudflare Pages にデプロイして KV にアクセスするまでをやってみました。 github.com 結果としては、id:leader22 さんの記事*1と同じところにハマりました。 こちらの記事も参考になるかと思います。 違いはTypeScript用…

この記事はPRを含みます cdkを使っている場合のDynamoDBLocalには、どのようにテーブルを作ってますか？ 皆さんは、アプリケーションの構成をcdkによって定義している際のローカル開発環境のDynamoDBのテーブル作成はどうしていますか。 LocalStack - A full…

メモです 例えばstyle要素のように、渡せる値が限られているプロパティに動的な値を渡したいとします。 このとき、渡す型を明示しないで戻り値の型を判別可能な関数を用意します。 イメージとしては以下のような型を持つpositionに、indexに応じて動的に値を…

依存パッケージのアップデートはしていますか？ npm-check-updates をコマンドラインから実行したり、自動化するならRenovateを使っているのではないでしょうか。 今回は、4ヶ月もアップデートから取り残されていたパッケージを見つけたお話です。

zenn.dev 2年前に書いたVue vuexでfirebaseのログイン保持を、Vue3+Composition APIで書き直したものです。 未だにちょくちょく読まれているようなのですが、流石に2年前のバージョンのチュートリアルは申し訳ないと感じたので書き直すことにしました。 需要…

golang ble ibeacon peripheral advertise macos darwin

引越し 2020 諸事情により引っ越すことになり、大学の近くへ引っ越しました。 あと1~2年だけだけど。 手続き 初めての引越しだったのでめっちゃ調べた。あんまやることは無い。 旧役所で転出届を出す 新役所で転入届を出す 新役所に年金手帳持ってく 警察署…

github.com ローカルとかで開発してる時に、Twitterなどでシェアした際の情報を視覚的に確認できる君 サマーインターンで、OGP用の画像を自動生成する機能を作りました。生成された画像は、開発者ツールからmetaタグ内のリンクを開いて確認していましたがと…

以下の記事を参考にして、-fopenmpを使えるようにします。 qiita.com エイリアス 上記の記事のままだとgcc -Xpreprocessor -fopenmp -lomp -o huga hoge.cのように長くなってしまいます。 .bashrcに以下のコードを追加することでgcc -fopenmp -o huga hoge.c…

まだ蝉の声が耳に突き刺さる暑い夏の日だった。その夜僕は、インターンへの参加を決めた。 晴天による暑さが脳裏に焼き付いている8月19日、僕は約10年振りとなる京都へ向かった。 「まもなく京都です。東海道線、山陰線...」東京を出て2時間後、京都へ到着す…

ホテルで作る自作キーボード サマーインターン中に、オフィスで触らせてもらって欲しくなった。 Twitterでよく見かけていた自作キーボードをやっていく TL;DR ホテルで作る自作キーボード サマーインターン中に、オフィスで触らせてもらって欲しくなった。 T…

Amplify AppSync amplify add apiを行った時に、クエリ・ミューテーション・サブスクリプション用のコードを自動生成するか聞かれます。これは、自動生成を行った場合に悩んだ箇所です。 生成もとのschemaが以下 type Subscription { onCreateMessage(roomId…

amplify publishを行なった場合にデプロイが終わり、配信ページを訪れるとforbidden になる。

Redbubbleでステッカー達を購入しました :) 第二弾です。残すところ、あと一弾...泣

Gopherくん 第一弾！ 第一弾です。 第三弾まであります :) www.instagram.com #golang #gopher #stickermule #macbookpro #sticker StickerMule ステッカーパックが1ドルで買えるとTwitterで見かけたので、今更ながら買いました。 そのおかげで、色々欲しく…

複数行文字列をリストにしたい パッケージ化しました

ハードウェア乱数生成でパスワードを生成する

ネットワークのパフォーマンスメトリックを知る

VuePress theme Noto Sans JPに変更