GitHub Actions で Vercel bot みたいなプレビューデプロイをつくる
Vercel というウェブサイトをデプロイできるサービスがあって、それを GitHub と連携すると、
GitHub で push したりプルリクエストを開いたりしたときに、自動でいろいろやってくれるんですよ。
デフォルトブランチに push したら自動で再デプロイしてくれたり …
ツール
Mock Service Worker (MSW) + Storybook の設定手順と使用例
Mock Service Worker (MSW) とは、Service Woker が API リクエストを受け取って、レスポンスを返すことができる API mock ライブラリです。
Introduction - Mock Service Worker Docs
MSW を使えば、Storybook とテストで共通の API mock handler を使用することができて便利です。
Storybook で MSW を使用するにあたっていくつか設定が必要になります。 …
ローカル管理のコンテンツを Contentful に移行する
CMS には Git ベースのものと API ベースのものがあり、Git ベースのものは GitHub などと連携して、CMS でのコンテンツの更新を GitHub にプッシュします。GitHub と Netlify や Vercel などのホスティングサービスが連携していれば、GitHub へのプッシュがデプロイを引き起こしてもとのサイトが更新されます。つまりコンテンツが同じリポジトリにあり、ローカルでは同じプロジェクトディレクトリにあります。…
WSL から React Native を Android Studio で動かす
React Native というモバイルアプリを作るツールがあります。
そこで作ったアプリを Android Studio のエミュレータで動かすことができます。
React Native のプロジェクトを WSL2(Windows Subsystem for Linux 2) の内部に置くこともできるのですが、 …
【Docker】Windows 10 Home で Docker をセットアップ
Windows 10 Home で Docker を使えるようにする方法について説明します。
Windows をバージョン2004に更新する
Windows バージョン2004では WSL2 が利用できるようになりました。 …
jQuery を JavaScript と呼ぶのはやめよう
jQuery は JavaScript のライブラリで、
ネイティブ JavaScript よりも簡単に書けることや
クロスブラウザであることからかなり普及してきました。 …
ターミナルから規定ではないプログラムでファイルを開く方法
ターミナルからファイルを開きたいが、
規定のプログラムではなく他のプログラムを指定して開きたいというときのコマンドをご紹介します。 …
【Vim】検索範囲の指定方法まとめ
Vim では検索や置換をするときに、その範囲を指定することになります。
今回は範囲の指定方法についてまとめます。 …
JavaScript だけで無料で IP アドレスを取得する方法
Google Adsense のアドセンス狩りなどの被害から自分のウェブサイトを守るために、
容疑者の IP アドレスを特定することが必要になります。
しかし、サーバがないに等しい静的サイトではサーバサイドの言語である PHP を使用することができません。
今回は、
- PHP を使わずに JavaScript と外部 API を用いて、無料で IP アドレスを取得する方法
- 取得した IP アドレスを Google Analytics 画面に表示させる方法
をご紹介します。 …
【VS Code】ファイルマネージャとターミナルを内包できる！
私が VS Code（Visual Studio Code） を使い始めたときは、
VS Code の他にもファイルマネージャ（エクスプローラ）とターミナル（コマンドプロンプト）、合計３つのウィンドウを開き、
切り替えながら作業を行っていました。 …
【VS Code】超便利！ Snippets の使い方
コードエディタ VS Code（Visual Studio Code）では、Snippets（スニペット）という機能があります。
何度も重複して出てくる同じようなコードを、呼び出すための合言葉やキーボードショートカットを使って簡単に入力できるようになります。
今回は、
- Snippets の基本的な使い方
- User Snippets を定義する方法
- User Snippets をキーボードショートカットで呼び出す方法
についてお話します。 …
【Hugo】Forestry.io を試してみた
Hugo のような静的サイトジェネレータにも、CMS を導入することができます。
今回は静的サイトジェネレータ用 CMS のひとつである Forestry を少し試してみたので、…
エンジニアのタイピング練習におすすめのサイト３選+α
日本語のタイピング練習サイトでは寿司打が有名ですが、
エンジニアなどで英語のタイピング練習をしたい場合、これは最適な練習方法ではありません。
今回は英語をタイピングする人におすすめのタイピング練習サイトをご紹介します。
すべて無料かつアカウント登録不要で利用できます。 …
【さくらのメールボックス + Netlify DNS】独自ドメインのメールアドレスを取得して Gmail で送受信できるようにする
フリーランスとして活動する場合、信頼性の観点から独自ドメインのメールアドレスを使用したいというときがあると思います。
すでにドメインを取得していて、それを使って自身のホームページを運営しているさいに、
同じドメインを使ってメールアドレスを作りたい！
でもネームサーバは変更したくない！
というときにどうすればいいのかお話します。 …
【Hugo + Netlify + GitHub Actions】静的サイトジェネレータで予約投稿する
Hugo は WordPress などの動的なサイト生成ツールとは異なり、予約投稿機能がありません。
しかし、Netlify と GitHub Actions を使って予約投稿を実現できたので、その方法をご紹介します。
ほとんどはこちらのサイトと同じことをやっているのですが、
マークダウンファイル側や git まわりの準備も含めてお話したいと思います。 …
声を分析することで見えるもの
自分や他人の声を分析することで、自分や他人はどのような性質の声を持っているのかがわかるようになります。
特に自分の声を客観的に見ることで、自分の声についてより理解を深めることができます。…
バランスボールに座る
昔から自宅で机に座る時は、椅子よりもバランスボールを好んで使っていて、これが結構気に入っているので、
今回はバランスボールのお話をしたいと思います。
バランスボールは自由
バランスボールはボールです。コロコロと自由自在に動きます。…