技術Tips

AI 駆動開発（バイブコーディング - Vibe Coding）の実務フロー完全ガイド。要件定義→設計→実装→レビュー→リリースの全工程で AI をどう使い分けるか、チーム開発での運用、個人開発との違いを実際に経験したので現役 PM が解説。

AIが書いたコードを鵜呑みにせず最適に評価・破壊・修復するための 5 つの実務手法。ハルシネーション検出・破壊的テスト・5 段階レビュー・修復パターン・ADR 記録といったAI 共生型エンジニアのスキルの核心を紹介。

2026年5月13日、GoogleのSpaceX提携・Android 17エージェント化・GMのAIシフトが同日に動いた。3つのニュースについてと、エンジニアや個人開発者への影響を解説します。

プログラミングの学習において成功するためには、効果的な勉強法を理解することが不可欠です。 この章では、特に初心者が押さえるべきポイント、独学のメリットとデメリット、そして基本的な学習ステップに焦点を当てます。 初めてプログラミングに取り組...

大学生にとってプログラミングは未知の領域かもしれません。 今まで学んできた数学、経済学などとは全く違う、何もかもが初めての世界です。 ですが、プログラミングができるようになると「将来エンジニアになれる」以外にも、「論理的思考力がつく」「世の...

テレビや新聞でよく目にするようになった「ビックデータ」。直訳すれば「おっきい情報」ですがそれでもどゆこと？だと思います。 今回は、なんかちょくちょく出てくるビックデータって結局なんなのか、なぜそんなみんな使いたがるのかなどを解説できればなと思います。「ビッグデータ」とは、 人間では全体を把握することが困難な巨大なデータ群のことです。 もっと身近に考えると、パソコンやスマホなどあらゆるデバイスから得られる膨大な情報のことです。情報通信技術が発達したことで今まで収集・蓄積ができない・困難だったものが簡単にできるようになった。そこで得られるようになった多種多様なデータの集まりが「ビックデータ」となります。 例えば、一昔前では会員登録時に入力した"性別"や"年齢"ぐらいしかデータとして得られなかったが、最近ではそれに加えて、"行動情報"、"書き込み履歴"、"音や動画"、"位置情報"...etcなどなどあらゆる情報が収集でき、統計・解析できるようになりました。ありとあらゆる膨大な情報がビックデータとして取り扱うことができると解説しました。ではそのビックデータは何に使うのか？を大まかに解説します。 ぶっちゃけて言うと"何にでも使える"です。どういうことかというと？ 先ほど、ビックデータの中で「行動情報」がありました。人の行動パターンを分析してサービスを最適化することができます。 例えば、ショップの「来店時間」と「客の行動情報」を分析し、「●時頃では■の場所に人が集まりやすい。そこに売りたい商品▲を配置し売上UP」みたいに売上改善策を出すことができます。 なのでビックデータは、困ったことに関して"いろんな情報をかき集めてパターン化・分析"し解決の道を探し出す、

2023年に行われたイーロン・マスク氏のX(旧Twitter)改革の一部で、XのAPI制限、つまりXにかかる負荷を軽くするためにツイートやフォローなどの機能を制限する措置をしました。その制限を超えると、「API呼び出しの回数制限を超えました...

前回の記事では、YouTubeの動画詳細ページを作りました。 ・tileの使い方 ・各構造の見方 この部分を重点的に解説しました。今回はYouTubeのチャンネルページ(https://www.youtube.com/channel/●●...

前回の記事では、YouTubeのトップページを作りました。 といっても、 ・ヘッダー ・サイドメニュー ・トップページのメイン部分 と、全体で共通する部分を作りました。今回はYouTubeの動画のページ(https://www.youtub...

今回はYouTubeのよく見るトップページを、Nuxt3で実装してみました。 この記事を見れば、 ・Webサイトのページがどんなふうにできるのか ・Htmlから作るのとNuxtでやる時の違い ・10分で１ページできてしまうぐらいのNuxt ...

よくTikTokやYouTubeなどで「ピッタしに止めるとえっ●な画像が見える」やつとか「絵がゆっくり動いてるようなやつ」をみる方も多いんではないでしょうか？あとはTwitterの広告で出てくる「オ●恋(Otakoi)→美女とデブなおっさん...

コンポーネントとは、いわゆる「部品」です。ちょっと難しく言うと「独立した、再利用可能な部品」のことです。 例えば、プログラミングから離れますが「ハンコ」をイメージしてください。自分の名前が入ったハンコです。署名のとき、毎回手書きでサインする...

前回は、お問合せフォームを作りましたね。よくある、お名前や生年月日、自由記述欄があって、それを送信する、みたいなやつですね。 でも、今までのはただの1ページだけのものなんですよね。普通のWebサイトって、Topページの他にもプロフィールやa...

前回は、軽くNuxt(Vue)について解説しました。簡単に電卓を作ってVueの仕組みについて解説しました。 なので今回はちょっと応用して、1ページ完結の"簡単なWebアプリ"を作っていきましょう！今回作るもの１つ目は、「お問合せフォーム」で...

#2では、サイト立ち上げから1ページの編集までやりました。index.vueを編集すれば、自分好みのWebサイト・アプリが作れるまでいきました！ ですがそもそも「Vue」ってなんだ？ フロントの処理ってどうやるんだ？って方が多いかなと思いま...

CSSというと蕁麻疹が出る方は結構いるのではないでしょうか？僕もその一人です。 思ったような見た目にならなかったり、ちゃんと書いてるはずなのに表示が変になったり。思い通りにならないってところがCSSの難しいところですよね。 「書いたのに反映...

#1では、Nuxt3をインストールして実際にWebサイトを立ち上げるところまでやりました。お絵描きでいうところの「画用紙を買ってきた」状態ですね。笑 なので今回はこのサイトに肉付けして"なんか実際にありそうな"Webページを一つ作っていきま...

Webサイトを作成する、となると真っ先の思い浮かぶのはHTML,CSS,jsが一番に思い浮かぶと思います。「まず、!DOCTYPE htmlして、headとbodyの中身作ったらcssファイルつくって更新して、その後htmlファイルをリロー...