Tech Blog - Akihiro Suzuki

皆さんは Cookie の SameSite 属性について意識したことはあるでしょうか？ 恥ずかしながら私はこれまで SameSite 属性について知りませんでした。 😅 SameSite 属性とは？ いくつか記事を当たってみた感じ 201…

loading animation 重い処理など、レスポンスが返ってくるまで時間がかかる場合 アニメーションを見せると体感速度を短く感じるさせることができます。 インジケーターを表示したいけど、 gif などを用意する時間がない時、 CSS…

このツイートを中心に議論が巻き起こっているの目にして面白いなと思った。 皆さんはどちら派ですか？ ちなみに私は直感的に true を返すのが自然だと思ったのですが、 案外 false 派も多くて私は少し意外でした。 集合と論理 true…

やりたいこととしては、 GitHub Pages にデプロイされた複数のプロジェクトに同一のカスタムドメインを設定し、パスで振り分けたい。 つまりは、 を実現したい。 単に GitHub Pages にカスタムドメインを設定したいだけであれば、レポジトリの Settings…

GitHub Actions でプロジェクトを GitHub Pages にデプロイする設定の手順を紹介していきます。 手順 1. GitHub Actions のワークフロー作成 プロジェクトのルートディレクトリに .github/workflow…

GitHub Actions で GitHub Pages へのデプロイの設定を久々にしてみるとハマったのでその解決法のまとめ。 ちなみに、GitHub Pages へのデプロイには、 peaceiris/actions-gh-pages…

…

アノテーションコメントというのは、TODO や FIXME…

コードで見た方が早いと思うので、さっそくですが以下です。 アロー関数を使う場合、 は使えず と書きます。 JSX のパーサーが上手く読んでくれないらしいです。 https://github.com/microsoft/TypeScript/issues/1571…

例えば などの HTMLElement をラップしたカスタムコンポーネントを作る時、デフォルトのプロパティを継承してプロパティを定義したい。ということはよくあります。 そんな時、使えるのが です。 プロパティをひとつひとつ に追加しなくていいのでラクですね！ 👏

今回のエントリーは、完全自分用のメモですが、 Dockerfile の書き方に迷ったら Next.js のサンプルを参考にすると良いかも マルチステージビルド 、 実行用のユーザー作成 、 軽量イメージの利用 など本番環境の Dockerfile…

ページを開いたときに以下のように FontAwesome のアイコンが一瞬デカく表示されてしまう問題に出くわしました 😵 スクリーンショット このエントリーでは、この問題を回避する方法を紹介します。 このブログは Gatsby を使って実装されているので、Gatsby…

前回作った自作キーボードですが、今回は LED をはんだ付けしてピカらせてみたのご紹介。 さっそく画像を載せておりますが、おしゃれになりました！カッコイイ！！！ ✨ この CorneCherry…

電子工作まったくの初心者ですが、今回キーボードの自作に挑戦してみました。💪 私も最初こそ身構えていましたが、今回購入した Corne Cherry のキットははんだ付けいらずでとても簡単に組み立てることが出来ました。 半田付けのいらない4…

本ブログは Gatsby で実装されているわけですが、今回このブログに Dark Mode を実装しました 👍 この記事ではその手順を解説していきます。 まず、 Dark Mode を実装した #PR のリンクを貼っておきます。 GitHub - Introduce dark…

フロントエンド開発には便利なツール群がたくさんある一方で、 そのツール群をプロジェクトを始めるたびに毎回一つ一つ入れて設定して… というのは、正直骨が折れます。 ということで、2021/01/2…

二分探索木とは wikipedia…

ブログを始めるのに Gatsby を選ぶメリットは色々あると思いますが、私が思いつくメリットは以下。 markdown 記法で記事が書ける 記事を GitHub で管理できる Vercel を使えばデプロイが簡単 Plugin が豊富 React…