• GatsbyJS
• gatsby-remark-prismjs-copy-button

gatsby-plugin-mdxと違い、コンポーネントの入れ替えはできないため、コードブロックにコピーボタンの追加は簡単にできません。ただ、gatsby-transformers-remarkで生成されるMarkdownASTを解析すれば、難しくなくコピーボタンを作れます。今日この方法を紹介します。

• Netlify
• Github Actions
• CI/CD

Netlifyのビルドに現れたビルドエラーを避けるために、Github Actionsへ移行しました。Github ActionsにてGatsbyJSのWebサイトをNetlifyへデプロイする方法をご紹介します。

• .Net Core
• Plesk
• Docker

dotnet coreプログラムでIPアドレスを取得するのに難しくないです。しかし、Dockerの中に起動したら、上記の方法はサーバのローカルIPアドレスしか取得できません。本来のIPアドレスを取得するために、NGINXの設定が必要です。Pleskを例として設定してみましょう。

• Next.js
• SWC

packageのバージョンアップに伴い、Next.jsを12.0.8にアップデートしました。しかし、今まで動いたソースコードがruntimeエラーになり、動かなくなりました。軽く調べてみると気づいたが、class中のfunctionにthisがundefinedになっているので、this.xxxにアクセスすることができなくなりました。そして、create-next-appで新しいプロジェクトを作って試してみても同じエラーが出ているので、これはNext.jsのバグだとわかりました。しかし、一体どこに問題があり、どう解決すればいいですか？自分のアプローチを紹介します。

• TypeScript
• Next.js
• styled-components
• mui

material-ui + styled-components + TypeScriptの組み合わせは簡単に設定できるわけではありません。material-uiのthemeに自分が定義したスタイルを入れたい時にはさらに困難になります。今日はこの設定方法を共有したいと思います。

• e-learning
• Blockchain

５ヶ月前に、ずっとBlockchainに興味がある自分宛に、Udacityから値引きのメルマガジンが届きました。４ヶ月のBlockchainのコースが元々1596ドルだったが、値引き後ただ339ドルになるなので、受けることを決意しました。今は無事にCapstone（最後のプロジェクト）を合格させて"卒業"できました。Nanodegree-Blockchain Developerの感想をシェアして、これからUdacityのNanodegreeコースを受ける方に参考になれば嬉しく思います。

• DI
• .Net Core

動的な型であるJavaScriptのスーパーセットといわれるTypeScriptと異なり、C# .Netが元々静的な型となります。C#のinterfaceをreflectでき、interfaceからpropertiesを取れるので、かなり便利です。今回はC#のエレガントなDIを簡単に紹介したいと思います。そして、TypeScriptにはないnamespace単位でのbindingもやってみたいです。

• DI
• TypeDI

TypeScriptのDIライブラリの検証を続けていきたいです。今回はTypeDIを使ってみようと思います。 ※ DI（dependency inject依存性注入）の説明は割愛します。必要があればwikipediaをご覧ください。 シリーズ一覧 TypeScriptのDI…

• DI
• nestjs

TypeScriptのDIライブラリの検証を続けていきたいです。今回はを使ってみようと思います。 ※ DI（dependency inject依存性注入）の説明は割愛します。必要があればwikipediaをご覧ください。 シリーズ一覧 TypeScriptのDI…

• DI
• TSyringe

TypeScriptのDIライブラリの検証を続けていきたいです。今回はMicroSoft社が作ったTSyringeを使ってみようと思います。 ※ DI（dependency inject依存性注入）の説明は割愛します。必要があればwikipedia…