以下の内容はhttps://topi-log.hatenablog.jp/entry/2026/02/15/211700より取得しました。


開発環境現状確認2026 - 交換ブログvol.16

「平日夜に予定入れなければ夜に仕事できるから昼間に散歩行けるんじゃね!?」と最近気づきました。
こんばんは、フルリモの民とぴです。最近の悩みは散歩中寒さで体調を崩すことです。どうしようもないね🙃

前回の記事はこちら

sorafujitani.me

今までは自制心のあるタイプが二人と僕という構図だったので、もずますさんがいてくれるのはうれしい(?)

私は自制心があるタイプ側になるらしい。まだ化けの皮は剥がれていないようだ...

向日葵の咲かない夏
有名すぎるので書いてしまうが、いわゆる叙述トリックが使われていて、それに気づいた時には「あっ…はっ!!!」って感じになる。

叙述トリック大好きなので気になってる。読んでみようかな。



2323-code.hatenablog.com

悲劇的なデザイン
どう考えてもこれ勘違いするでしょ!と言いたくなるようなUIによっておきた実際の事例を元に、何が良くなかったか解説しているもの。

最近会社で「テキスト校正チーム」が発足し、その一環でUI/UXの勉強をしているので大変興味深いです。
すげえ勉強になりそう。


あれ?もずますさんは?

次の回はもずますさんだったのですが、DATABASEがDROPしてしまったのでCREATEするために再始動します。

インシデントレベル

次からはEnterを押す前にSQLをちゃんと確認します。

開発環境2026

「ちゃんとどういう投稿か調べてくださいね」と言われたのでちゃんと調べました。

Xの検索結果

Go言語プログラミングエッセンスの著者mattnさんやSQLアンチパターンの翻訳者t-wadaさんのを参考にしつつ、Zennの記事とかも見て書いていきます。

プライベート:ver.Windows

まずはWindows版です。

マシンレベル
OS:Windows 11 Home
ストレージ

  • HDD(Cドライブ):520GB
  • SSD(Dドライブ):1TB
  • SSD(外付け):3TB

メモリ:48GB
プロセッサ:Intel(R) Core(TM) i7-12700
グラボ:GeForce GTX1050Ti

怖いか......グラボの性能が...メモリ48GBも積んでるゲーマーが使うGTXが......
RTX買いたかったんですが高くって、値段下がるの待ってたら半導体がますます高騰してグラボどころかPC買うのも大変な時代になってしまいました。さっさと買っておけばよかった。
ちなみにメモリをたくさん積んだのはゲームやるからというのもありますが、MMDにハマっていたときの名残です。BlenderとPhotoshopとMMDとその他各種ツールを同時に開いておきたくってよぉ。
マシンレベルの話はここまで。開発メインに入っていきます。

内部
OS:Ubuntu-22.04(ごく稀にUbuntu-24.04)
エディタ:VSCode
ターミナル:Warp
シェル:bash
ブラウザ:GoogleChrome
フォント:Hackgen

最近はプライベートのMacbookで開発してるんであんまりこっちでは開発してないんですが、まあこんな感じです。Windowsでの開発に戻ったらWarpはやめる予定。見た目で選んだけど絶妙に使いづらい。本当に絶妙に、ええ。
VSCodeを使ってるのは単純に使いやすさですね。Vimに憧れはあり慣れたい気持ちはありつつ、普段遣いがVSCodeなので結局これ使ってます。
Ubuntuでは基本22.04使ってるんですが、エラーでたときにそもそもの環境が悪い説を確認するときにカスタマイズしていない24.04を使うことがあります。まあ普段は22.04ですね。
ブラウザはChromeで事足ります。ArcとかDiaとかなんかいいものでてるらしいですがChromeで不満ないし他のに変えたところで今と変わらんだろうと思ってるのでそのままです。
元々タブをそんなに使わなかったり、不要になったら消すタイプなのでタブの位置が縦だろうが横だろうが正直なんでもいいです。特にWindowsは常時起動(スリープモードを含む)を前提としていないと思うので、毎日シャットダウンすることからタブがたくさんあるという状況がないのもある。あとタブ増えすぎるとChrome重くなるしね。
昔は結構タブ増えがちだったのですが、ある考えを持つようになってからタブ全く増えなくなったので個人的には良い考えだと思ってます。この話は一番最後に。

プライベート:ver.MacBook

さて、最近プライベートではMacbook使ってます
Windowsの方はWindowsにもUbuntuにもNode.jsのバージョン管理入れてるせいか、なんか競合してバグりやすいんですよね。Node.js使った開発でもDockerを使わないといけない状況なのですが、huskyあたりと相性が悪いのですっごくやりづらい。という余談。

マシンレベル
OS:MacBook PRO
チップ:M4
メモリ:16GB
ストレージ:520GB

もともとは外出用に買ったものです。外出用のWindowsノートPCは別途あったのですが、父にあげたのと8年を経て性能がウフフってなったので埃をかぶってます。(父には別の中古PC買い直しました)

内部など
エディタ:VSCode
ターミナル:Warp -> WezTerm
シェル:zsh
ブラウザ:GoogleChrome
コーディングエージェント:GitHub Copilot / Claude Code
フォント:Hackgen(VSCode) / Guguru Sans Code(WezTerm)

エディタ・ブラウザについては割愛。
ターミナルはWezTermへ移行中です。今ClaudeCodeをWarpで動かしてるのでそれが終わったらWezTermへ完全移行します。WezTermはsoraさんの盆栽(設定)をお借りしてアレンジしていく予定。

業務

副業は講師業と静的HPの運用保守をしてますが、こっちは両方Windowsでやってるのでプライベートと同じです。
なのでこちらは本業の方ですね。

OS:MacBook PRO
チップ:M3
メモリ:24GB
ストレージ:1TB

M3は入社当時の最新のはずなので古いわけじゃないです。プライベートのM4のほうが後に買ったので。
PCはこちらで選べないですが、性能的には余裕なので不満は特にないです。ありがとうメモリ24GB。

内部など
エディタ:VSCode
ターミナル:WezTerm
シェル:zsh
ブラウザ:GoogleChrome
コーディングエージェント:GitHub Copilot
フォント:Hackgen(VSCode) / Guguru Sans Code(WezTerm)

チーム単位でVSCode前提の環境です。もし本格的にVimmerになったら盆栽が大変捗りそうだなって思ってます。
ターミナルはWezTermに完全移行しました。
ブラウザについては会社の規定や開発するプロダクトがだいたいChrome前提なので他のブラウザは使えません。
使えるとしてもSafari / Edge / Firefoxかな?動作確認としてしか使ってないので普段遣いはまずしてないです。
コーディングエージェントは、まだCopilotしか使えないですが色々動いているようなので後押しできるようにキャッチアップしてます。使えるようになっても使いこなせなかったら意味ないからね。

その他

タスク管理:GitHubProject / Notion
スケジュール管理:GoogleCalendar
記事投稿:Zenn / note / ここ
メモ帳:Notion
好きなノベルティ:KINTO Technologiesさんのコースター
好きなブース:GMO Flatt Securityさん

KINTOさんのコースター、めっちゃいい。分厚くてラバー質なので拭きやすい。今までであったコースターで一番好き。
GMO Flatt SecurityさんのブースはTS Kaigi / Go Conference / Kaigi on Railsなどで立ち寄らせていただいたのですが、あのビラを見るとテンションが上がる体になりました。クイズは楽しいし答えはすぐ見れるし解説付きなので嬉しいの3乗。カンファレンスでブース出していると知ったら絶対行く企業さんです。
余談でした。

物理環境

もはやデスク環境だろうなこれ。

共通
メインモニター:LG モニター34インチ/21:9 ウルトラワイド(2560×1080)
キーボード:WOBKEY Rainy 75
デスク:サンワダイレクト スタンディングデスク
冬:カップウォーマー
デスクチェア:ファブリック ゲーミングチェア
KVMスイッチ:2入力2出力
Kindle:iPad

プライベート
サブモニター:Acer V236HL(23インチ)
マウス:Logicool G ゲーミングマウス G502 X PLUS

業務
サブモニター:MacBook本体
トラックパッド:公式の純正
ノートPCスタンド:BoYata ノートパソコンスタンド

メインモニターはウルトラワイドなので、画面を半分にしたら実質2窓みたいな感じです。左にVSCode、右にChromeってやるとめっちゃやりやすい。
キーボードは打鍵音と見た目命。US配列のほうがレパートリー多いのでUS配列に鞍替えしました。こちらは接続方法が複数あるのでプライベートと業務と切り替え簡単です。
以前は作業BGMに、業務中横でWindows開いてYouTubeの音楽流してたんですがショートとかXとか見出して停滞しまくったのでやめました。変わりにiPadを作業BGMとかに使ってます。


おまけ①愛用拡張機能

言語とかFWとかのは抜きます。

Bookmarks
コードをブクマしたいときに使う。特に始めてのリポジトリとかでディレクトリ構成やアーキテクチャを理解できていないときに重宝。今は使ってない。

Code Spell Checker
タイポ・スペルミス撲滅。ドメイン用語は仕方ないけどスペルミスはこれのお陰でかなりしなくなった。

indent-rainbow
インデントに色がつくのでブロックが分かりやすい。

Blockman - Highlight Nested Code Blocks
カーソルのある位置のスコープが知りたいときにめっちゃ便利。助かる。

Live Server
PHPファイル(Laravelとかそういうのではなく生の)をサーバーで見たいときにめっちゃ便利。
昔はPHP見る時XAMPP使ってたんですがXAMPP使わなくてよくなったのは本当にデカイ。
(半年以上前に脆弱性が見つかったとかでuninstallしちゃったけども)

Markdown Preview Github Styling
GitHub上でマークダウンがどう見えるかをVSCodeのプレビュー画面で確認できる。
GitHubに上げるタイプのマークダウンでの確認に重宝してる。

Material Icon Theme
ファイルアイコンが言語とかによって個別にビジュアル化するとテンション上がる。

Trailing Spaces
不要なスペース撲滅。今のVSCodeって多分標準でスペースに黄色い枠つくらしいんですが昔はなかったんですよね。

zenkaku
全角スペース撲滅。こちらも同上で、スペースに黄色い枠つく前から愛用してます。

おまけ②タブが増えなくなった考え方

あくまで自分の考えです。
タブを残しておいて増えてしまう現象。残す理由って後で見るから・見たいと思うかもしれないからだったんですよね。
なんかこの考え方って断捨離でもある気がする。「まだ使うかもしれないから」って残して物が溢れて捨てられないみたいな。
後で見るから・見たいと思うかもしれないってことは今は必要ないわけです。じゃあ今いらんくね?消しちゃえっていう。
あとは

  • 検索してでてきた記事なら、必要になったときにまた検索すればいい
  • 開発という観点で、いつでも見返せるようにしたいあるいは探すのに苦労したなら、issueなりNotionなりにリンクまとめて「この記事内のどこが参考になるのか」を書いとけばいい
  • 頻度高くアクセスするならブクマすればいい(例:GitHub、特定のリポジトリ)
  • リポジトリについて言えばスターつけてGitHubからアクセスできるようにすればいい
  • タブ増えすぎてアイコンしかわからん状態はどのタブにほしいのがあるかわからんから探すコストがむしろ増える

タブが増えたときに一番思うのは、増えたタブの中から欲しい情報探すときにいらない情報も見えるのが普通に集中切れるなってことです。
例えばGo関連で調べていてタブを残しており、別件でTypeScript関連調べてタブが残ったときに、タブの中にGoとTSが混ざるじゃないですか。Goのタブを見たいときにTSのタブが目にうつると「そうえいばTSのあれこれやらないとな」とか一瞬よぎるんですよ。この一瞬が個人的にはマジで邪魔
今考えてることに集中して違うこと考えて思考をそらしたくないって気持ちが強いです。というか最近は意識的にそうするようにして、作業が分散して一つがなかなか終わらない状況を出さないようにしてます。
タブ増えて困る人の参考になれヴァ



いっぱい書いたら長くなっちゃった。これでいいんかね?ワカラン。
次はsoraさんです。思う存分語ってください。




以上の内容はhttps://topi-log.hatenablog.jp/entry/2026/02/15/211700より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14