💻 DEV_CODE // PROTOCOL.LAIN

[ CATEGORY / 💻 DEV_CODE ]

MATCHED_ITEMS: 47

[2026/4/13]

[Tauri #04] Tauri v2 + macOS：透過ウィンドウの白背景とドラッグ移動の不具合を修正

macOSPrivateApiの設定や-webkit-app-regionによるドラッグ制御など、実機デバッグで判明したTauri v2のTips。

[2026/4/12]

[Tauri #03] Tauri v2 + GitHub Actions: 全OSビルドを通すための完全ガイド

Tauri v2のクロスプラットフォームビルドを自動化するための完全なGitHub Actions設定ファイルと、つまずきやすいエラー（識別子、アイコンパス、Linux依存ライブラリ）の解決策をまとめました。

[2026/4/12]

[Tauri #02] Astroで作ったアナログ時計を完全透過デスクトップガジェット化

Web技術でデスクトップアプリを作るTauriの実践編。Astroで作った時計を移植し、背景の完全透過、ドラッグ移動、スライダーによるウィンドウのリサイズなど、ガジェット化に必要な設定を解説します。

[2026/4/12]

[Tauri #01] Tauriによるデスクトップアプリ開発：環境構築から透過型デジタル時計のビルドまで

JavaScriptとTauriを組み合わせ、OS標準の枠を排した透過型デジタル時計を作成する手順をまとめました。Rust環境のセットアップから実用的なガジェットのビルドまで網羅しています。

$[JavaScript] 我思う、ゆえに座標あり ― ルネ・デカルトとデカルト座標系$

[2026/1/6]

[JavaScript] 我思う、ゆえに座標あり ― ルネ・デカルトとデカルト座標系

ルネ・デカルトが生み出したデカルト座標系は、単なる数学的手法ではない。Three.jsでの3D座標、カメラ制御、UI配置を通して見えてきた、数学と哲学が交差する地点を辿る。

[2025/12/12]

[JavaScript] ブロック崩しは作っていいのか？「PONG」「Breakout」からアルカノイド、そしてオリジナルへ

ブロック崩しの起源（PONG/Breakout）とアルカノイドの位置づけを整理し、ゲームのルールと表現の違い、テトリスが著作権問題になりやすい背景、オリジナルとして成立させるための注意点を実装者目線で解説する。

[2025/11/9]

仕様書とプロトタイプ: 現代の開発サイクルにおける重要な役割

仕様書とプロトタイプのバランスを取ることで、開発サイクルを加速し、品質の高いプロダクトを生み出す方法を探ります。アジャイル開発の視点からも解説。

[2025/11/5]

[DevOps] フィーチャーフラグの活用法：機能管理と段階的リリースのベストプラクティス

フィーチャーフラグを使用することで、新しい機能のリリースを安全に行い、段階的な公開やA/Bテスト、リスク管理が可能になります。この記事ではその基本的な概念、利点、実装方法について紹介します。

[2025/11/5]

[React #06] フォームとバリデーション:フォーム入力の制御とエラーハンドリングを理解する

Reactでのフォーム処理とバリデーションを中心に、ユーザー入力を受け取るフォームの作成、送信処理、エラー表示、そしてReact Hook Formなどのライブラリによる効率的なフォーム開発の手法を紹介します。

[2025/11/5]

[React #05] React Routerを使ったページ遷移：Reactアプリにおける効率的なページ遷移とダイナミックルートの活用法

React Routerを利用して、シングルページアプリケーション（SPA）のページ遷移を簡単に実装する方法を学びます。ダイナミックルートやパラメータ付きURLの設定も紹介します。

[2025/11/4]

[React #04] useEffectフック徹底解説：副作用の管理とパフォーマンス最適化

ReactのuseEffectを使った副作用（データ取得、DOM操作、ライブラリとの連携）を実践的に学び、Reactコンポーネントのライフサイクル管理と最適化の方法を深掘りします。

[2025/11/2]

[React #03] コンポーネントのネストとデータの流れ

Reactにおけるコンポーネントのネスト構造、親から子へのデータの渡し方（Props）、子から親へのイベント通信方法（Callback関数）、複数のコンポーネントで状態を共有する方法（Context API）について深く学びます。

[2025/11/2]

[CSS実践講座 #04] インラインスタイルの深層解析：動的スタイル変更と最適活用法

CSSのインラインスタイルについて、基本から応用まで、動的なスタイル変更やJavaScriptとの連携まで詳しく学びます。

[2025/11/1]

[React #02] イベントハンドリングと状態管理の基本

Reactでのイベントハンドリングと状態管理の基本を学ぶ。useStateフックを使った状態管理、ボタンクリックやフォーム入力による状態変更を通じて、動的なUIの作成方法を解説します。

[2025/10/31]

[React #01] Reactの基本 - コンポーネントとJSX

このシリーズでは、ReactのコンポーネントとJSXの使い方に焦点を当て、UI開発の効率化を目指します。Reactの基本的な要素を理解し、最初のReactコンポーネントを作成する方法を学びましょう。

[2025/10/29]

[TypeScript] TypeScriptマスターガイド：基礎から応用まで完全網羅

TypeScriptのインストール方法、型の使い方、関数やオブジェクト型、非同期処理、ジェネリクス、Reactとの組み合わせまで幅広く解説します

[2025/10/22]

[CSS実践講座 #03] 実践的なCSSテクニックとその活用法

CSSを使いこなすための実践的な講座。CSS-in-JS、Tailwind CSS、Sassなどを活用したフロントエンド開発の方法を深堀り。実際のコード例を交え、UIデザインやレスポンシブレイアウトの作成方法を学びます。

[2025/10/1]

[Vibe Coding] 数分で生まれたAI産弾幕シューティング

ChatGPT-5に他人の配信映像を見せたところ、思わぬ形で本格的な弾幕シューティングが生まれた。その生成過程とプレイ後の考察を記録する。

[2025/9/28]

【AI × 個人開発】 Chrome拡張の申請でつまずく落とし穴と対策

Chrome ウェブストアに拡張機能を申請した際のリジェクト体験談と、開発者が陥りやすい落とし穴をディープリサーチ。tabs 権限の誤用から、host_permissions の範囲、外部スクリプト禁止、リスティング不備、スパム判定まで、複数の事例をまとめました。

[2025/9/21]

[Programming] BASICの歴史: 家庭用PCと“すぐ動く”言語の黄金時代

BASICはなぜ広がり、なにを残したのか。Dartmouth BASICの起源、Altair BASICとMicrosoft BASIC、GW-BASIC/QBasic、MSX BASIC、当時の雑誌文化まで、手を動かしながら理解するための実践的ガイド。

[2025/9/18]

【緊急対策あり】npm史上最悪のワーム攻撃『Shai-Hulud』とTinyColor侵害の全貌

2025年9月中旬――npmパッケージを標的にした史上最大級のワーム型攻撃『Shai-Hulud』が発覚。TinyColorを含む500以上のパッケージが侵害され、開発者やCI環境に甚大なリスクを与えました。本記事では攻撃の手口、影響範囲、技術的リスク、開発者が取るべき対策を深掘りして解説します。

[2025/9/18]

[言語トレンド分析] PerlがTIOBE 10位に急浮上！本当に復活なのか？

TIOBE IndexでPerlが27位から10位に躍進。Perlと共に歩んできた筆者が、TIOBE・PYPL・RedMonk・Stack Overflow Surveyといったランキングを比較し、その背景と実態を深掘りします。

[2025/9/17]

[Programming] GPT-5-CodexはClaude Codeを超えたのか？比較レビュー

GPT-5-CodexはClaude Codeを超えたのか？性能・用途・安全性・開発体験の観点から徹底比較。最新のベンチマークやコミュニティの声も交えてまとめました。

[2025/9/14]

[Programming] Chrome拡張入門 Hello Worldから学ぶ最小の作り方講座

Chrome拡張機能の作り方を、初心者向けに最小構成で解説します。manifest.json・popup.html・popup.jsの3ファイルでHello Worldを表示し、さらに背景色を変える簡単な応用も紹介。自作拡張の第一歩に最適なチュートリアルです。

[2025/9/12]

[Programming] Win32APIの今と昔 ― 古い技術が作用し続ける理由

Win32APIはもはや古い技術なのか？ 2000年以前に苦しみながら叩いたAPIが、25年後の今なお開発に役立っているという経験をもとに、Win32APIの思想と仕組み、そして現代的な技術（Web、Electron、WASMなど）との接続点を考察。自分の「過去のスキル」が無駄でなかったことを実感する記事。