コードのムラゴンブログ

アイロンとアイロン台

その昔、私はアイロンがけが上手な主婦に憧れていました。 男の人が着ているワイシャツの襟やカフスに ピンとアイロンがかけられているのを見ると、奥様は『アイロンがけ上手＝良妻』と勝手に妄想を膨らませたものです。 今考えれば、それはクリーニングに出されていたのかもしれませんが💦 その頃、夫の出勤スタイル... 続きをみる

マジックナンバーとは

プログラミングにおける「マジックナンバー」とは、意味や意図が分からないまま、コード中に直接書かれている数値のことを指します。 一見すると問題なく動作するものの、後からコードを読む人にとって理解しづらく、保守性を下げる原因になりやすい存在です。 マジックナンバーは、初心者から中級者へ進む過程で必ず一度... 続きをみる

今流行りのClaude Codeとは

最近、エンジニア界隈でじわじわと話題になっているのが「Claude Code」です。 ChatGPTは聞いたことがあっても、Claude Codeはまだ名前だけ、という人も多いかもしれません。 この記事では、Claude Codeが何者なのか、なぜ今注目されているのか、どんな人に向いているのかを整理... 続きをみる

React Nativeとは

React Native（リアクトネイティブ）とは、JavascriptとReactの知識を使って、スマホアプリを開発できるフレームワークです。 主に iOSアプリ（iPhone） と Androidアプリ を、ほぼ同じコードで同時に作れるのが最大の特徴です。 Webサイトではなく、App Stor... 続きをみる

プログラミングにおいてAIが得意なことと不得意なこと

ここ数年で、ChatGPTをはじめとしたAIが プログラミングの現場に一気に入り込んできました。 「もうエンジニアいらないのでは？」 「AIに全部書かせればいいじゃん」 そんな声も聞こえてきますが、 実際に使ってみると、得意なこと・不得意なことはかなりハッキリ分かれます。 この記事では、 プログラミ... 続きをみる

2025年のIT業界まとめ

〜AIが「特別な存在」じゃなくなった1年〜 2025年のIT業界を一言で表すなら、 **「AIが“流行”から“前提”になった年」**でした。 数年前までは 「AIすごい」「ChatGPT使ってみた？」 という段階だったのが、2025年は完全に一段階進み、 AIを使っていないことの方が珍しい そんな空... 続きをみる

2026年、エンジニアに必要な力とは

「エンジニアに必要な力」は、年々少しずつ変わっています。 2026年に向けて特に強く求められるのは、技術力そのものよりも“技術をどう使うか”という力です。 かつては「この言語が書ける」「このフレームワークを知っている」ことが強みになりましたが、それだけでは評価されにくい時代になっています。 では、2... 続きをみる

コードレビューの時にエンジニアが見ていること

コードレビューというと、「細かい指摘をされる場」「ダメ出しされる時間」というイメージを持つ人も多いかもしれません。 ですが実際の現場では、レビューはバグ探しやマウントの場ではなく、チーム全体で品質を上げるための作業です。 では、エンジニアはコードレビューの時に、具体的にどんな点を見ているのでしょうか... 続きをみる

shadcn/uiとは

shadcn/ui（シャドシーエヌ・ユーアイ）とは、React（主にNext.js）向けのUIコンポーネント集です。 ただし、一般的なUIライブラリとは少し考え方が違います。 最大の特徴は、 「コンポーネントをnpmで入れるのではなく、コードを自分のプロジェクトにコピーして使う」 という点です。 公... 続きをみる

Laravelはどのような時に使われるのか

Laravel は、PHP で作られた代表的な Web アプリケーションフレームワークです。開発効率が高く、きれいなコード構造を保ちやすいことから、世界中の多くのサービスで利用されています。では、実際にどのような場面で Laravel が選ばれているのでしょうか。ここでは、その特徴と使用されるケース... 続きをみる

バニラHTML・バニラJavaScriptの「バニラ」って何？

Web制作やプログラミングの話をしていると、 「バニラJavascriptで書く」 「これはバニラHTMLだけでいけます」 …こんな言い方を見かけることがありますよね。 この“バニラ（vanilla）”って、いったい何を意味しているのか？ 実はこれ、「何も混じっていない素の状態」 を表す言葉です。 ... 続きをみる

Web制作者の「AIとの向き合い方」

近年、生成AIの進化は“便利な新ツール”の域を超え、Web制作の現場そのものを大きく揺さぶり始めています。 コード生成、デザイン案の提案、文章のリライト、画像生成、サイト構成まで—AIは制作フローの至るところに入り込み、これまで人が長時間かけていた仕事が数分で完了するケースも珍しくなくなりました。 ... 続きをみる

今流行りの「Codex」とは？わかりやすく解説

近年、AI 技術の進化は目覚ましく、その中でも特に注目を集めているのが「Codex（コーデックス）」という技術です。名前は聞いたことがあるけれど、「結局何なの？」と感じている方も多いのではないでしょうか。この記事では、難しい専門用語をできるだけ使わず、今 Codex がなぜ話題になっているのか、そし... 続きをみる

カラーピッカーという拡張機能について

デザインやWeb制作をしていると、気になる色を「この色コード何だろう？」と思うことがよくあります。そんなときに便利なのが「カラーピッカー」という拡張機能です。この記事では、カラーピッカーの基本的な使い方や、デザイン作業を効率化する活用方法について紹介します。 カラーピッカーとは？ カラーピッカーとは... 続きをみる

コンポーネント化とは？メリットも解説！

Web制作やアプリ開発の現場でよく耳にする「コンポーネント化」。 これは、デザインやコードをパーツ（部品）ごとに分けて管理・再利用できるようにする考え方のことです。 たとえば、LP（ランディングページ）を作るとき、 ヘッダー・フッター・CTAボタン・カードデザインなどがページのあちこちで何度も登場し... 続きをみる

引数のargって何の略？

プログラミングでよく出てくる arg は argument（アーギュメント） の略 です。 英語の「argument」は「議論」だけでなく**引数（関数に渡す値）**という意味があります。 読み方のポイント arg → アーグ と短く読む人もいます。 ただし本来の英語は argument（アーギュメ... 続きをみる

EJSの includeとは？

EJS（Embedded Javascript Templates）は、HTMLの中にJavascriptを埋め込んで柔軟にページを生成できるテンプレートエンジンです。その中でもよく使われる機能のひとつが include です。 ページ共通部分をまとめられる Webサイトを作るとき、多くのページで共... 続きをみる

XSS（クロスサイトスクリプティング）とは？

Webアプリケーションのセキュリティを考える上で、よく登場する脆弱性のひとつが XSS（クロスサイトスクリプティング） です。 XSSは、ユーザーが入力した悪意のあるスクリプトがそのままWebページ上で実行されてしまう脆弱性のことを指します。攻撃者はこの仕組みを利用して、ユーザーに気づかれないまま情... 続きをみる

CSS設計とは

Webサイトを作るときに欠かせないのが「CSS（Cascading Style Sheets）」です。デザインを形にし、文字の大きさや色、余白、レイアウトなどを決めていくための言語ですが、自由度が高い分、気をつけないと「書きにくい・読みにくい・直しにくい」コードになってしまうこともあります。そこで重... 続きをみる

Cursorの特徴について

近年、AIを活用した開発支援ツールが注目を集めています。その中でも「Cursor」は、エンジニアの作業効率を大きく向上させる革新的なコードエディタです。ここでは、Cursorの主な特徴について解説します。 1. AIによる強力なコード補完 Cursorは、ChatGPTをベースとしたAIを搭載してお... 続きをみる

Meta Pixelとは？広告効果を見える化するツール

Meta Pixel（旧Facebook Pixel） は、Meta（旧Facebook）が提供する無料の解析ツールです。 ウェブサイトに専用のコードを埋め込むことで、訪問者の行動を計測・分析し、広告配信の精度を高めることができます。 広告を運用している方はもちろん、これから始める方にとっても重要な... 続きをみる

HTMLでheaderやfooterを共通パーツとして読み込む理由

Webサイトを制作する際、ほとんどのページに共通して配置されるパーツがあります。代表的なのが「ヘッダー（header）」と「フッター（footer）」です。 これらを共通パーツとして管理し、複数のページから読み込む方法には、以下のようなメリットがあります。 1. 更新作業が一箇所で完結する ヘッダー... 続きをみる

ノーコード自動化ツール「n8n」とは？使い方や活用例を解説

日々の業務の中で、「同じ作業を何度も繰り返している」「ツール同士の連携が面倒」と感じたことはありませんか？ そんなときに役立つのが、**ノーコードで業務の自動化ができる「n8n」**です。 今回は、n8nの特徴やできること、活用シーンについて初心者にもわかりやすくご紹介します。 n8nとは？ n8n... 続きをみる

Googleが提供するGASって何？初心者にもわかりやすく解説！

Googleが提供する「GAS（Google Apps script）」をご存知ですか？ GASは、Googleの各種サービス（スプレッドシート、Gmail、Googleフォームなど）を自動化・拡張できる強力なツールです。この記事では、GASとは何か、どんなことができるのか、初心者向けにわかりやすく... 続きをみる

AIを使用してコードを書く時に注意すべきこと

近年、ChatGPTやGitHub CopilotなどのAIツールを用いてコードを書く開発スタイルが急速に普及しています。これらのツールは、プログラミングのスピードアップやアイデアの補完などにおいて大きな力を発揮しますが、利用にあたってはいくつかの注意点を理解しておく必要があります。 1. コードの... 続きをみる

出勤や退勤を管理するアプリを作るにはどんな言語を使ったらいい？

「出勤・退勤を記録するアプリを自作してみたい」「勤怠管理を自社向けにカスタマイズしたい」──そんなときに悩むのが「どの言語で開発するのがベストか？」ということ。 今回は、出勤退勤アプリを作るためのおすすめのプログラミング言語や技術スタックについて、目的別に分かりやすく解説します。 ① Webブラウザ... 続きをみる

2025年 ラクマ紹介コードラクマ 楽天フリマアプリ 招待キャンペーン

楽天ラクマ友達招待キャンペーンコード2025年 Q4hTo 新規登録で300円分の楽天ポイントがもらえる！ 2025年07月31日(木)23:59までに招待コード【Q4hTo】を使って登録 2025年 ラクマ紹介コードラクマ 楽天フリマアプリ友達 招待キャンペーン さっそく楽天ラクマをダウンロード＆... 続きをみる

ClaudeCodeとは？AI時代の新しいコーディング体験

近年、AI技術の進化により、プログラミングの世界にも大きな変化が訪れています。その中で注目を集めているのが**ClaudeCode（クロードコード）**です。この記事では、ClaudeCodeとは何か、その特徴や活用方法についてご紹介します。 ClaudeCodeとは？ ClaudeCodeは、米国... 続きをみる

クラシルリワードコインをJALマイルへ

クラシルリワード 歩いてコインを貯める！ ＊アンケート ＊ゲーム ＊他諸々・・・ 貯まりましたので交換しようと思います。 コイン55000 ＝ 250マイル（JALマイル） 嬉しい瞬間！ 少しずつJALマイルが貯まっていきます。 毎日、コツコツと少しずつ貯めていきました。 大変な作業だと思いますが、... 続きをみる

アルコイン 歩くだけ

アルコイン 歩くだけでコインが貯まりポイントなどに交換 あと少しで3300コインになります。 3300コインになったら、ポンタポイントに交換します。 300ポイントもらえます。 ポンタポイントからJALマイルへ交換する予定です。 他にも交換先はあります。 PayPayなど。 ここまで長い・・・ 歩い... 続きをみる

ドナルド・トランプの命令により、米国でギロチンが合法化

ドナルド・トランプの命令により、米国でギロチンが合法化されました。小児性愛者はギロチンで処刑されます 特定のコード2010 ICD-9-CM 診断コード E978 法的執行 ICD-9-CM E978 は、払い戻し請求で診断を示すために使用できる請求可能な医療コードですが、E978 は、サービス日が... 続きをみる

Stay Giftで贈る最高の旅行体験！SNSやメールで簡単ギフト

こんにちは、みなさん！今日は、ギフト選びに悩むことなく、相手の心に残る特別なプレゼントを贈る方法を紹介します。それがStay Giftです！ Stay Giftって何？ Stay Giftは、ホテルの宿泊体験をギフトとして贈ることができるサービス。お祝いや感謝の気持ちを伝えたいけど、相手の住所が分か... 続きをみる

ルンバと私の物語〜2500回の奇跡と1200時間の伝説

運命の邂逅（かいこう） 2021年の夏、我が家に神々しい光が降りました。その光は、ルンバという名前を持ち、我々の日常を神話へと変える存在でした。最初はただの機械だと思っていたが、その誤解はすぐに驚きに変わりました。 愛らしいルンバの試練 ルンバは我が家の天使、しかし、この天使には小さな挑戦がありまし... 続きをみる

駆け出しの頃に大変だったこと

駆け出しのWebエンジニアとして、HTML、CSS、Javascript、PHPの学習に専念していた最初の段階では、それぞれの言語が持つ特有の難しさに直面し、しばしば挫折を感じることがありました。 まず、HTMLとCSSは比較的直感的に理解できましたが、細かなレイアウト調整やレスポンシブデザインの実... 続きをみる

エラーが出た時の対処法

プログラミングをしている際にエラーが発生したときは、大体このような手順でエラーに対処しています。 1. エラーメッセージを確認 まず、エラーメッセージを注意深く読みます。ほとんどのエラーメッセージには、どの部分で問題が発生しているかや、どの種類のエラーかが記載されています。たとえば、構文エラーや型の... 続きをみる

最初のうちは細かいことは気にせずコードを書くべし

現在HTMLやCSSを指導させていただいている生徒様より、 「ここの文字の大きさがデザインと違うので、全て揃えてから次に進んだほうがいいですか？」 「若干余白がデザインよりずれているので、今修正したほうがいいですか？」 などの質問をよくいただきます。要するに、「上から順番に完璧にしながらサイト制作を... 続きをみる

chatGPTは絶対に有料版にすべし

プログラミングを学習されていたり、エンジニアとして活動される方であれば、分からないところをググったりchatGPTに聞くという経験が誰しもあるかと思います。 僕はググるのもchatGPTもどちらも行いますが、ググる行為には無料も有料もないので、調べ方次第で得られる結果が変わってきます。 しかしcha... 続きをみる

学んだことをアウトプットする方法

エンジニアとして学んだことをアウトプットする方法は多岐にわたります。以下に、効果的なアウトプット方法をいくつか紹介します。 1. ブログ執筆 ブログは、自分の知識や経験を広く共有するための最も一般的な方法の一つです。以下のポイントを意識すると良いでしょう。 トピック選び: 学んだことや解決した問題、... 続きをみる

web系目指すならこの3つ！

web系エンジニアを目指すなら、これだけ学習しておけば何とかなります。 それは、HTML・CSS・WordPressの3つです。 Javascriptは多少読めれば大丈夫です。 僕は独学でこの3つをひたすら勉強し、この3つの知識だけで50万円ほどサイト制作で稼ぐことが出来ました。 正直、Javasc... 続きをみる

単一

メルカリで1000円で買ったWラジカセ。私が小学5年生の時に買ったものと同型。確か、電源コードがなくて、DVD RAMプレーヤーのコードを拝借して使っていたような？そのコードがない。どこ行ったのかなー？で、とりあえず、単一6本使って、使っていましたが、非常時を考えると、電池は取っておいた方がいい。と... 続きをみる

知らないことってあるもんだね

昨日は病院(心療内科)でした 何か言われるかなと思っていたのですが… へー知らないことってあるもんだなと 思った次第 特に何も言われずに終わったので良かったです 昨日は買い物もしてきたので 今日は行かないつもりです 家にいたら何か買いに行こうかな？ という気持ちになってしまうのですが お金も使ってし... 続きをみる

新たな発見と欲望

今日は年に数回あるスクーリングの日です。 以前にもお話ししたように、朝から夕方まで1日中授業をしなければなりません。 もう若くない私にとっては なかなか重労働です😅 いつもより早起きして お弁当を作りました。 今日、在宅の夫の分も作ります。 と言っても昨日の晩御飯の残り物ですが🙈 夫の お弁当箱... 続きをみる

コーディングできないWebデザイナーが直面する危機と対処法

はじめに ウェブデザイナーには「コーディングスキルは必要なのか。」という疑問はありませんか？ 実は、私もコーディングスキルはほとんどなく、コードをなんとなく読める程度なんです。 デザインとコーディングの分業化が進み、デザイナーがコーディングできなくても問題ないと主張する意見もあります。 しかし、他方... 続きをみる

Androidスマートフォンについにバッテリーの状態を示すインジケーターが搭載されるかもしれない

GoogleはAndroidにさらに多くのバッテリー情報を追加しているようだ。 Androidの専門家であるMishaal Rahman氏は、Android Authorityの記事で、ついにGoogleがAndroid携帯電話のバッテリーが劣化したことを知らせるようになるかもしれないと書いている。... 続きをみる

ベットウイナーカジノボーナスコード:ベットウィナーカジノの世界を探る

日本のオンラインカジノのダイナミックな領域において、Betwinner Casinoは、その魅力的なプロモーション戦略、特にボーナスコードで際立っています。これらのコードは、ゲーム体験を向上させるだけでなく、多くの報酬や特典への入り口としても機能します。この記事では、Betwinner Casino... 続きをみる

食べに行った〜

TEMU通販サイト↓↓↓ https://temu.to/m/u6h1opw9v70 コード apv26750 コード入力で、お得なクーポンを貰えますょ 久しぶりに、外食ｯ とり天٩(๛ ˘ ³˘)۶♥外食ぐらいは 普段食べないのをと思っても… ついつい、食べ慣れた物を食べてしまうw 一緒に、行った... 続きをみる

文脈効果

文脈効果とは、情報が提示または体験された状況的文脈が記憶や情報処理に与える影響のことである。文脈には、情報が提示されたときの場所、時間、人の心の状態など、さまざまな要因が含まれます。 文脈は、記憶における情報の符号化と検索の両方に影響を与える。エンコード時には、情報が提示された文脈が重要な手がかりと... 続きをみる

路上ライブじゃないんだから・・・☆唯子さん いい度胸してます♪

2022年3月13日（日） 唯子さん 18時頃 パパに連れられて帰って来ました♪ ・ ・ ・ 本日の休日コーデ♪ ●白×ネイビーボーダーのハイネックセーター ●デニムスキニーパンツ ●黒の水玉ソックス ・ ・ ・ 今日は 公園で ギターの練習をしたそうです♪ 唯子さん 『公園でギターの練習してきたよ... 続きをみる

選曲中

もともとそうだったけど、「ピアノ」の話題が少ない（笑） そんな中,でランキングが上がっているとびっくりします。 別に誰に向かって書いているわけでもないので、何位でもいいのですが、 ちゃんと「ピアノ」も書かねば！という気持ちになりました💦 と言っても今はまだ練習曲探し中（まだ、探してんのか！） 先日... 続きをみる

修理

店で使用しているストレートアイロンの調子が悪いので、修理した。 電源が付いたり消えたりする。 本体とコードの付け根を触ったり、コードを曲げたりすると付くので、原因はコード！ こういう修理事大好き！ 切って、繋いで、絶縁テープを巻いて完成！ 直りました。

2018/7/5(木) 今日捨てた物