プログラミング

React

Tailwind CSS の shadow と drop-shadow は違うんだよ。って話

shadowとdrop-shadowの基本 shadow shadowは、要素の全体的なボックスに影を加えます。これにより、要素に深みを与え、立体感を出すことができます。特にボタンやカードのようなインタラクティブな要素に適して...
React

TailwindCSSで group を使う理由

はじめに 親要素の状態に応じて複数の子要素のスタイルを変更する場合、従来のCSSではコードが少し複雑になることがあります。 TailwindCSSのgroupクラスを使うとそれが簡単に記述できるので紹介します。 Tail...
Python

【Python】スタバの店舗情報をスクレイピングしてcsvで出力する

PCのローカル環境にディレクトリを作成するところから、csvファイルを出力するというoutputするところまで、pythonを使ったスクレイピングの方法をステップ・バイ・ステップで丁寧に説明しています。 スクレイピングの対象はスタバ...
Python

Pythonスクレイピング ライブラリ比較(BeautifulSoup vs Selenium vs Scrapy)

はじめに Webスクレイピングは、Webサイトから情報を引っ張ってくる技術です。 これが役立つシーンは多くあり、価格比較、データ分析、自動化などで活用できます。 Pythonはこの領域で人気があり、特にBeautiful...
React

map関数で()か{}で迷うことはないですか?

map関数を使用するときに、map(() => ())の丸括弧で使う場合と、場合とmap(() => {})の波括弧で使う場合がないですか? map関数についてちゃんと理解していれば、この違いが生じるのは当然であ...
TypeScript

【TypeScript】for文 と for…of文 比較

ご存知でしたか?TypeScriptでは(JavaScriptでも同様)、for文でもいろんな種類があるんです! 今回はその中のfor文とfor...of文の何が違うの?という疑問をスッキリさせるために初学者でも分かるよう比較をまと...
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は学習コストが少し高い上に、コードが複雑になりがちというデメリットがあります。 そこで、比較的小規模なアプリケーションであればその...