GatsbyJSで認証サイトを実装する

2020年 09月 27日

Making a Site with User Authentication | Gatsby のチュートリアルを試した時の作業を備忘録としてまとめました。 全体の実装は t-yng/examples/gatsby-auth…

Next.jsでStorageオブジェクトを使う

2020年 09月 05日

Next.jsでブラウザの Storage オブジェクト を使う時の対応策をまとめています。 参考実装は t-yng/examples/nextjs-localstorage を参照してください。 Storage…

JavaScriptで小数点の桁数を指定してフォーマット表示

2020年 09月 01日

JavaScriptで小数点の桁数を指定してフォーマット表示するには、 メソッドを使用します。 Number.prototype.toFixed() - JavaScript | MDN 個人的な利用ケースとして、パフォーマンス計測で処理時間を表示する時に使うことが多いです。

フォーム実装にformタグを使うかdivタグを使うか

2020年 04月 21日

前に Ajax でフォームの送信をする時に form と div どちらを使うのが良いのか?という質問をされました。質問の意図としては、form タグで実装した場合は送信イベントを止めるために を呼ぶ必要があり、この処理を毎回呼ぶのが面倒なので挙動が変わらないなら div…

Rustの所有権と借用を理解する

2020年 04月 18日

Rust は所有権の機能を導入することでガベージコレクションを実装せずにメモリ安全を実現しています。これを理解しないとコンパイルエラーが発生した時になぜエラーなのかを把握するのか困難になるので、Rust…

WebセキュリティのためのHTTPレスポンスヘッダー

2020年 04月 08日

フロントエンド実装においてセキュリティを考慮する際に意識した方が良いHTTPレスポンスヘッダーについてまとめています。 X-Powered-By ヘッダーの説明 サーバー側で利用しているフレームワークやバージョン情報を含むHTTP…

Gatsby製のブログにGoogleタグマネージャー経由でGoogleアナリティクスを導入する

2020年 02月 13日

アクセス解析をするためにブログにGoogleアナリティクスを導入しました。 今後イベント取得の度に、リリースをするのは面倒なので、Googleタグマネージャーを設定して、アナリティクスの計測を設定しています。 今回はGatsby製のブログにGoogle…

gatsby-starter-blogでコードのシンタックスハイライトを設定

2020年 02月 04日

gatsbyjs/gatsby-starter-blog で作成したブログはデフォルトの状態ではコードのシンタックハイライトが無く非常に見辛いです。 プラグインを設定してシンタックハイライトを導入します プラグインの導入 gatsby-starter-blog…

GatsbyJS + Netlify CMS でエンジニアブログを立ち上げる

2019年 12月 31日

Netfify CMSとは? 任意の静的サイトジェネレーターと組み合わせて利用可能なNetlifyが提供するCMSツールです。 テキスト編集やプレビュー機能、画像アップロードなどの機能をWebベースのUIとして提供してくれます。 また、GitHubのAPI…
プロフィール
筆者のアバター画像
t-yng
フロントエンドエンジニア
タグ