404ページを海上ルート探索画面に作り替えた話|Express・CSS・JavaScript実装記録
味気ない404ページを、サイトの海モチーフに合わせた動くルート探索画面へ作り替えました。Expressで正しい404を返す方法、CSSレーダー、SVG経路アニメーション、JavaScriptの視差効果、アクセシビリティと負荷対策まで実装を振り返ります。
tap開発
味気ない404ページを、サイトの海モチーフに合わせた動くルート探索画面へ作り替えました。Expressで正しい404を返す方法、CSSレーダー、SVG経路アニメーション、JavaScriptの視差効果、アクセシビリティと負荷対策まで実装を振り返ります。
DDR4とは何かを基礎から説明し、UDIMM・SO-DIMM・ECC・RDIMM・LRDIMM・3DS・NVDIMM、速度やランク表記、互換性の確認方法まで整理します。
Cloudflare Tunnelを使い、1台のPCやLAN内で動く複数のWebサービスをサブドメインごとに公開する方法を解説します。config.yml、DNSルート、localhostとLAN内IPの違い、Windowsサービスの再起動までまとめます。
VelocityとPaperへJava版では接続できるのに、Geyser経由の統合版だけ入れない場合の切り分け方を解説します。UDPポート、Floodgate、バージョン、外部接続を順番に確認します。
中古サーバーの遠隔管理に使うBMC、IPMI、HPE iLO、Dell iDRAC、Lenovo XClarityを解説します。電源操作、仮想コンソール、ライセンス、初期設定と安全な公開方法を整理します。
実際の資産管理アプリをRaspberry Pi 4へ移し、Next.js 15とSQLiteが校内LANで使えるか検証します。実装から分かった負荷特性、同時アクセスと全件保存の測定方法、microSDとSSDの比較、SQLiteを継続できる条件を整理します。
中古サーバー用メモリを選ぶ前に知りたい、ECC UDIMM・RDIMM・LRDIMMの違いを初心者向けに解説します。混在可否、ランク表記、メモリチャネル、CPUとマザーボードの対応、中古購入時の型番確認まで整理します。
中古ラックサーバーへ増設するSAS・SATAドライブの違いを解説します。コネクタとコントローラーの互換性、HDDとSSD、RAID、512e・4Kn、中古ドライブの状態確認、家庭用途での選び方を整理します。
中古サーバーのHDD・SSD取り付けに使うドライブキャディを解説します。SFF・LFF、ダミー、ホットスワップ、メーカーと世代の違い、SAS・SATA・NVMe、部品番号による適合確認まで整理します。
VelocityからPaperのlobbyへ接続するとConnection refusedが出た実例をもとに、ポート設定、LISTEN状態、localhost、別PC構成、ファイアウォールの違いと確認手順を初心者向けに解説します。
Velocityを入口に、PaperへMinecraft Java版と統合版の両方から接続できる構成を解説します。Geyser・Floodgateの役割、配置場所、ポート設計、認証と転送設定、接続できない場合の確認手順をまとめます。
WindowsのDocker DesktopでCドライブ容量が減り続ける原因を解説します。docker system dfによる調査、イメージ・ビルドキャッシュ・ボリュームの安全な削除、WSL 2のVHDXが縮まない理由と圧縮手順までまとめます。
FastAPI、Pydantic、SQLAlchemy 2.0、Alembicを使い、タスク管理REST APIをゼロから構築します。設計、CRUD、部分更新、トランザクション、マイグレーション、CORS、例外処理、pytestまで実用構成で解説します。
Docker ComposeでOllamaとOpen WebUIをまとめて起動する方法を解説します。CPU版とNVIDIA GPU版のcompose.yaml、モデルと会話履歴の永続化、LAN公開、更新、バックアップ、接続エラーの切り分けまで扱います。
白海しえるのVモデルを題材に、表情差分、モーション、Stop Motion、配信画面での見せ方をアニメーション付きの記事としてまとめます。
C、Python、JavaScript、Goなど複数言語に対応するコード変換アプリを作るときの設計を、AST、共通IR、言語別生成器、ゴールデンテスト、出力バリデーション、Compiler Labまで実装寄りにまとめます。
Minecraft Java版でVelocityを使ったプロキシサーバーを立てる方法を解説します。ロビー、サバイバル、ミニゲームなど複数サーバーを1つの入口にまとめる構成、velocity.toml、Paper側のmodern forwarding、ポート開放、セキュリティまでまとめます。
OllamaをLAN内の別PCやブラウザアプリから使うために必要なOLLAMA_HOSTとOLLAMA_ORIGINSの設定を解説します。PowerShellでの起動コマンド、外部接続できない原因、APIの使い方、モデルの実行方法までまとめます。
情報工学科の視点から、サレジオ高専デザイン学科で学ぶ内容を公式情報とデザイン学科の友達の声をもとに紹介します。絵、パッケージ、ポスター、ネクタイ、プレゼン、色や素材、プロダクトとグラフィックの学びまでまとめます。
前編で作ったLAN内分散処理システムに、physics_sim、Blender静止画レンダリング、BlenderアニメーションMP4化を追加した記録です。Blender CLI、FFmpeg、ワーカー能力判定、公式blendファイルで詰まった点までまとめます。
Node.js、SQLite、Pythonワーカーを使って、inputフォルダに入れた画像・動画・PDF・OCRジョブをLAN内の複数PCへ自動分散する仕組みを作った記録です。Windowsサービス化、NSSM、FFmpeg、Tesseract、ジョブ種別、ワーカー能力判定まで実装した流れをまとめます。
2重ルーター環境でポート開放する方法を、親機から子機へ転送し、子機からPCへ転送する手順を中心に解説します。ブリッジモード、DMZ、IPv6/CGNAT、VPN、Cloudflare Tunnelなどの代替策もまとめます。
PythonとTkinterでCPU対戦できるチェスアプリを作った開発記録です。合法手生成、チェック判定、チェックメイト、キャスリング、アンパッサン、プロモーション、CPU難易度まで実装した流れをまとめます。
Webサイト制作、Node.js、Cloudflare Tunnel、SEO、ゲーム制作、ネットワーク設定など、個人開発で実際につまずきながら学んだ具体的な施策を10個に整理しました。初心者が迷いやすいポイントと進め方を実体験ベースで解説します。
個人開発でWebサイト、記事、ゲーム、公開環境を作る中で、最初の設計がどう変わっていったのかを実体験ベースでまとめます。作りながら設計を見直す考え方、判断基準、失敗しやすいポイントも解説します。
MacでMinecraft Java版のmodサーバーを立てる手順を、ForgeとFabricの違い、Javaバージョン、メモリ設定、modsフォルダ、eula.txt、server.properties、Cloudflare Tunnelの注意点まで実体験ベースで詳しく解説します。
MacでMinecraft Javaサーバーを立てる手順、Cloudflare Tunnel利用時の注意点、Wi-Fi切断、DNS、スリープ、メモリ設定、TPS低下まで実体験ベースで詳しく解説します。
JavaScript、Canvas、Node.js、Socket.ioを使ってブラウザ対戦テトリスを個人開発している記録です。ゲーム設計、リアルタイム通信、ルーム管理、おじゃまブロック、現在の課題まで詳しくまとめます。