azukiazusa のテックブログ2
KubernetesのパッケージマネージャーHelm
Helmは、Kubernetsのパッケージマネージャーです。 例えば、npmを利用して第三者が作成したパッケージをレポジトリで管理して検索・インストールするように、Helmではチャート(Chart)と呼ばれる設定ファイルをレポジトリで管理し
すべて
kawarimidoll.com
ボルダリングをはじめる人が最初に買うべきもの
ジムで行うボルダリングは、ほぼ初期投資無し、施設利用料だけで始められるスポーツです。 しかし、お金を払っておいたほうが良いものもあります。 今回は僕の個人的な経験から、ボルダリングをやる上で買っておいたほうが良いものについて説明します。 .
kawarimidoll.com
VuePressサイトにTwemojiを登録する
VuePressで絵文字をTwemojiに変換する方法を紹介します。markdown-itプラグインを使う方法と、enhanceAppでDOM全体をパースする方法の2パターンを解説します。
azukiazusa のテックブログ2
Kubernetes用語集
仕事上kubernetesを学ぶ必要が出てきました。 筆者のレベルは、Docker・kubernetesの概念・必要性をやんわりと理解している状態です。 勉強をすすめる上で、わからない用語が次々と出てきたて頭の中がパンクしそうになったので
kawarimidoll.com
VuePressブログにGoatCounterを導入する
Web サイトのアクセス解析は Google Analytics(以下 GA)が主流です。しかし、GA はプライバシーの面で問題が指摘され、EU 域へページを公開する場合には GDPR の同意が必要となっています。 このブログには GA で
kawarimidoll.com
Slack+RSSで情報収集するやり方を紹介します
プログラミングの世界で生きていこうとなると情報収集が重要になります。 自分のやり方が唯一の正解だとは思いませんが、一例として、カワリミ人形の行っている情報収集法と、よく見るサイトを紹介します。 ...
azukiazusa のテックブログ2
DenoでREST API
この記事では、Denoを使い簡単なCRUD操作を行うREST APIを構築します。
kawarimidoll.com
PCの環境設定はdotfilesをGitHubで一元管理するのが楽
いろいろと PC を乗り換えたり、不具合対応のために PC を初期化したりしたとき、イチから環境を作り直すのはめんどくさいものです。 dotfiles を GitHub で管理すれば環境構築のコストが一気に少なくなります。 また、これにより
blog.jxck.io
Web Font のメトリクス上書きによる CLS の改善
Web Font を読み込む際に、取得完了までのラグを、システムが持つフォールバックフォントで代替する場合がある。このとき、フォールバックフォントと読み込んだ Web フォントで、高さに関する情報が異なる場合、Layout Shift が発
kawarimidoll.com
kawarimidoll.com開発ロードマップ
本記事は当サイトの更新・改善に関するロードマップというかタスクリストです。 改修に応じ、随時項目を追加・更新していきます。 ...
stin's Blog
React Context を export するのはアンチパターンではないかと考える
Context を export するな みなさんは React Context を使っていますか？非常に便利ですよね。 え、使ってない？みんな React Context 使っとる。使ってへんのお前だけ。 冗談はさておき、この記事では C
kawarimidoll.com
最初の投稿
こんにちは。kawarimidollといいます。 このたびブログを作成したので、最初に自己紹介を書きます。 ...
azukiazusa のテックブログ2
TailwindCSSでダークモード
昨今のアプリケーションでは、ダークモードを提供しているのがもはや当たり前になってきました。 OSのレベルでダークモードを設定することができ、ダークモードが提供されていないサイトは眩しく感じしてしまって敬遠してしまうなんて経験はあるのではない
azukiazusa のテックブログ2
はじめてのGraphQL
GraphQLとは、Facebookが開発したAPI向けのクエリ言語です。RESTに変わるサーバーとクライアントの通信手段として注目を集めています。 リクエスト・レスポンスの型の定義ができる、フロント側から取得するデータを選択することができ
azukiazusa のテックブログ2
Sapper + contentful + VercelのJamstackで高速なブログを構築する
JamstackのJamはJavaScript/APIs/Markupの頭文字です。 従来の手法と比較して、高速化・堅牢なセキュリティ。より簡単なスケーラブル・開発体験の向上という特徴を持っています。実行時にAPIから取得したデータを動的に
blog.jxck.io
Cache-Control: must-understand ディレクティブとは何か
IETF が策定する HTTP の仕様が更新されようとしている。ここには、Cache の仕様も含まれており、そのなかで must-understand という Cache-Control のディレクティブが追加されている。このディレクティブ
azukiazusa のテックブログ2
【Svelte + TypeScript + tailwindcss】本検索サイト チュートリアル
この記事でははSvelte + TypeScript + tailwindcssで本検索サイトを作成します。 Svelteを使ってアプリケーションを作成1から作成することができます。 以下のことが学べます。 - Svelteの基礎文法 -
stin's Blog
Fragment をコンポーネントのトップに置くのはアンチパターンではないかと考える
Fragment をコンポーネントのトップに置くな 「Fragment をコンポーネントにトップに置く」というのは下のようなコンポーネントを作成することを指します。 これは、この MyComponent が生成する HTML 要素が h1
azukiazusa のテックブログ2
Vue3 コンポーネントのテスト
コンポーネントのテストをするのフレームワークとしてJest、vue-test-utils 2を利用します。Vue2系をターゲットにしているvue-test-utils 1とは一部APIが異なります。
blog.jxck.io
Structured Field Values による Header Field の構造化
HTTP Header の値を構造化する Structured Field Values の仕様が RFC になった。RFC 8941: Structured Field Values for HTTPこの仕様の詳細について、筆者の実装を交