rara

[rara @rarala_web]

ピクセルパーフェクトすらAIでできるなんて感激です

[こう@コーディング一本で生活してます @Kou_bangkok]

🎁無料プレゼント企画🎁

コードの9割をAIに書かせて、
3ページ分のWebサイトを仕上げる方法。

『9割自動化
AIエージェント完全マニュアル』

━━━━━━━━━━━━━
▌ 動画で公開する全内容
━━━━━━━━━━━━━

▶ 3ページ分のWebサイトを"9割AIに任せて"仕上げる
実案件レベルのAIコーディング全手順

▶ AIの出力精度が天と地ほど変わる、
Figmaカンプ準備の「正しい型」

▶ 時給5,000円の壁を突破し10,000円超に到達した
9割AIに任せる実務フロー

▶ 初回出力"7〜8割止まり"を9割まで詰める、
AIへの修正指示の精度設計

▶ 非公開の自作AIエージェントの使い方

▶ Figmaから画像を1枚ずつ落とす手作業もゼロ、
必要な画像はAIエージェントが全自動で書き出す仕組み

▶ ピクセルパーフェクト仕上げを90%まで自動化する
Skills機能の仕組み

▶「書けなくていい。でも読めないといけない」
AI時代のコーダーに残る"唯一の武器"

━━━━━━━━━━━━━
▌ 動画と合わせて、もうひとつ
━━━━━━━━━━━━━

それがこちらです。

『魔法のプロンプト』

たった一文。
コピペでそのまま使えて、
Claude CodeでもCursorでも、
どんなAIに添えても効きます。

これを入れたAIは、
「言われた通りに直す」モードから、

「なぜそのズレが起きたのかを自分で考え、根本から直す」モードに切り替わる。

同じ修正指示でも、
この一文があるかないかで、出力は別物になります。

━━━━━━━━━━━━━
▌ いま現場で起きていること
━━━━━━━━━━━━━

コーダーの世界は、すでに二つに分かれ始めています。

■ AIに9割任せている側

・コーディングの9割をAIが回している
・「書く作業」は消え、「指示と判断」だけが仕事になる
・同じ時間で2〜3倍の案件を捌ける
・納品は前倒し、クライアントの信頼が積み上がる
・労働時間はむしろ減り、収入は増えている
・時給が"手の速度"という物理的上限から解放されている

■ 自分の手で書き続けている側

・相変わらず手でコードを書いている
・作業量が増えても、時給は頭打ちのまま
・AIを触るたびに「使えない」で終わり、結局手書きに戻る
・周りがAIで3〜5倍速になる中、
同じ単価で同じ時間を切り売りし続ける
・1年後、AI活用組に案件を静かに奪われていく

両者の距離は、毎月少しずつ広がっています。

コードを書く力そのものが価値だった時代は、
すでに終わりに向かっています。

これからは、AIに的確に指示を出せる人のところに、
仕事も単価もすべて集まります。

━━━━━━━━━━━━━
▌ 動画の受け取り方
━━━━━━━━━━━━━

① いいね＆フォロー（@Kou_bangkok）
② プロフのLINEから動画を受け取る

[rara @rarala_web]

右腕が欲しいぃぃぃ
指になってくれる人は何人かいるけど、時間と技術両方が必要条件に達している人がなかなかいない…

[rara @rarala_web]

MENTAのスマホアプリでのメッセージ表記が崩れてるのは気づいているのだろうか

気づいていたとしても気づいてなかったとしてもどちらも問題あるが、アプリチームは早急にブラウザでの表記との差分を確認した方が良い

個人的に困ってるのは引用表記の違い

#MENTA

[rara @rarala_web]

あー言わないで笑
僕のメンティーさんのみで超クローズコミュニティでやってる手法

まだ規模小さいので月20万はまだいってないけど、月5万なら約1/3、初案件は半分以上が達成してる

結局、本気でサポートするならこの方法に行き着くはずなんだよね

[タカ@フリーランスエンジニア @takahhs]

「Web制作で月20万円くらいは誰でも稼げる！」

と口先だけ一丁前なインフルエンサーが多いから、僕のコンサル受講者だけが参加できる案件じゃぶじゃぶコミュニティを作ってコンサル完走したら営業できなくても、そこの制作下請けだけで月20万円くらい稼げる場所を作っていこうと思ってる

[rara @rarala_web]

営業力と勇気は見習うべき所！

[rara @rarala_web]

模写の勘違いしている人いると思うんだけど

「模写用」のサイトを模写するのは効果薄い
デザイン素敵でもコーディング簡単なものが多い印象

模写する時は「実際」のサイトをするべし

レベルにあったサイトを選定できれば
飛躍的に向上するよ！

#駆け出しエンジニアと繋がりたい
#Progate

[rara @rarala_web]

案件レベルになるには特別なロードマップがある訳ではなく
ごく普通のロードマップでも全然力はつく

✔︎ 動画学習でのインプット
✔︎ 模写によるアウトプット

僕も指導する時は基本これだけ

ただ模写のアウトプットをどうやるかで成否が分かれる

#駆け出しエンジニアと繋がりたい
#Progate

[rara @rarala_web]

「検索時は not working」

検索のちょっと上級向けテク

検索時になかなか情報がない場合がある

そんな時は英語で検索

動かない→not workingに変換

例えば

「scss mixin not working」

とするとmixinで動かない記事がヒット

ただし英語オンリーw

#駆け出しエンジニアと繋がりたい
#Progate

[rara @rarala_web]

1億%同意！
ディレクターが優秀だとエンジニアは本当に集中して自分の業務に取り組める

逆だとエンジニアが舵取りする場面増えて全然捗らない！

だから、仕事効率悪かったり修正依頼多いのはエンドユーザーでなくディレクターが原因のことがよくある

#駆け出しエンジニアと繋がりたい

[rara @rarala_web]

ついに！待ち望んでいたぞ！
これで実務も耐えうるか？とりあえず趣味サイトで使ってみよう！

https://t.co/LunZyT5pHx

[rara @rarala_web]

@kohki0902 応援してます！

スクール行かなくても模写だけでも充分実務レベルまでいけますよ💪

困ったらいつでもご相談ください！笑

[rara @rarala_web]

スクール通うのはどっちでも良いけど、自走する訓練はしてないとすぐに積む

厳しいようだけど、本気でこの世界に入るなら自分で答えを考える割合の方が圧倒的に多いからね

自走っていうのは自力他力問わず答えを実装できる力ね、だから質問してもOK

#駆け出しエンジニアと繋がりたい

[rara @rarala_web]

Progate(に限らず学習全般に言えるが)を挫折しない誰でもできる方法はこれ！

✅Progateは開きっぱなし
✅1分だけ操作(マイページ閲覧でもOK)

最初のハードルを限りなく低くするのが肝

・PCつける
・1時間やる

がハードルならそこをうんと下げてあげる

#駆け出しエンジニアと繋がりたい
#Progate

[rara @rarala_web]

これ意外かもしれないですが
メンタの立場になってもメンタしてくれる人は必要です

というかメンタいない人は正直信用ならない

常に謙虚に学習者という立場は持っておきたいものです

#プログラミング初心者
#駆け出しエンジニアと繋がりたい
#Progate

[rara @rarala_web]

「Progate、ドットインストールは1ヶ月で終わらすべし」

答えのあるインプット学習をいつまでもしてても実務ができるようになる訳ではない

短期集中でざっくり頭に入れる
その後はアウトプット中心でどんどん実装経験を貯めていく

#プログラミング初心者
#駆け出しエンジニアと繋がりたい
#Progate

[rara @rarala_web]

「Progate後の模写はアニメーション無視！」

模写で大事なのはスモールステップ
全部のせにすると挫折する
まずは

・PCのみ
・アニメーション無視

で🆗

その後
・scss, BEM
・アニメーション
・レスポンシブ

などを徐々に追加

#プログラミング初心者
#駆け出しエンジニアと繋がりたい
#Progate

[rara @rarala_web]

「Progate後に即案件は不安、お薦めはお手伝い」

Progate後は即案件がベスト
だが技術的に不安

お薦めは
先輩フリーランスの元で手伝い

自分主導でやるのが大事
当事者意識ないと効果薄

先輩に納期が長く簡単な案件ないか相談だ

#プログラミング初心者
#駆け出しエンジニアと繋がりたい
#Progate

[🍪🍺 @cookieandbeer]

なつかしい

元々カバー範囲の広さ異常だったけど、最近仮想通貨入門だったかが増えてるのを見てマジかーと思った記憶がｗ

[rara @rarala_web]

progate後は即実践が何故良いか❔
→ググリ力(調べる力)をつける為

プログラマの主な作業は
実装方法を

✔︎考える
✔︎見つけてくる

特に初学者は後者が中心

答えのない実践形式だと調べざるを得ないので勝手にググリ力が鍛えられていく

#プログラミング初心者
#駆け出しエンジニアと繋がりたい

[rara @rarala_web]

「Progate後は模写」

progate後は何を始めるのが良いか
大半の人は即案件は難しいだろうから

「模写」がオススメ

大事なのは
・レベルにあった対象サイト
・完了後のフィードバック

特にフィードバック有無は成長率が段違い

#プログラミング初心者
#駆け出しエンジニアと繋がりたい
#progate