jQueryとJavaScriptの違いとは
Web制作やフロントエンド開発を学び始めると、「jQuery」と「Javascript」という言葉がよく出てきます。似ているようで役割が異なるこの2つですが、違いを曖昧にしたままだと理解が浅くなり、成長が止まります。 ここでは表面的な違いではなく、本質的な違いを整理していきます。 Javascrip... 続きをみる
Web制作やフロントエンド開発を学び始めると、「jQuery」と「Javascript」という言葉がよく出てきます。似ているようで役割が異なるこの2つですが、違いを曖昧にしたままだと理解が浅くなり、成長が止まります。 ここでは表面的な違いではなく、本質的な違いを整理していきます。 Javascrip... 続きをみる
Steamって、セールの頻度が本当に尋常じゃないですよね。 知っている方も多いと思いますが、気づけばいつも何かしら安くなっている印象があります。 私もセールのたびに、ただ眺めて楽しむだけでは終わりません。 「これ、今すごく安いし、とりあえず買っておこうかな」 そんな気持ちで、プレイするかどうかもわか... 続きをみる
CSSが効かない問題は、初心者だけでなく実務でも頻繁に起きます。 原因のほとんどは「単純な見落とし」です。焦って書き直す前に、順番に確認する習慣を持つだけで解決速度が大きく変わります。 ここでは、実務でも使うチェックリストを整理します。 1. そもそもCSSファイルが読み込まれているか まず疑うべき... 続きをみる
Web制作やフロントエンド開発をしていると、「ちょっとしたコードを試したい」「動きをすぐ確認したい」と思う場面がよくあります。そんなときに非常に便利なのが CodePen です。本記事では、CodePenとは何か、どんなことができるのか、そしてどんな場面で活用できるのかを整理します。 CodePen... 続きをみる
WebサイトやWebアプリにおいて、アニメーションは「見た目を良くする」だけでなく、ユーザーにとっての分かりやすさや操作のしやすさを高める重要な役割を持っています。 Javascriptのアニメーションライブラリを使うことで、複雑な動きや高度な表現を効率よく実装できるようになります。 この記事では、... 続きをみる
フロントエンドでAPI通信を学び始めると、必ず出てくるのが「fetch」と「axios」という言葉です。 どちらも「サーバーからデータを取得するための仕組み」ですが、役割や立ち位置は同じではありません。 まずは結論から言います。 fetchはブラウザに最初から備わっている機能 axiosは通信を扱い... 続きをみる
React Native(リアクトネイティブ)とは、JavascriptとReactの知識を使って、スマホアプリを開発できるフレームワークです。 主に iOSアプリ(iPhone) と Androidアプリ を、ほぼ同じコードで同時に作れるのが最大の特徴です。 Webサイトではなく、App Stor... 続きをみる
Reactを学習していると、必ず一度はこんな疑問が出てきます。 「Next.jsっていつから触ればいいんだろう?」 「Reactをもっと極めてからの方がいい?」 「今Next.jsに行くのは早すぎる?」 結論から言うと、Next.jsに入る“正解のタイミング”は人によって違います。 ただし、いくつか... 続きをみる
shadcn/ui(シャドシーエヌ・ユーアイ)とは、React(主にNext.js)向けのUIコンポーネント集です。 ただし、一般的なUIライブラリとは少し考え方が違います。 最大の特徴は、 「コンポーネントをnpmで入れるのではなく、コードを自分のプロジェクトにコピーして使う」 という点です。 公... 続きをみる
React で開発をしていると、必ず「スタイルをどう管理するか」という問題にぶつかります。HTML+CSS の世界とは違い、React には複数の書き方があり、それぞれメリット・デメリットがあります。この記事では、現場でもよく使われる主要なスタイリング方法をわかりやすく整理して紹介します。 1. 通... 続きをみる
Web開発の世界では多くのフレームワークやライブラリが存在しますが、その中でも長く支持され続けているのが React。Facebook(現Meta)が開発し、世界中のプロダクトで使われていることから、信頼性の高い技術として定着しています。 では、Reactを使うことで、開発者はどんな恩恵を受けられる... 続きをみる
Web開発の世界では、ReactとNext.jsはどちらも非常に人気の高い技術ですが、それぞれが担う役割や得意分野は異なります。この記事では、Reactそのものと、それをベースにしたNext.jsの違いを整理します。 ReactはUIを作るためのライブラリ ReactはFacebook(現Meta)... 続きをみる
React はUI(ユーザーインターフェース)を構築するためのライブラリなので、 「画面が動的に変化する」「ユーザー操作が多い」ものに特に向いています。 具体的にどんなものが作れるか、代表例をいくつか紹介します。 1. Webアプリケーション SNS系アプリ 例:Twitter風の投稿・いいね・コメ... 続きをみる
I2C接続のキャラクタ表示LCDをArduinoで使う その2
I2C接続のキャラクタ表示LCDをArduinoで使う
まだ終わってなかった 〜「写真ライブラリ」一部破損〜
Cygwinのライブラリ(パッケージ)追加・削除方法まとめ|GUIとコマンドラインで環境を管理する
ラッパーツールとは
MCPクライアント開発におすすめのPythonライブラリ【2025年版】
klib シャッターアニメーション
【Python】インポートimportでpyファイルの読み込み・処理呼び出し-How to import py files in Python?
Pythonのosモジュールを使ってディレクトリ操作や環境変数の取得をしよう- How to use the os module in Python?
【Python】NumPyのデータ型について – Data types of Numpy package
Pythonのstatsmodels.apiを使って自己相関のある誤差項を考慮した一般化最小二乗法を行う -How to estimate GLS for AutoRegressive error termusing Python-
Pythonのstatsmodels.apiを使って分位点回帰を行う – How to estimate quantile regression model using Python –
Pythonのstatsmodels.apiを用いてロジスティック回帰を行う – How to estimate “logit” models using Python
Pythonでプロビットモデルを推定する -How to estimate probit models using Python-
Pythonのstatsmodelsを使って多項ロジットモデルを推定する -How to estimate Multinomial logit using Python-
Reactは、Facebook(現Meta)が開発したJavascriptのライブラリで、現在は世界中で幅広く利用されています。WebアプリやWebサイトを効率的かつ柔軟に作るための仕組みが揃っており、モダンなフロントエンド開発に欠かせない存在です。ここでは、Reactで具体的にどのようなことができ... 続きをみる
Python(パイソン)は、世界中で広く利用されているプログラミング言語です。 シンプルで読みやすい文法と豊富なライブラリが特徴で、初心者からプロまで幅広く支持されています。ここでは、Pythonで出来ることを分野ごとに紹介します。 1. WebサイトやWebアプリの開発 PythonはWeb開発に... 続きをみる
最近、プログラミングや開発の文脈で「webパッケージ」という言葉を目にすることが増えてきました。 では、この「webパッケージ」とは一体何を指しているのでしょうか? webパッケージの基本的な意味 「webパッケージ」という言葉には、いくつかの使われ方がありますが、一般的には 「Web開発に必要な機... 続きをみる
今日のひとこと:2026-07-24 -劇画の日-
今日のひとこと:2026-07-23 -文月ふみの日-
今日のひとこと:2026-07-22 -下駄の日-
今日のひとこと:2026-07-21 -神前結婚式の日-
今日のひとこと:2026-07-20 -ハンバーガーの日-
今日のひとこと:2026-07-19 -サイボーグ009の日-
今日のひとこと:2026-07-18 -2026 夏1 夏の植物 7月-
今日のひとこと:2026-07-17 -今日のアイデア-
今日のひとこと:026-07-16 -夏を色どるネイルの日-
今日のひとこと:2026-07-15 -中元-
今日のひとこと:2026-07-14 -パリ祭・フランス革命記念日-
今日のひとこと:2026-07-13 -日本標準時制定記念日-
今日のひとこと:2026-07-12 -ローリング・ストーンズ記念日-
今日のひとこと:2026-07-11 -真珠記念日-
今日のひとこと:2026-07-10 -ブラックジンジャーの日-