ムラゴン ホーム
jQueryとJavaScriptの違いとは
Web制作やフロントエンド開発を学び始めると、「jQuery」と「Javascript」という言葉がよく出てきます。似ているようで役割が異なるこの2つですが、違いを曖昧にしたままだと理解が浅くなり、成長が止まります。 ここでは表面的な違いではなく、本質的な違いを整理していきます。 Javascrip... 続きをみる
ライブラリのムラゴンブログ
-
-
Steamの積みゲーは、もはや信者の性なのかもしれない
Steamって、セールの頻度が本当に尋常じゃないですよね。 知っている方も多いと思いますが、気づけばいつも何かしら安くなっている印象があります。 私もセールのたびに、ただ眺めて楽しむだけでは終わりません。 「これ、今すごく安いし、とりあえず買っておこうかな」 そんな気持ちで、プレイするかどうかもわか... 続きをみる
-
どうしてもCSSが効かない時にチェックする箇所
CSSが効かない問題は、初心者だけでなく実務でも頻繁に起きます。 原因のほとんどは「単純な見落とし」です。焦って書き直す前に、順番に確認する習慣を持つだけで解決速度が大きく変わります。 ここでは、実務でも使うチェックリストを整理します。 1. そもそもCSSファイルが読み込まれているか まず疑うべき... 続きをみる
-
CodePenについて
Web制作やフロントエンド開発をしていると、「ちょっとしたコードを試したい」「動きをすぐ確認したい」と思う場面がよくあります。そんなときに非常に便利なのが CodePen です。本記事では、CodePenとは何か、どんなことができるのか、そしてどんな場面で活用できるのかを整理します。 CodePen... 続きをみる
-
JavaScriptのアニメーションライブラリについて
WebサイトやWebアプリにおいて、アニメーションは「見た目を良くする」だけでなく、ユーザーにとっての分かりやすさや操作のしやすさを高める重要な役割を持っています。 Javascriptのアニメーションライブラリを使うことで、複雑な動きや高度な表現を効率よく実装できるようになります。 この記事では、... 続きをみる
-
「fetch」「axios」とは何か
フロントエンドでAPI通信を学び始めると、必ず出てくるのが「fetch」と「axios」という言葉です。 どちらも「サーバーからデータを取得するための仕組み」ですが、役割や立ち位置は同じではありません。 まずは結論から言います。 fetchはブラウザに最初から備わっている機能 axiosは通信を扱い... 続きをみる
-
React Nativeとは
React Native（リアクトネイティブ）とは、JavascriptとReactの知識を使って、スマホアプリを開発できるフレームワークです。 主に iOSアプリ（iPhone） と Androidアプリ を、ほぼ同じコードで同時に作れるのが最大の特徴です。 Webサイトではなく、App Stor... 続きをみる
-
ReactからNext.jsに入る最適なタイミングとは
Reactを学習していると、必ず一度はこんな疑問が出てきます。 「Next.jsっていつから触ればいいんだろう？」 「Reactをもっと極めてからの方がいい？」 「今Next.jsに行くのは早すぎる？」 結論から言うと、Next.jsに入る“正解のタイミング”は人によって違います。 ただし、いくつか... 続きをみる
-
-
shadcn/uiとは
shadcn/ui（シャドシーエヌ・ユーアイ）とは、React（主にNext.js）向けのUIコンポーネント集です。 ただし、一般的なUIライブラリとは少し考え方が違います。 最大の特徴は、 「コンポーネントをnpmで入れるのではなく、コードを自分のプロジェクトにコピーして使う」 という点です。 公... 続きをみる
-
-
ReactでCSSを当てる方法
React で開発をしていると、必ず「スタイルをどう管理するか」という問題にぶつかります。HTML＋CSS の世界とは違い、React には複数の書き方があり、それぞれメリット・デメリットがあります。この記事では、現場でもよく使われる主要なスタイリング方法をわかりやすく整理して紹介します。 1. 通... 続きをみる
-
-
Reactを使うと受けられる恩恵とは
Web開発の世界では多くのフレームワークやライブラリが存在しますが、その中でも長く支持され続けているのが React。Facebook（現Meta）が開発し、世界中のプロダクトで使われていることから、信頼性の高い技術として定着しています。 では、Reactを使うことで、開発者はどんな恩恵を受けられる... 続きをみる
-
Next.jsとReactの違いとは
Web開発の世界では、ReactとNext.jsはどちらも非常に人気の高い技術ですが、それぞれが担う役割や得意分野は異なります。この記事では、Reactそのものと、それをベースにしたNext.jsの違いを整理します。 ReactはUIを作るためのライブラリ ReactはFacebook（現Meta）... 続きをみる
-
Reactで作れるもの
React はUI（ユーザーインターフェース）を構築するためのライブラリなので、 「画面が動的に変化する」「ユーザー操作が多い」ものに特に向いています。 具体的にどんなものが作れるか、代表例をいくつか紹介します。 1. Webアプリケーション SNS系アプリ 例：Twitter風の投稿・いいね・コメ... 続きをみる
-
#
ライブラリ
-
Reactで出来ること
Reactは、Facebook（現Meta）が開発したJavascriptのライブラリで、現在は世界中で幅広く利用されています。WebアプリやWebサイトを効率的かつ柔軟に作るための仕組みが揃っており、モダンなフロントエンド開発に欠かせない存在です。ここでは、Reactで具体的にどのようなことができ... 続きをみる
-
Pythonで出来ること
Python（パイソン）は、世界中で広く利用されているプログラミング言語です。 シンプルで読みやすい文法と豊富なライブラリが特徴で、初心者からプロまで幅広く支持されています。ここでは、Pythonで出来ることを分野ごとに紹介します。 1. WebサイトやWebアプリの開発 PythonはWeb開発に... 続きをみる
-
-
「webパッケージ」とは？わかりやすく解説
最近、プログラミングや開発の文脈で「webパッケージ」という言葉を目にすることが増えてきました。 では、この「webパッケージ」とは一体何を指しているのでしょうか？ webパッケージの基本的な意味 「webパッケージ」という言葉には、いくつかの使われ方がありますが、一般的には 「Web開発に必要な機... 続きをみる
-
Pythonで何ができる？Web開発からアプリ開発まで解説
Pythonで何ができる？Web開発からアプリ開発まで解説 「Pythonを勉強すると何ができるの？」「PythonはWebサイトを作るための言語？」「AIやデータ分析にも使えるって本当？」 プログラミングを始めようとすると、Pythonという名前を目にする機会が多いでしょう。 Pythonは、シン... 続きをみる
-
#
プログラミング未経験
-
#
コンピューター
