クリックしたら別の処理まで動く?JavaScriptのイベント伝播をやさしく解説
WebサイトへJavascriptを追加していると、一つのボタンをクリックしただけなのに、別の処理まで実行されることがあります。 たとえば、モーダル内のボタンを押したらモーダル自体も閉じる、カード内のリンクを押したらカード全体のクリック処理まで動く、といった現象です。 イベントを設定した場所が間違っ... 続きをみる
WebサイトへJavascriptを追加していると、一つのボタンをクリックしただけなのに、別の処理まで実行されることがあります。 たとえば、モーダル内のボタンを押したらモーダル自体も閉じる、カード内のリンクを押したらカード全体のクリック処理まで動く、といった現象です。 イベントを設定した場所が間違っ... 続きをみる
ボタンを押したらメニューを開く処理を作ったのに、何も起こらない。 同じJavascriptでも、ファイルを読み込む場所を変えたら突然動くようになった。 Web制作では、このような問題がよく発生します。 原因の一つが、HTMLとJavascriptの読み込み順です。Javascriptが対象の要素より... 続きをみる
生成AIへ「ハンバーガーメニューを作って」「WordPressで施工事例を表示して」と依頼すると、短時間でコードを提案してもらえます。 自分で一から書くより早く、知らない実装方法を学べることも大きなメリットです。 一方、AIが生成したコードが画面上で動いたからといって、そのまま本番サイトで安全に使え... 続きをみる
Dockerを使ってローカル環境を起動しようとしたとき、「Dockerデーモンに接続できない」「Dockerデーモンは起動していますか」といったエラーが表示されることがあります。 このエラーを見ると、設定ファイルやデータベースに問題があるように感じるかもしれません。 しかし、多くの場合はもっと単純で... 続きをみる
Web制作を学び始めると、HTMLやCSSと一緒にJavascriptという言葉をよく目にします。 HTMLで文章や画像を配置し、CSSで見た目を整えることは理解できても、Javascriptが何を担当しているのか分かりにくい人もいるかもしれません。 Javascriptは、Webサイトに動きや処理... 続きをみる
プログラミングをしていると、 「このコード、本当にこの書き方でいいのかな?」 と不安になることがあります。 エラーは出ていないし、一応動いている。 でも、もっと分かりやすい書き方があるかもしれないし、気づいていない問題があるかもしれません。 そんなときに便利なのが、ChatGPTなどのAIを使ったコ... 続きをみる
最近は、Web制作やプログラミングでもAIを使うことがかなり増えました。 僕自身も、コードを書いてもらったり、エラーの原因を調べてもらったり、実装方法の候補を出してもらったりと、AIを使う場面はかなり多いです。 正直、AIがあるのとないのとでは、開発スピードが全然違います。 以前なら何十分も検索して... 続きをみる
Web制作をしていると、 「マスク画像」 という言葉を見かけることがあります。 最近、画像の一部分だけ色を変更するような機能を作る際にマスク画像を使う機会があり、仕組みを調べてみました。 最初は少し分かりにくかったのですが、考え方自体はそれほど難しくありません。 今回は、マスク画像とは何なのか、どん... 続きをみる
WordPressでWebサイトを作っていると、ふと疑問に思うことがあります。 「これはプログラミングと呼んでよいのだろうか」 テーマを使ってサイトを作る。 プラグインを入れて機能を追加する。 管理画面から文章や画像を設定する。 こうした作業だけを見ると、一般的にイメージされる「コードを書いてシステ... 続きをみる
ChatGPTをはじめとした生成AIを使えば、プログラミングのコードを短時間で作れるようになりました。 エラー文を貼り付ければ修正案を出してくれますし、「お問い合わせフォームを作って」「ハンバーガーメニューを実装して」と頼めば、数秒でコードが返ってきます。 非常に便利です。 ただし、AIが出したコー... 続きをみる
まぁご希望通りに アンダーヘアは 処理済みかな
平日は仕事。 今、以前の会社の事務処理をしたり。 今の会社の事をしたりです。 孫守りは、それはそれで大変なんですが、仕事の事を考えなくて良いので… 癒されると言うほどでもないですが、頭を空にできます。
【今日の俳句】:風鈴(夏) 風鈴を 鳴らすは宇宙エネルギー 【今日の思込】: 日本は原発を手放さなくて本当によかった… すべての原発を潰し、フランスの電力に頼る ドイツの末路は…との主張があるが…… この主張の根拠は、当面のエネルギーの 枯渇には原発依存の電力で対応すれば ことが治まると言うだけの主... 続きをみる
「プログラミング言語って結局どれを勉強すればいいの?」 これは初心者だけでなく、現役エンジニアでもよく悩むポイントです。 2026年はAIの普及によって、人気言語の勢力図がさらに変化しています。以前はWeb制作中心だった流れから、AI、自動化、データ分析、アプリ開発など用途が広がり、「何を作りたいか... 続きをみる
【今日の俳句】:熱燗(冬) 連れは留守 今夜は一人 熱燗で 【今日の思込】:核のゴミ 原発から出る「高レベル放射性廃棄物」 (いわゆる核のゴミ)の最終処分場の 候補地として今回、東京都小笠原村の 渋谷村長に対し政府は、南鳥島での文献調査を 国の判断として実施する方針を通達したラシイ。 国では核のゴミ... 続きをみる
Web制作やフロントエンド開発を学び始めると、「jQuery」と「Javascript」という言葉がよく出てきます。似ているようで役割が異なるこの2つですが、違いを曖昧にしたままだと理解が浅くなり、成長が止まります。 ここでは表面的な違いではなく、本質的な違いを整理していきます。 Javascrip... 続きをみる
フロントエンドでAPI通信を学び始めると、必ず出てくるのが「fetch」と「axios」という言葉です。 どちらも「サーバーからデータを取得するための仕組み」ですが、役割や立ち位置は同じではありません。 まずは結論から言います。 fetchはブラウザに最初から備わっている機能 axiosは通信を扱い... 続きをみる
エンジニア同士の会話や技術記事で、よく 「APIを叩く」 という表現を見かけます。 少し乱暴な言い方にも聞こえますが、これは業界ではごく一般的に使われている言葉です。 では実際に「APIを叩く」とは、何をしていることなのでしょうか。 APIとは何か APIとは、簡単に言うと 「他のサービスやシステム... 続きをみる
Reactを学んでいると、必ず出てくる言葉が**「レンダリング」**です。 でも、 何をもって「レンダリングされた」と言うのか いつレンダリングが起きているのか ここが曖昧なまま進んでしまう人も多いです。 この記事では、Reactにおけるレンダリングの意味を、できるだけ噛み砕いて解説します。 一言で... 続きをみる
コードレビューというと、「細かい指摘をされる場」「ダメ出しされる時間」というイメージを持つ人も多いかもしれません。 ですが実際の現場では、レビューはバグ探しやマウントの場ではなく、チーム全体で品質を上げるための作業です。 では、エンジニアはコードレビューの時に、具体的にどんな点を見ているのでしょうか... 続きをみる
プログラミングの世界でよく使われる言葉に 「車輪の再発明(Reinventing the Wheel)」という表現があります。 これは、 すでに世の中に完成度の高い仕組み・ライブラリ・ツールが存在しているのに、 それを使わずに、同じものを一から作ってしまうこと を意味します。 現実世界で例えるなら、... 続きをみる
近年、AI(人工知能)の発展は驚くほどのスピードで進んでいます。 ChatGPTをはじめとする生成AIや自動化ツールが登場したことで、これまで「人間にしかできない」と思われていた仕事の一部も、機械がこなせるようになってきました。 では、実際にどんな仕事がAIに奪われやすいのでしょうか。 1. 単純作... 続きをみる
WebサイトやWebアプリを作る際によく耳にする「フロントエンド」と「バックエンド」という言葉。どちらも開発に欠かせない重要な役割を担っていますが、その違いは何でしょうか。ここでは、初心者の方にもわかりやすく解説します。 フロントエンドとは フロントエンドは、ユーザーが直接目にし、操作する部分のこと... 続きをみる
PHP(ピーエイチピー)は、Web開発に特化したサーバーサイドのプログラミング言語です。1995年に登場し、現在でも多くのWebサイトやWebサービスの裏側で使われています。 なぜPHPが使われるのか? PHPの魅力は、なんといってもWeb開発との親和性の高さです。HTMLの中に直接コードを書けるた... 続きをみる
リュクサンブール公園の犬 犬がうろついていました。 此方の愛犬家は落し物の処理をしません。 ほとんど見たことありません。 犬を飼うのは楽です。
今朝は珈琲店へ行くコースで散歩に行ってきました。 昨日は風が強く寒かったですが、今朝は風もなく散歩し易かったです。 いつもの珈琲店で一休み 今朝の調整池です。 珈琲店で読んだ雑誌の記事ですが、 民放で起きていることということで、中居無き後のタレント起用の記事が ありました。中居氏の出ている番組を観て... 続きをみる
朝立ちの処理ならばご自分ではなく私を使って貰いたいです。
言われた通りにムダ毛の処理は万全
Rubyで学ぶオブジェクト指向の基本 オブジェクト指向とは何か オブジェクト指向とは、プログラムを「モノ(オブジェクト)」として捉え、そのモノ同士がメッセージを送り合うことで処理を進める考え方でございます。Rubyはオブジェクト指向を中心に設計された言語であり、数値や文字列といった基本的な要素まで含... 続きをみる
おはようございます〜 昨日は、夫は休み、赤ちゃんも良く寝てくれて、意を決して、大掃除&家のメンテナンスをしました。 我が家は、都会田舎の一戸建て。自然豊かなのは良いですが、野良猫の他にも、狸やら狐やらアライグマ、野鳥など、動物が生息しています。 さて、砂利を敷きつめた庭に、初めて、うんこされました。... 続きをみる
「ワクチンレタス」テネシー州、医薬品としてワクチンを含む食品を義務付ける法案を可決 最近の議会で、テネシー州上院は、ワクチンまたはワクチン材料を含む食品を医薬品として分類する法案を可決しました。この法案はHB1894として指定され、さらなる検討と制定の可能性のために現在ビル・リー知事のデスクに転送さ... 続きをみる
デリケートゾーンのかゆみを抑える方法 デリケートゾーンのかゆみは、女性にとって非常に不快な問題ですが、適切なケアと注意を払うことで軽減することができます。この記事では、デリケートゾーンのかゆみを抑えるための効果的な方法について探ります。 清潔を保つこと デリケートゾーンを清潔に保つことは、かゆみを軽... 続きをみる
壺の放射能詐欺が漁業者ヤクザに相談。クソ笑える 今日はこの報道を注視します。 漁業者、放出「反対」崩さず 政府、「理解進展」に期待 原発処理水、首相直談判へ(時事通信) https://t.co/PBcsT1xwAP — ユタカ (@yutka51) August 19, 2023 FRIDAYが頑... 続きをみる
体毛の処理はある意味、 身だしなみの域 に入ったような風潮がありますね。 私も例にもれず、腕や脚の毛はそこそこ頻繁にそっていたわけです。 そうすると、ちょっと伸びてムサさんに当たると、 チクチクして痛い! という文句が出てくるようになりました。 ムサさんは、 剃らなくていい! と主張します。 ムサさ... 続きをみる
カクテルパーティー効果とは、バックグラウンドノイズや他の会話などの競合する刺激がある中で、ある特定の会話や聴覚刺激に選択的に注目し、処理することができる現象です。1950年代にColin Cherryによって提唱され、認知心理学の分野で広く研究されている。 他の競合する刺激を排除しながら、特定の刺激... 続きをみる
感覚が連動して、、そのコントロールは脳が掌っている事を確認しました 加えて触覚について、、 この感覚は 身体の全てに働いていますよね 暑さや寒さを感じるのも 実は触覚で、、痛みも、、 手で物を触る感覚が一番分かりやすいでしょう 物を手で掴むとき、、軽く握ったり強く握ったり、、しっかり握って保持したり... 続きをみる
ムダ毛処理って結構面倒ではありませんか? 夏は特に肌の露出が多く、自己処理が多くなり、カミソリまけや肌あれをおこしやすいです。 冬場でも、「油断していたら凄い伸びている」💦 ・毛抜きで抜いている ・除毛クリームを使う ・カミソリで剃る こんな方は、肌の黒ずみになっていませんか? 私は、ムダ毛処理が... 続きをみる
みなさん、こんにちは。 難あり物件コンサルタントの田中です。 今回は、新規【お客様の声】のお知らせ。 ~「困った不動産の問題」は必ず解決します~ 今回のお客様(売主様)は、以前当社でお取引きいただいたお客様(ユーザー様)からのご紹介の方でした。 宮崎県にお住まいのお客様で相続で東京都杉並区の土地を取... 続きをみる
The Dark side of Japan Night Meeting 2025に参加するだけのツーリング 2025-05-10
no title
道志ダム
no title
アクアライン
ターンパイクの桜のトンネル
ターンパイクの桜のトンネル
6ヶ月点検 (96,574km)
no title
一般車両侵入禁
はらませる上半身 はらませない下半身
2024年型 MT-09 SP ABS vs MT-09 ABS:買うならどっち?
とんかつの福よしで上州麦豚特選厚切りロースかつ定食を食す!さきたま古墳ツーリング 2023-12-10
The Dark side of Japan Night Meeting 2024 に参加するだけのツーリング 2024-05-11
診断士の「経営情報システム」で不合格でもITパスポートは受かる?3週間で合格した勉強法とリアルな難易度
ITパスポート合格のための勉強法
ITパスポートの生成AI分野を学ぶ5ステップ|シラバスVer.6.5対応
【自己採点】初の中小企業診断士一次試験を終えて|想定外のミスとこれからの戦略
土日、やることが無い…?いや、何事にも気力が沸かない
【ITパスポート合格記】セミナー受講+過去問道場で1ヶ月!離職期間にAIをフル活用して掴んだ合格のコツ
最近は目覚まし時計を7時にセットしているので時間に余裕がある
ITパスポートを取った後どうする?活用法と次に目指す資格【40代向け】
ITパスポート 40代の勉強時間・難易度・合格率を解説
40代の学び直し|おすすめ資格10選【キャリア・副業・自己成長】
smbとsambaってどうちがう?
毎日鬱が酷くてリモート作業を終えたあとに何もできない
プロミスキャスモードはマシンにどれくらい負荷をかけますか?
ホストOSとゲストOS間を繋ぐ内部ネットワークにL3やL2のような設定を仮想的に使うことはできますか?
GWだけどほぼリモート作業ばかりの日々