ムラゴン ホーム
AIが作ったコードは「動けばOK」ではない｜本番公開前に確認したい8つのポイント
生成AIへ「ハンバーガーメニューを作って」「WordPressで施工事例を表示して」と依頼すると、短時間でコードを提案してもらえます。 自分で一から書くより早く、知らない実装方法を学べることも大きなメリットです。 一方、AIが生成したコードが画面上で動いたからといって、そのまま本番サイトで安全に使え... 続きをみる
コードのムラゴンブログ
-
-
Go言語の並行処理を理解するために大学で学んだ抽象化の技法｜増田純大
Go言語の並行処理は、goroutine と channel の関係をどれだけ構造的に捉えられるかで理解の深さが決まります。宮城県の大学で学ぶ抽象化の技法を応用すると、複雑に見える処理が一気に整理されます。 抽象化とは現象を「構造」として捉え直す方法であり、Goでは goroutine を作業者、c... 続きをみる
-
-
Web制作の修正が速い人は「検証ツール」で原因を切り分けている
Webサイトを制作していると、「余白が広すぎる」「スマホだけレイアウトが崩れる」「指定した色が反映されない」といった問題が必ず発生します。 このようなとき、CSSファイルを上から順番に確認していくと、原因を見つけるまでに時間がかかります。 修正を速くするために欠かせないのが、ブラウザに搭載されている... 続きをみる
-
コードを共通化する理由
Web制作をしていると、同じようなコードを何度も書く場面があります。 たとえば、 ヘッダー フッター お問い合わせボタン CTA 見出し カード ボタン パンくずリスト などです。 最初のうちは、 「必要な場所にそのまま書けばいいのでは？」 と思うかもしれません。 実際、小さなサイトであれば、それで... 続きをみる
-
実案件を経験すると一気に成長する理由
プログラミングやWeb制作を勉強していると、 「もっと勉強してから案件を受けたほうがいい」 と思うことがあります。 もちろん基礎学習は大切です。 HTMLやCSS、Javascript、WordPressなど、最低限の知識がない状態でいきなり仕事をするのは難しいでしょう。 ただ、ある程度基礎を学んだ... 続きをみる
-
Web制作でコミュニケーション能力が重要な理由
Web制作というと、 デザインができる HTML/CSSが書ける WordPressを扱える Javascriptが書ける といった技術力が重要だと思われがちです。 もちろん、技術力は必要です。 ただ、実際にWeb制作の仕事をしていると、技術力と同じくらい、あるいはそれ以上にコミュニケーション能力が... 続きをみる
-
Rustの所有権を理解するためにInstagramの短い動画を構造化して読み解く
Rustの所有権は概念として理解できても、実際のコードになると急に難しく感じられることがあります。愛媛県のエンジニアがInstagramで投稿していた短い動画では、家事の分担を例に「誰がどの作業を担当するかを曖昧にすると混乱が起きる」と説明していました。このような日常の事例は、単なる比喩として受け取... 続きをみる
-
STUDIOはコードも書けるのか
最近、ノーコードWeb制作ツールの「STUDIO」を触る機会がありました。 STUDIOは基本的に画面上でボックスやテキスト、画像などを配置してWebサイトを作っていくツールです。 そこで使っていて気になったのが、 「STUDIOってHTMLやCSSを書けるの？」 ということでした。 普段WordP... 続きをみる
-
Web制作者はAIをどう使うべき？
最近、Web制作でもAIを使う機会がかなり増えました。 HTMLやCSSを書いてもらったり、Javascriptのエラーを調べてもらったり、文章を考えてもらったり。 僕自身もWeb制作の中でAIを使うことがあります。 ただ、AIを使っていると、 「どこまでAIに任せていいんだろう？」 と考えることが... 続きをみる
-
-
AIにコードレビューしてもらう方法
プログラミングをしていると、 「このコード、本当にこの書き方でいいのかな？」 と不安になることがあります。 エラーは出ていないし、一応動いている。 でも、もっと分かりやすい書き方があるかもしれないし、気づいていない問題があるかもしれません。 そんなときに便利なのが、ChatGPTなどのAIを使ったコ... 続きをみる
-
AI時代ほど基礎知識が重要になる理由
最近は、ChatGPTやGitHub CopilotなどのAIを使えば、プログラミングのコードをかなり簡単に生成できるようになりました。 「作りたいもの」を文章で伝えるだけで、HTMLやCSS、Javascript、PHPなどのコードを一瞬で書いてくれます。 実際、僕自身もAIを使うことで、以前より... 続きをみる
-
AIを使っても最終的な責任は開発者にある
最近は、Web制作やプログラミングでもAIを使うことがかなり増えました。 僕自身も、コードを書いてもらったり、エラーの原因を調べてもらったり、実装方法の候補を出してもらったりと、AIを使う場面はかなり多いです。 正直、AIがあるのとないのとでは、開発スピードが全然違います。 以前なら何十分も検索して... 続きをみる
-
「これ何？ 新品のつもりで買ったタイヤがぁ～」
【今日の俳句】：蜘蛛の囲（夏） ・この場所が何故好きなのか 蜘蛛の囲は 【今日の思込】： 新品のつもりで買ったタイヤが、 何年も倉庫で眠っていた在庫品 だったとしたら？ 実際には見た目に問題がなくても、 時間の経過とともにゴムは自然に劣化する。 そこでタイヤの製造年も確認を…
-
青磁の器と静かな午后
こんにちは！前嶋拳人です。 窓辺に差し込む柔らかな光が古い木のテーブルの木目を美しく照らし出す午後のひとときに私たちはどれほど心安らぐ瞬間を見出せているでしょうか。 慌ただしい日常の喧騒から少しだけ離れてお気に入りの青磁の器にたっぷりと淹れたほうじ茶を注ぐとふわりと立ち上る温かな湯気が穏やかな時間の... 続きをみる
-
#
コード
-
ファミペイ タバコ無料！
ファミペイでレシートにタバコのギフトコードがついてました。 ファミペイでQRコードを読み込んで早速無料で交換しました。 ファミマすげぇな！
-
青い陶器のマグと窓辺
こんにちは！前嶋拳人です。 深い青色をしたお気に入りの陶器のマグカップに熱いお湯を注ぐと手のひらからじわりと心地よい温もりが伝わってきます。 職人が一つひとつ手仕事で仕上げた器のわずかな歪みや釉薬の濃淡を見つめているとなぜか機械的な正確さでは決して表現できない人間らしい温かみのようなものを強く感じま... 続きをみる
-
古いレコード盤の溝とコード
こんにちは！前嶋拳人です。 静まり返った部屋で古いレコード盤に針を落としたときに聞こえてくるあの独特のざらりとしたノイズが好きです。 デジタルな音源があふれる現代において物理的な溝をなぞることでしか生まれない温かみのある音色にはどこか人の体温が宿っているような不思議な安心感があります。 私が日々のプ... 続きをみる
-
カラーシミュレーターの仕組みとは
塗装会社や住宅会社のホームページでよく見かける「カラーシミュレーター」。 外壁の色を選ぶと、建物の色がその場で変わり、塗装後のイメージを確認できる機能です。 一見するとかなり複雑なシステムに見えますが、基本的な考え方はそこまで難しくありません。 今回は、Webサイトにあるカラーシミュレーターがどのよ... 続きをみる
-
テンプレートパーツを読み込むメリット｜WordPress制作でファイルを分ける理由
WordPressでオリジナルテーマを作っていると、 「この部分、別ファイルに分ける必要ある？」 と思うことがあります。 たとえば、固定ページを作るときに、 page-about.php の中へすべてのHTMLを書くこともできます。 それでもサイト自体は動きます。 ですが、実際のWordPress制... 続きをみる
-
-
古い洋館の鳴らす調べ
こんにちは！前嶋拳人です。 静まり返った部屋の中で古びた洋館の窓から差し込む夕日を眺めていると私たちはまるで長い物語のなかのひとりの登場人物であるかのような不思議な感覚にとらわれます。新卒として飛び込んだ大手企業という巨大な組織の中でたくさんの仲間と大きなシステムを作り上げていた日々を振り返ると私た... 続きをみる
-
エラーをAIに直してもらうだけでは実力にならない
プログラミング中にエラーが出たとき、AIにコードを貼り付ければ、数秒で修正案を出してくれるようになりました。 エラーメッセージを読まなくても、原因を調べなくても、 「このエラーを直してください」 と入力すれば、動くコードが返ってくることもあります。 非常に便利です。 しかし、AIにエラーを直してもら... 続きをみる
-
エラーが怖くなくなるとプログラミングは一気に楽になる
プログラミングを始めたばかりの頃、画面に赤い文字でエラーが表示されると、不安になる人は多いと思います。 「何か壊してしまったかもしれない」 「自分にはプログラミングの才能がないのでは」 「どこを直せばいいのか全く分からない」 このように感じて、手が止まってしまうこともあります。 しかし、プログラミン... 続きをみる
-
フリーランスエンジニアの選択と日常の軌跡
こんにちは！前嶋拳人です。 大きな組織の中で確実な仕組みを積み上げていく日々から一転して自分の足で立ち上がる決断をしたのはいつの頃だったでしょうか。新卒で飛び込んだ大手での時間はたくさんの学びと貴重な経験を私に授けてくれました。お金の流れる仕組みや巨大な流通を支える基幹のシステムと向き合いながら一つ... 続きをみる
-
WordPress制作を「プログラミング」と呼んでよいのか
WordPressでWebサイトを作っていると、ふと疑問に思うことがあります。 「これはプログラミングと呼んでよいのだろうか」 テーマを使ってサイトを作る。 プラグインを入れて機能を追加する。 管理画面から文章や画像を設定する。 こうした作業だけを見ると、一般的にイメージされる「コードを書いてシステ... 続きをみる
-
黄銅の鳥かごが鳴らす警鐘
こんにちは！前嶋拳人です。 静まり返った部屋の隅に置かれた小さな黄銅の鳥かごを眺めていると、見えない鎖に縛られたような閉塞感と、そこから抜け出そうとする微かな焦燥感が胸の奥で静かに波打つ。そこには本物の鳥の姿はなく、ただ精巧に作られた金属の小さな飾りがぽつんと佇んでいるだけなのだが、私たちは日々の暮... 続きをみる
-
AIが出したコードをそのまま使う危険性
ChatGPTをはじめとした生成AIを使えば、プログラミングのコードを短時間で作れるようになりました。 エラー文を貼り付ければ修正案を出してくれますし、「お問い合わせフォームを作って」「ハンバーガーメニューを実装して」と頼めば、数秒でコードが返ってきます。 非常に便利です。 ただし、AIが出したコー... 続きをみる
-
夕暮れの路地裏とコード
こんにちは！前嶋拳人です。 電柱の影が少しずつ伸びていく夕暮れ時に、私はいつも古い自転車のペダルをこぎながら、誰もいない細い路地裏を抜けて家路を急ぐ。 毎日のようにパソコンに向かい、画面のなかに広がる複雑な仕組みを組み立て直す日々を過ごしていると、現実の世界がどこか手触りのない、頼りないもののように... 続きをみる
-
独学で十分な人と、プログラミングスクールに通うべき人の違い
プログラミングを学び始めるとき、多くの人が悩むのが、 「独学で進めるべきか」 「プログラミングスクールに通うべきか」 という問題です。 インターネット上には無料の教材や動画がたくさんあるため、独学でもプログラミングを学ぶことはできます。 一方で、スクールに通ったことで挫折せずに学習を続けられた人もい... 続きをみる
-
未経験からプログラマーになるのは遅いのか
「今からプログラミングを始めても遅いですか？」 プログラミングに興味を持った人が、一度は考える疑問だと思います。 年齢が気になったり、すでに何年も勉強している人を見て焦ったり、AIの進化を見て「今から始めても仕事がなくなるのでは」と不安になる人もいるでしょう。 結論から言うと、未経験からプログラマー... 続きをみる
-
古い煉瓦を積み上げる夜
こんにちは！前嶋拳人です。 静まり返った部屋の中で、私は目の前にある画面と向き合いながら、ふと幼い頃に夢中で積み木を重ねていた記憶を思い出していました。あの頃は、ただ高く、ただ崩れないようにと必死にブロックを押し込み、思い描いた形になっただけで満足していました。大人になり、エンジニアとして日々のシス... 続きをみる
-
エラーが出たときに最初に確認する5つのこと
プログラミングをしていると、必ずと言っていいほどエラーに遭遇します。 画面が真っ白になる。 コマンドが動かない。 ボタンを押しても反応しない。 保存したはずなのに変更が反映されない。 こうしたとき、焦ってコードを何度も書き換えてしまう人は少なくありません。 しかし、エラー対応で大切なのは、いきなり修... 続きをみる
-
模写コーディングで身につくこと・身につかないこと
プログラミングやWeb制作を学び始めたとき、よくおすすめされる練習方法のひとつが「模写コーディング」です。 既存のWebサイトやデザインカンプを見ながら、HTMLやCSSを使って同じ見た目を再現していく方法です。 模写コーディングは、基礎力を身につけるうえで非常に効果的です。 ただし、模写をたくさん... 続きをみる
-
空に浮かぶ銀色の鍵穴
こんにちは！前嶋拳人です。 フリーランスという道を選んでから、私の生活はまるで地図のない街を歩いているような感覚に包まれています。以前、大きな組織で働いていた頃は、舗装された道路を大型バスで進むような安心感がありました。しかし、今は自分自身で道を選び、歩き方さえも自分で決めていかなければなりません。... 続きをみる
-
SWELLでコードを修正するときに気をつけること
WordPressテーマの「SWELL」で作られたサイトを、コードから修正する機会がありました。 私は普段、オリジナルテーマを作ることが多いため、最初はSWELLも通常のテーマと同じ感覚で編集できると思っていました。 しかし、SWELLには独自の設定やブロック、CSSが多く用意されているため、何も考... 続きをみる
-
Gitを使う意味がようやくわかってきた話
最近、ようやくGitを使う意味が少しずつわかってきました。 正直に言うと、最初はGitに対してあまりピンときていませんでした。 「変更履歴を残せるもの」 「GitHubにコードを上げるもの」 「エンジニアっぽい人が使っているもの」 そのくらいの認識でした。 もちろん、Gitが大事だということは何とな... 続きをみる
-
template-partsを使うと管理しやすくなる理由
WordPressテーマを作っていると、最初は front-page.php や page.php にそのままHTMLを書いていくことが多いです。 最初のうちはそれでも問題ありません。 ただ、セクションが増えてくると、だんだんファイルの中身が長くなってきます。 たとえばトップページに、 ファーストビ... 続きをみる
-
-
ウクレレのレッスン。
こんにちは☺️🍹 こちらの地方は、梅雨☂️に入りました。 空は時折、小雨模様です。 さて、昨日は、ウクレレの月一度のレッスン日 でした。 この日のために、一日、30分程度ではありますが、ほぼ毎日、練習してきました。 ところが、教室に行って、これまでの復習の 演奏を、先生の前で、始めたところ・・ 緊... 続きをみる
-
独自ドメインとは？ホームページ運営で重要な理由をわかりやすく解説
ホームページを作ろうとすると、「独自ドメイン」という言葉を目にすることがあります。 しかし、 「独自ドメインって何？」 「ホームページを作るなら必要なの？」 「無料のホームページサービスではダメなの？」 このような疑問を持つ方も多いのではないでしょうか。 ホームページ制作やWeb集客を行ううえで、独... 続きをみる
-
今からプログラミングを勉強する意味はあるのか
「今さらプログラミングを勉強して意味があるの？」 最近はAIがコードを書いてくれる時代になりました。実際に「もう人間がプログラミングを覚える必要はないのでは？」という声も増えています。 数年前なら、「プログラミングは将来必須スキルになります」と言われていましたが、今は状況が少し変わってきています。 ... 続きをみる
-
プログラミングって結局何をしているの？
「プログラミングを勉強しています」と言うと、なんだか難しいことをしているように聞こえるかもしれません。 コードを書いて、英語や数字が並んでいて、何か特別な知識が必要そうなイメージがありますよね。 ですが、プログラミングがやっていることを超シンプルに言うと、 「コンピューターにやってほしいことを順番に... 続きをみる
-
SassとSCSSの違いとは
Web制作やフロントエンド開発を学び始めると、「Sass」や「SCSS」という言葉をよく目にします。 しかし、ここで多くの人が混乱するのが、 「SassとSCSSって何が違うの？」 「どっちを使えばいいの？」 という点です。 結論から言えば、SCSSの方が現在の主流であり、初心者にも扱いやすい形式で... 続きをみる
-
AIにコードを書かせるときに気をつけるべきこと
AIによるコード生成は、今や多くのエンジニアや学習者にとって日常的なものになりつつあります。 「とりあえずAIに聞けばコードを書いてくれる」 そんな時代だからこそ、使い方を間違えると大きなリスクにも繋がります。 便利だからこそ、正しく使うことが重要です。 今回は、AIにコードを書かせる際に注意すべき... 続きをみる
-
これから生き残るエンジニアはどんなエンジニア？
「AIがコードを書く時代になったら、エンジニアはいらなくなる。」 ここ数年、この言葉を何度も見かけるようになりました。 実際、AIはかなりの速度で進化しています。 簡単なLP制作、CRUDアプリ、コード補完、バグ修正、デザイン生成。 数年前まで「人間にしかできない」と思われていたことが、今ではAIで... 続きをみる
-
AIを使ってデザインとコーディングはどこまでできるのか
近年、AIの進化によってWeb制作やデザイン、コーディングの現場は大きく変わりつつあります。 「AIがあればデザイナーやエンジニアはいらなくなるのでは？」 そんな声もありますが、実際にはAIには得意なことと苦手なことがあります。 今回は、AIを使ってデザインとコーディングがどこまで可能なのか、現実的... 続きをみる
-
SwiftUIとは何か
SwiftUIとは、Appleが提供しているUI（ユーザーインターフェース）構築のためのフレームワークです。iPhoneやiPad、Macなどのアプリの見た目や操作部分を、効率的に作るために設計されています。 従来の開発手法と比べて、よりシンプルで直感的にUIを構築できるのが特徴です。 SwiftU... 続きをみる
-
人にコードを引き継ぐ時に気をつけるべきこと
開発現場では、プロジェクトの途中で担当者が変わることは珍しくありません。そのときに発生するのが「コードの引き継ぎ」です。しかし、ここを軽視すると、後任者の生産性を大きく下げたり、最悪の場合はプロジェクト全体の品質低下につながります。 この記事では、コードを引き継ぐ際に必ず意識すべきポイントを整理しま... 続きをみる
-
JavaScriptが動かない時のチェックリスト
Javascriptが動かないとき、多くの人は「コードが間違っているのでは？」と考えがちです。 しかし実際には、コード以外の要因で止まっているケースが非常に多いです。 ここでは、現場で本当に使えるチェックリストを整理します。 1. コンソールエラーを確認しているか まず最初にやるべきはこれです。 ブ... 続きをみる
-
AIでWebデザインはどこまでできるのか
ここ数年で、AIは一気に「使えるツール」から「制作の一部を担う存在」へと変わりました。 では実際に、WebデザインにおいてAIはどこまでできるのでしょうか。結論から言うと、「かなりの部分はできるが、すべては任せられない」です。 その理由を、工程ごとに分解して整理します。 ① アイデア出し・コンセプト... 続きをみる
-
-
「TypeScriptいらない論」は本当か？
最近、エンジニア界隈でじわじわ議論になっているのが 「Typescriptはもういらないのでは？」という話です。 一見すると逆行しているように見えますが、 この議論は意外と本質を突いています。 結論から言うと、 Typescriptは不要にはなりませんが、「使い方を間違えると無駄になる」時代に入って... 続きをみる
-
「AIエージェント時代」にエンジニアは何をすべきか
2026年、エンジニア界隈で最も話題になっているキーワードの1つが 「AIエージェント」です。 これは単なるトレンドではなく、開発の前提そのものを変えつつあります。 従来のAIは「指示されたことをやるツール」でしたが、 AIエージェントは違います。 目的を渡せば、自分で考え、計画し、実行する存在です... 続きをみる
-
バイブコーディングのメリット・デメリットとは
近年、「バイブコーディング」という言葉が一部の開発者の間で使われるようになってきました。明確な定義があるわけではありませんが、一般的には厳密な設計やルールよりも、感覚・ノリ・流れ（＝バイブ）を重視してコードを書くスタイルを指すことが多いです。 「とりあえず動くものを作る」「細かいことは後回し」「気持... 続きをみる
-
#ffffffと#fffはどっちを書くべきか
CSSで色を指定するとき、白なら #ffffff と #fff の2つの書き方があります。 結論から言うと、「基本は #fff でいい」です。 ただし、なんとなく短いからという理由だけで選ぶのは危険です。 ちゃんと仕組みと使い分けを理解しておくべきです。 そもそも何が違うのか この2つは完全に同じ色... 続きをみる
-
<body <?php body_class(); ?>> の意味と役割
WordPressでテーマを作るとき、ほぼ必ずと言っていいほど出てくるのがこの記述です。 <body <?php body_class(); ?>> 見た目はシンプルですが、ここにはテーマ開発において重要な役割があります。 これは何をしているのか body_class() は、現在のページの状態に応... 続きをみる
-
Figmaの「Demibold（デミボールド）」スタイルとは？
Figmaでフォントを選択していると、スタイルの中に「Demibold」という表記が出てくることがあります。 これはフォントの太さ（ウェイト）を表すスタイル名の一つです。 Demiboldの意味 Demiboldは、日本語では「やや太字」という意味です。 通常のフォントは、太さがいくつかの段階に分か... 続きをみる
-
今主流のレスポンシブフォントサイズの書き方
Webサイト制作では、画面サイズに応じて文字サイズを調整する「レスポンシブフォントサイズ」が重要です。スマートフォン・タブレット・PCなど、さまざまな画面幅でも読みやすさを保つためです。 以前はメディアクエリを使って画面幅ごとにフォントサイズを変更する方法が主流でした。しかし現在は、CSSの cla... 続きをみる
-
SEO対策とブログ投稿の関係
Webサイトを運営していると、「SEO対策のためにブログを書いた方がいい」という話をよく聞くと思います。しかし、なぜブログを書くことがSEOに効果的なのかを正しく理解している人は意外と多くありません。ここでは、SEO対策とブログ投稿の関係について解説します。 検索エンジンは「情報量」を評価する Go... 続きをみる
-
AIに書いてもらったコードを自分で確かめる理由
AIがコードを書いてくれる時代になり、開発のスピードは確実に上がりました。エラーの原因を調べたり、実装のヒントをもらったり、ゼロからのコード生成も簡単にできるようになっています。 しかし、だからこそ重要になるのが「AIが書いたコードを自分で確かめる」という姿勢です。ただ動けばいい、コピペして終わり、... 続きをみる
-
CodePenについて
Web制作やフロントエンド開発をしていると、「ちょっとしたコードを試したい」「動きをすぐ確認したい」と思う場面がよくあります。そんなときに非常に便利なのが CodePen です。本記事では、CodePenとは何か、どんなことができるのか、そしてどんな場面で活用できるのかを整理します。 CodePen... 続きをみる
-
-
今人気のAIツールまとめ
それぞれ「何ができるのか」を簡単に紹介 AIツールはここ1〜2年で一気に増え、「何ができるのか分からない」「違いが分からない」という声も多くなっています。 ここでは、今特に人気のあるAIをジャンル別に整理しながら、「そのAIで何ができるのか」を簡単に紹介します。 汎用AI・チャット型AI ChatG... 続きをみる
-
リンター（Linter）とフォーマッター（Formatter）とは？
プログラミングをしていると、コードは「動けばOK」ではなく、読みやすさや保守のしやすさもすごく大事になってきます。 そこで活躍するのが リンター（Linter） と フォーマッター（Formatter） です。 どちらもコードを整えるためのツールですが、役割はハッキリ違います。 この記事では、その違... 続きをみる
-
テスト駆動開発（TDD）とは？
テスト駆動開発（TDD：Test Driven Development）とは、プログラムを作るときに「先にテストを書いてから実装する」という開発スタイルのことです。 普通は「コードを書いて動かしてみる → うまくいかなければ直す」という順番になりがちですが、TDDでは順番が逆になります。 最初に「こ... 続きをみる
-
アイロンとアイロン台
その昔、私はアイロンがけが上手な主婦に憧れていました。 男の人が着ているワイシャツの襟やカフスに ピンとアイロンがかけられているのを見ると、奥様は『アイロンがけ上手＝良妻』と勝手に妄想を膨らませたものです。 今考えれば、それはクリーニングに出されていたのかもしれませんが💦 その頃、夫の出勤スタイル... 続きをみる
-
マジックナンバーとは
プログラミングにおける「マジックナンバー」とは、意味や意図が分からないまま、コード中に直接書かれている数値のことを指します。 一見すると問題なく動作するものの、後からコードを読む人にとって理解しづらく、保守性を下げる原因になりやすい存在です。 マジックナンバーは、初心者から中級者へ進む過程で必ず一度... 続きをみる
-
今流行りの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ページ上で実行されてしまう脆弱性のことを指します。攻撃者はこの仕組みを利用して、ユーザーに気づかれないまま情... 続きをみる
-
-
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年の夏、我が家に神々しい光が降りました。その光は、ルンバという名前を持ち、我々の日常を神話へと変える存在でした。最初はただの機械だと思っていたが、その誤解はすぐに驚きに変わりました。 愛らしいルンバの試練 ルンバは我が家の天使、しかし、この天使には小さな挑戦がありまし... 続きをみる
-
Rubyで学ぶオブジェクト指向の基本
Rubyで学ぶオブジェクト指向の基本 オブジェクト指向とは何か オブジェクト指向とは、プログラムを「モノ（オブジェクト）」として捉え、そのモノ同士がメッセージを送り合うことで処理を進める考え方でございます。Rubyはオブジェクト指向を中心に設計された言語であり、数値や文字列といった基本的な要素まで含... 続きをみる
-
駆け出しの頃に大変だったこと
駆け出しのWebエンジニアとして、HTML、CSS、Javascript、PHPの学習に専念していた最初の段階では、それぞれの言語が持つ特有の難しさに直面し、しばしば挫折を感じることがありました。 まず、HTMLとCSSは比較的直感的に理解できましたが、細かなレイアウト調整やレスポンシブデザインの実... 続きをみる
-
#
短編小説
-
#
音楽教室 ボイストレーニング
-
歌うときは地声？裏声？レッスンでよくある質問
-
先生によって、生徒の評価は違う｜声楽の先生の選び方
-
風邪をひいたら歌わない！｜歌の練習を休む勇気
-
初心者も経験者も学べる、大人のコーラス｜上大岡
-
みんなで歌うと、ハーモニーが変わる！｜上大岡の大人のコーラス
-
上大岡の大人のコーラス｜体験レッスン・ご入会が続いています
-
歌の問題は解決した。でも、私の気持ちは？｜声楽レッスンで解決するもの
-
合唱でやる気起きないとき、何したらいい？｜私がやっている対処法
-
10月になりました｜今年の本番、もう少しだけ考えよう
-
レベルを落とす勇気、1回なにかを捨てて歌ってみる
-
響きが違う、緊張する｜本番で焦らないために大切な「準備」の話
-
えがおまつりに参加しました｜新しい出会いと一緒に演奏する楽しさ
-
レッスンのご感想｜こんなのはじめて！｜歌のご経験者の方より
-
本番前の体調管理｜練習も運動も「ちょっとだけ」減らす
-
えがおまつり出演に向けて｜明日は最終練習です
-
