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関数についてちゃんと理解していれば、この違いが生じるのは当然であ...
30代Webエンジニア転職

【求人サイト9選】フリーランスエンジニアのための案件探しサイト比較

フリーランスエンジニアで、案件探し苦労されている方は多いのではないでしょうか。また、これからフリーランスを目指す方で、フリーランスになったら仕事があるか不安。と思っている方も少なくないのではないでしょうか。でも大丈夫です。フリーランスをサ...
TypeScript

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

ご存知でしたか?TypeScriptでは(JavaScriptでも同様)、for文でもいろんな種類があるんです! 今回はその中のfor文とfor...of文の何が違うの?という疑問をスッキリさせるために初学者でも分かるよう比較をまと...
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...