しゅーた@AI×フロントエンド

実務にAIをどうフロントエンドに活かすか発信中！ブロガー・YouTube登録者数1,000人|プログラミングの解説してます！あとアルバイト！

[しゅーた@AI×フロントエンド @chibasyuta]

◾️2026年の目標と行動計画です！

https://t.co/NBQpasRWlu

・勉強！数学英語化学物理
・サブスク！(プログラミング)
・旅行系YouTube

でいきます！

[しゅーた@AI×フロントエンド @chibasyuta]

数学Ⅲのfocus gold入るで

[しゅーた@AI×フロントエンド @chibasyuta]

ありがとうございます！

[しゅーた@AI×フロントエンド @chibasyuta]

Cloudflareの

npx wrangler secret put CLERK_SECRET_KEY

がめっちゃいい

[しゅーた@AI×フロントエンド @chibasyuta]

Gemma4のダウンロードにめっちゃ時間かかっている

あれ9.6Gってそんな数10分もかかるっけ？

まあ、おそらくダウンロードしても、おれのノートPCのスペックだと、CPU100%で動かすことになるので、claude codeは使うことができないだろうが、一応使ってみる

[しゅーた@AI×フロントエンド @chibasyuta]

やっぱollamaの無料枠でOSSのモデルをクラウドで動かすと無料でいいけどリミットがすぐくるな

そりゃclaude100ドルのMaxプランで止まりなくっている僕からすると無料で使い倒すのは無理があったか

あとは、ノートPCにグラボ積んでローカルで動かしてみる、というのが残っているな

[しゅーた@AI×フロントエンド @chibasyuta]

お疲れ様です！

[しゅーた@AI×フロントエンド @chibasyuta]

リサーチ回しすぎて、すぐいくのはあるけど、

ちまちま使ってても制限がきそう

[しゅーた@AI×フロントエンド @chibasyuta]

週間の使用量が２倍になったらしいが、ぜんぜん体感できません！まだなのかな？claude

200ドルプランを検討ですね

[しゅーた@AI×フロントエンド @chibasyuta]

Claude Code の MCP は、AI が使えるツールを後から追加できる仕組みです。標準では届かない領域に MCP サーバーを足すことで、エージェントの守備範囲が広がります。Anthropic がプロトコルを公開したのは、ここを共通インフラにする意図なのだと感じています。

[しゅーた@AI×フロントエンド @chibasyuta]

Claude Code の hooks は、ツール実行の前後などに任意コマンドを差し込める仕組みです。「編集後に必ず prettier を走らせる」のように、自分が忘れがちな手順を強制できるので、AI 任せにする部分と人がレールを敷く部分を分けやすくなりました。

[しゅーた@AI×フロントエンド @chibasyuta]

昨日、フォーカスゴールドの「平面ベクトル」が終わったので、

今日から「空間ベクトル」です！

そして今「三垂線の定理」を理解しました！

交わる2直線のそれぞれに対して垂直な直線は、その2直線が決定する平面に対して垂直であると言える！

[しゅーた@AI×フロントエンド @chibasyuta]

おWindowsきたw

[Claude @claudeai]

Computer use in Claude Cowork and Claude Code Desktop is now available on Windows.

[しゅーた@AI×フロントエンド @chibasyuta]

MacOS 限定w

[Claude @claudeai]

You can now enable Claude to use your computer to complete tasks.

It opens your apps, navigates your browser, fills in spreadsheets—anything you'd do sitting at your desk.

Research preview in Claude Cowork and Claude Code, macOS only.

[しゅーた@AI×フロントエンド @chibasyuta]

重要なのは

“This reduces risk but doesn't eliminate it. We recommend using it in isolated environments.”

ここの部分だと思うんですよね　🤔

[Claude @claudeai]

Before each tool call, a classifier reviews it for potentially destructive actions. Safe actions proceed automatically. Risky ones get blocked, and Claude takes a different approach.

This reduces risk but doesn't eliminate it. We recommend using it in isolated environments.

[しゅーた@AI×フロントエンド @chibasyuta]

平面ベクトルの練習問題
フォーカスゴールド旧版の

全部やります！！！

2026/03/24

[しゅーた@AI×フロントエンド @chibasyuta]

高度な数学とかアルゴリズムの問題以外は、結局フロントが1番難しい、と感じてます。

なのでバックエンド寄りに進むより、今まで通り、フロント寄りで、しかも皆んなが使えるようにっていう形で進化するのがいいのでは？って思ったりしています！

どうなるんですかね🧐

[了@Lism @ddryo_loos]

自分はこれに関しては全く同意できないなー。
そっち路線を望むならそれこそ「WordPressじゃなくていいじゃん」って話になる気がする。

ただ、現状はまだとても中途半端な状態だと思う。
せっかくサイト全てをブロックでいじれるようになっていて、AIでもサイト全体をいじれるはずだが、その辺の整備が進んでいない。

プログラミングわからない人たちが簡単にAIにもお任せできるし、ノーコードツールとしてその場ですぐ生成物を調整できる。
ブラウザで動いてるからそれがそのまま公開できる。

そういう路線で進化していくべきだと個人的には思っているが、WP Enginとのいざこざで開発が遅れてしまったのが地味に痛い気がする。

[しゅーた@AI×フロントエンド @chibasyuta]

Reactでコンポーネントを作るのも考えたけど、動的な変更が頻発に起こる想定のページ以外は、普通にWordPressのget_template_part()でコンポーネント化してる

[しゅーた@AI×フロントエンド @chibasyuta]

BEMとかFLOCSSとかのCSS設計の知識をあさってAIにどうやって保守しやすいコードを出力してもらうか、を考えている。

あと、Sassのmixinを上手く使って、デザインの統一化とかをなんとか上手くやるっていう感じ

[しゅーた@AI×フロントエンド @chibasyuta]

ヘンリーロディガーさんとカーピキさんの2006年の研究で「想起が長期記憶を強くする」ことが分かっているので思い出すことだけは楽しちゃいけないと思うんですよね🤔

https://t.co/BiuIlRdKw2

[Shin@プログラミングチュートリアル @Shin_Engineer]

Company Contextという概念を持ち出して説明しましたが、別に会社である必要はなくて、人間が保持している記憶情報を全てClaude Codeに預けることができたら面白いだろうなという試みでした。

Claude Codeのコンテキストやその他探索ツールを使えば、記憶や想起が楽になるかなと思いまして。脳内にMCPで接続できたらそれが一番楽なんですけどね。

[しゅーた@AI×フロントエンド @chibasyuta]

■https://t.co/XqSYb6WDvl

これロックかかってるから、Sage Journalsに課金しようかなって思ったけど、他の場所で無料で公開されているみたいですね。ResearchGateとか

探してみるものですね