BASIC/ASM/C/COBOL/HTML/java/perl/php/VB/VC/javaScript/cssと数多く書いてきた歴４８年だが、趣味でチャッピーと対話式でComfyUIのトラブル調査してる最中「えっ!?もしかしてPythonはインデントで構造を判断するの？」って聞いたら「はい、そうです」と言われて『えっ!?』って声が出た（イマサラ感

【動画公開】 公式YouTubeチャンネル「さくらのデジタルインフラ学校」にてショート動画を公開しました🌸 今回は「プログラミング言語が自己紹介してみた🎤」。 C言語やJavaScriptが擬人化して、自己紹介したら・・・！？ ぜひ、ご覧ください✨ チャンネル登録・動画への高評価、お待ちしております♪

明日お昼12:00からは、『TypeScriptコードレシピ集』の出版記念イベントです💐 書籍を買おうか迷っている人、すでに買ってくださった人、最新のTypeScriptやJavaScriptを学びたい人は、ぜひご参加ください🚀 TypeScript 7の話もあるよ😍 #TS_findy# #TypeScriptコードレシピ集#

ご清聴ありがとうございました！ 質疑応答が一番楽しかったです。一緒にJavaScript・TypeScriptを楽しく学びましょう🚀 #TypeScriptコードレシピ集#

TypeScriptを学習するときの最初のハードルは環境構築ですよね？🥲 『TypeScriptコードレシピ集』のイチオシ工夫として、700を超えるサンプルファイルに「クリックだけ実行できるリンク」を仕込みました💐Microsoft純正のTS Playgroundがブラウザで立ち上がり、JavaScriptの実行、TypeScriptの型チェックができます。まずはTypeScriptコードを書く楽しさ、実行する楽しさを感じた後に、じっくり環境構築を学びましょう。 プレイグラウンドリンク、全書籍で流行ってほしい〜🚀 #TypeScriptコードレシピ集#

# Cursorの機能と実践的な使い方 🌐 「画面を見ながら直してほしい」を、AIエージェントがそのまま実行できます。CursorのBrowserツールは、エージェントにブラウザの操作権を渡し、E2Eテストからデザイン→コードまでを一気通貫でこなします。 🏷️ タイトル: ブラウザ操作 🔗 URL: 📘 概要 Browserツールは、CursorのエージェントがIDE内のブラウザを直接操作できるようにする機能です。URLの移動、クリック、フォーム入力、スクリーンショット取得、コンソールログやネットワーク通信の確認までをエージェント自身が行えます。視覚的な確認とコード修正を同じループの中で回せるのが特徴です。 ⚙️ 機能の説明 ブラウザはMCPサーバー拡張で制御される安全なWebビューとして動作し、エージェントは次のような操作ができます。 ・ナビゲーション: URLへ移動、リンク追跡、履歴の前後移動、リロード ・操作: クリック、ダブルクリック、右クリック、ホバー、フォーム入力と送信 ・視覚確認: スクリーンショットを画像として取得し、レイアウトやUIを目で確認 ・デバッグ: JavaScriptコンソールのログ・エラー、ネットワーク通信を参照 ログはファイルに書き出され、エージェントは関連する行だけを選んで読むため、出力が膨大でも効率的に扱えます。また開発サーバーの自動検出により、サーバーの二重起動を防ぎます。認証Cookieやlocalstorage、sessionStorage、IndexedDBは同一ワークスペース内のセッションをまたいで保持されるため、ログイン状態を維持したまま検証を続けられます。 🛠️ 実践的な使い方 デザインサイドバーを使うと、デザインとコーディングを同時に進められます。要素の配置やflex方向、整列、グリッド、幅・高さ・padding・margin、色やグラデーション、影、不透明度、角丸などをスライダーで視覚的に調整できます。意図どおりの見た目になったら `Apply` を押すと、エージェントが視覚的な変更を適切なコード変更へ翻訳します。複数要素を選択してホットリロードでまとめて反映することも可能です。実行の安全性は承認モードで制御でき、`手動承認`（推奨）、`許可リスト方式`、`自動実行`から選べます。 💡 ユースケース ・E2Eテスト: テストデータでフォームを埋め、エラーメッセージを検証し、スクリーンショットを撮ってビジュアルリグレッションを確認 ・デザイン→コード: Figmaやモックを取り込み、ピクセル単位でHTML/CSSへ変換 ・アクセシビリティ監査: コントラスト比、セマンティックHTML、ARIAラベル、キーボード操作などWCAG観点でチェック ⚠️ 注意点 オリジン許可リストは「ベストエフォートの保護」に過ぎず、許可ドメインからのリンク遷移やクライアントサイドのリダイレクトで許可外オリジンに到達する場合があります。ユーザー自身の手動ナビゲーションは許可リストの制限を回避します。信頼できないコードに対して `自動実行` を使うのは避け、許可リスト設定は定期的に見直してください。 #Cursor# #AIコーディング#

エージェントの共通言語「MCP」を、基礎からハンズオンで学べる公式カリキュラムが登場しました📚 しかも6言語対応です。 タイトル: microsoft/mcp-for-beginners URL: 📚 概要 Model Context Protocol（MCP）を、実践的かつハンズオンで教えるMicrosoft公式のオープンソース教育カリキュラムです。MCPは、AIモデルとクライアントアプリのやり取りを標準化する「ユニバーサルな翻訳機」と位置づけられています。 ❓ 解決する課題 MCPは、AIシステムとさまざまなツール・サービスの通信を標準化する最先端のフレームワークです。 ・しかし新しいプロトコルゆえ、体系立った入門教材が不足していました ・基礎からセキュリティ、実装、応用まで段階的に学べる土台が求められていました 💡 内容と構成 4フェーズ・11モジュールで構成されています。 ・基礎フェーズ（0〜2）：導入、コア概念、セキュリティ ・構築フェーズ（3）：15の実践ガイドで最初の実装を作る ・成長フェーズ（4〜5）：高度な概念と実世界での応用 ・習熟フェーズ（6〜11）：コミュニティ貢献と専門トピック、13ラボの総まとめ コードサンプルはC#・Java・JavaScript・Python・TypeScript・Rustの6言語で、電卓の例からDB統合の高度な実装まで段階的に進みます。# 🌍 ユースケース / 対象読者 いずれかの対応言語で基本的なプログラミング知識があり、クライアント・サーバーモデルやREST APIを理解している開発者向けです。AI/MLの背景は任意。MCPを業務に取り入れたい人の信頼できる出発点になります。 #MCP# #AIエージェント#