Almonta

30代Webエンジニア転職

【CODE×CODE】エンジニア未経験者のための転職ガイド

1. エンジニア未経験者が直面する課題 エンジニアへの転職を考える未経験者の皆さんは、新たなキャリアに向けてどのような一歩を踏み出せば良いのか、疑問に思っていませんか?エンジニアという職種は専門的な知識や技術が必要で、それらを身につ...
30代Webエンジニア転職

【随時更新】ChatGPT 最新アップデート情報まとめ

これほどに日々という言葉が似合うツールが他にあるでしょうか、本記事では日々アップデートされるChatGPTの更新情報を、ChatGPTを始めたばかりの方でもわかりやすいようまとめています。 ChatGPTを使い倒す際にこちらの記事を...
Python

【Python】pyenvを使用したバージョン変更方法(Windows)

pyenv-winのインストール pyenv-winというpyenvのWindows用フォークを使用します。以下の手順でインストールします。 「Git Bash」を開き、以下のコマンドを入力して、pyenv-w...
git・インフラ・環境構築

何が違うの?Windows CLI (Command Prompt / PowerShell / Git Bash)

はじめに Windows環境で作業を行う際、Command Prompt、PowerShell、およびGit Bashの3つのコマンドラインインターフェイス(CLI)から選択することができます。それぞれのCLIには独自の特徴...
Next.js

【Next.js】NextAuth.jsとFirebase Authenticationを使ってGoogleログイン機能を作る

Next.jsで認証機能を実装するためのライブラリであるNextAuth.jsを使ってGoogleログイン機能を作成する方法を解説します。 環境 next @13.2.1 next-auth @4.19.2 re...
React

【React】カウントアップ機能を作成して”Jotai”に入門する

Reactでアプリケーションの状態管理を行うのにはReduxを利用するのがポピュラーですが、Reduxは学習コストが少し高い上に、コードが複雑になりがちというデメリットがあります。 そこで、比較的小規模なアプリケーションであればその...
React

【React】カウントアップ機能を作って”Redux”に入門する

Reactでアプリケーションの状態管理を行うにはReduxを使うとよいという噂を聞き、Reduxに入門してみることにしました。 本記事では、Reduxを使用するメリットから、使用方法までわかりやすく解説しています。 R...
React

【React × Tailwind CSS】transitionを使ってhoverでアニメーションさせる方法

環境 react @18.2.0 tailwindcss @3.2.4 heroicon/react @2.0.15 CSSでアニメーションを付ける際に使用するtransitionについてご紹介します。...
git・インフラ・環境構築

【Firebase】Functionsを使ってログイン機能をつくる

Firebaseでは、ログイン機能は、Authenticationプロジェクトがあるため、簡単に作成することができます。 しかし、こんな場合にはどうでしょう。 "OAuth"と、"メール/パスワード"2種類のログインプ...
React

【React × Vite】Uncaught ReferenceError: global is not defined

ReactとViteとFirebaseで構築したアプリで以下のエラーが発生したのでその解消方法をまとめました。 Uncaught ReferenceError: global is not defined エラー原...