マイクロソフトのテキストエディタ。 → Visual Studio Code
動画生成の環境を作ろうと思って、まずは ComfyUI を入れることにしました。 ただ、実際にやってみると、最初の山場は ComfyUI そのものではなく Git for Windows でした。この記事では、ComfyUI Desktop を入れる前提を整えて、Get Started 画面まで到達するところまでをまとめます。 最初に結論を書くと、今回の到達点は次の3つです。 開始前の環境を整理する ComfyUI の前提として Git for Windows を入れる ComfyUI Desktop を起動して Get Started 画面まで到達する 要するに今回は、導入準備編です。FFm…
VSCode で、ファイルを SJIS で開きなおす方法を書いていきます。 日本語の表示が文字化けしている場合は、この方法で問題が解消する可能性があります。 1. 画面下の文字コードをクリック ステータスバーのエンコーディングをクリックします。 UTF-8 と表示されている場合が多いと思います。 2. エンコード付きで再度開く 画面上部に「エンコード付きで再度開く」が表示されるので選択します。 3. Shift_JISを選択 文字コードを選択する状態になるので、入力欄で shift などを入力すると候補が絞られます。 Japanese (Shift JIS) を選択すると、ファイルが再度読み込…
はじめに デザインとコードのギャップは、フロントエンド開発でよく直面する課題です。 Figmaで意図どおりのデザインを作っても、実装では「パディングが微妙に違う」「フォントサイズが合わない」「色や余白のルールをどうコードに反映するかわからない」といったズレが起きがちです。 そこで注目したいのが、Figma MCP（Model Context Protocol）サーバーと GitHub Copilot の連携です。FigmaのデザインデータをAIが参照し、デザイン→コード変換を支援します。 本記事では、セットアップから簡単な React コンポーネント生成までの流れを紹介します。 はじめに この…
開発をしていて、今日ほど血の気が引いた日はありません。 VS Codeで作業中、まだGitHubにプッシュしていないのに、操作を誤って古いコミット（過去のバージョン）にチェックアウトしてしまったんです。画面から最新のコードがフッと消えて、数時間前の状態に戻った時のあの絶望感……。 でも安心してください。Gitはそう簡単にデータを消したりしません。 私と同じように青ざめている人のために、今回私が無事に生還した「4つの作戦」をまとめます。 作戦1：最強のショートカット「git switch -」 もし「一つ前の場所」に戻りたいだけなら、これが一番早くて確実です。 git switch - Gitに…
みなさんこんにちは。たかぱい（@takapy0210）です。 今回は、コネヒトを支えるデータ基盤の後編ということで、Dataformの開発環境について晒そうと思います紹介しようと思います。 「ワイのところはこんな感じの環境で開発しているよ！」などあればコメントいただけると大変嬉しいです！ 前回の記事はこちら tech.connehito.com 目次 はじめに 開発環境の課題と解決策 VS Code with Dev Containersによる開発環境 Dockerfileの構成 devcontainer.jsonの設定 Dataform tools拡張機能の活用 コンパイル後のクエリと Dr…
Zennにテック系の記事を投稿しました。 zenn.dev アクセスを見ていると、はてなブログでは正直なところテック系の記事の人気が低いようです。（少なくとも私の記事は）そのため、テック系の記事はZennに投稿するというチャレンジをしてみようと思います。 今のところ、こちらのはてなブログでもこのように通知する予定なので、もしチェックしている方がいたらそのままでも問題ありません。もちろん、テック系の記事に興味があればZennの方でチェックしてもらっても問題ありません。
午前 Geminiと今後の方向性の相談 午後 Pythonの後のTerraform受験に備えて VS CodeにTerraformとgcloudの環境構築。 これがとにかく大変だった。 ５時間以上かかってゲンナリ。 でも、VS Codeの設定は完璧らしいので あとは勉強を頑張るのみ。 ここまで書いて晩御飯を食べて、 一応Copilotにも話を聞いてみたら 他にもおすすめの設定があるとか 言い出すもんだから 結局10時間以上かかずらってしまった。 我ながらよく頑張ったな～
砂漠を渡る旅人は、時に思わぬ道具を拾うことがある。羊皮紙（記事）作成を助ける道具を自ら錬成（開発）しようとしていた私が、Claude Code という既製の神器に出会い、その手間が丸ごと省けてしまった。 VS Code での開発に Claude Code を導入する方法を、Windows 環境でのインストールから日本語設定、Skills の活用まで、手順を追って記録しておく。
はじめに このノートの位置づけについて 私の開発スタイル: コンテナの中で開発する なぜCursorからAntigravityに乗り換えようとしたか DevContainerの設定 発生した問題 なぜCursorでは動くのか 発見したバグの詳細 バグ1: サーバーインストールスクリプトのwget検出不具合 バグ2: 「Attach to Running Container」コマンドの表示条件 バグ3: リモートサーバーのNode.jsパス構築ミス（最も深刻） 問題4: コンテナ再起動後の接続ハング 対処法 バグ1〜3: 拡張機能ファイルの直接編集 バグ1の修正スクリプト バグ2の修正スクリプト…
自分はずっと pip + venv 派だったんですが、ある日「uv、爆速でいいよ」という話を聞いて軽い気持ちで触り始めました。 で、VS Codeと組み合わせた瞬間に事故りました。 uvで .venv は作れている。ターミナルで python --version も合っている。なのに VS Codeの補完が効かない、デバッグも動かない。 「え、uvってまだVS Code非対応なの？」「やっぱりpoetryに戻すべき？」そんなことを本気で考えました。 原因は「uv」じゃなくて、自分の思い込みだった 今までの感覚で、 仮想環境は勝手に認識される Python拡張が全部やってくれる と思い込んでいた…
karaage.hatenadiary.jp
qiita.com
hirata.blog
zenn.dev
coliss.com
ics.media
ics.media
ics.media
ics.media
