技術– category –

Next.js = Webアプリ（React）を“配信するためのフレームワーク”、Electron = Web技術（HTML/CSS/JS）で“デスクトップアプリを作るための実行環境” です。 要点比較（実務視点） 目的 Next.js：React を土台に、SSR/SSG/ISR など多様なレンダリングやルー...

言語翻訳ファイル .po ファイルから.mo ファイルに変換するときに「'msgfmt' は、内部コマンドまたは外部コマンド、 操作可能なプログラムまたはバッチ ファイルとして認識されていません。」と表示された時の対処法です。 エラーは「msgfmt（GNU gettext ...

それぞれの選択肢（「バナー広告」「Multiplex広告」「関連する検索」）を有効化する際には、次のような注意点があります。 1. バナー広告 概要 ページのメインコンテンツ内や上部・下部などに配置される、最も一般的なディスプレイ広告。 注意点 レイアウ...

OBS Project（obsproject.com）は、無料・オープンソースの配信／録画ソフト「OBS Studio」の公式サイトです。Windows / macOS / Linux 向けに配布し、シーン切替・多様な入力ソース・音声ミキサ・VST対応・スタジオモード・仮想カメラなどの機能と、ヘル...

概要 Live2D用VTuber配信・収録ソフト。PC版（Windows/macOS）でモデルを動かし、配信ツール（OBS等）と連携可能。Steamストア 開発・販売：DenchiSoft／初リリース：2021年3月12日。 基本無料（Free to Play）。用途に応じてDLC（追加ダウンロードコンテ...

以下は、最小構成（three-vrm公式対応）＋WordPress設置例＋iframe埋め込み例を含む、ガイドです。 全体の流れ（概要） ステップ内容①VRMモデルを準備（例：avatar.vrm）②表示用HTMLファイル（vrm-viewer.html）を作成③2つのファイルを /wp-content/upload...

VRoid Studio とは？ VRoid Studioは、pixiv が提供する「3Dアバター制作ソフト」で、絵が描けなくても直感的に「オリジナルの3Dキャラクター（VRM）」を作成できます。 無料 / 商用利用可（条件あり） VRM形式で書き出し → VTube、VRChat、Unity、Webアプ...

「Steam（スチーム）」は、アメリカの Valve Corporation（バルブ社） が運営する、世界最大級のPC向けゲームおよびソフトウェア配信プラットフォームです。以下で、公式情報をもとに詳しく説明します。 概要 運営会社：Valve Corporation（米国ワシントン...

VRChat（ブイアールチャット）とは、世界中のユーザーが3Dアバターを使って交流できるソーシャルVRプラットフォームです。以下に、公式情報をもとに詳しく解説します。 基本概要 公式サイト：VRChat Official Websitehttps://hello.vrchat.com 開発・運営...

警告メッセージの内容 .fonts/icomoon.woff2に関する警告 フォント表示 130 ミリ秒短縮できます テキストの表示を統一するため、font-display を swap または optional に設定することを検討してください。 swap をさらに最適化して、フォント指標のオーバ...

Google AdSenseで自動広告を設定したことにより、CLS 0.1超の改善が必要になったため、対応した内容です。 CLSとは？ 「CLS」とは、Cumulative Layout Shift（累積レイアウトシフト） の略で、Google が定める Core Web Vitals（コアウェブバイタル） 指標...

VRM形式の3Dモデル（アバター）をオリジナル作成する手順（初心者～中級者向け） VRMの概要については、こちらで解説しています↓ ライセンスについては、こちらで解説しています↓ ステップ①：VRoid Studioでベースモデル作成（初心者でも簡単） 開発元：Pi...

概要 VRM-PL1.0は、VRMモデル（.vrm）に対するパブリックライセンスです。ただし本文だけで完結せず、各VRMファイルに埋め込まれた License Settings（利用条件）と“セット”で最終条件が決まります。 商用利用は「License Settings」によって許可/不許可が...

VRMは、日本の一般社団法人VRMコンソーシアムが策定・開発してきた “人型アバター用の3Dファイル形式” です。ベースは標準規格 glTF 2.0 で、アバターとして使うための情報（人型ボーン構造、表情モーフ、視線・一人称設定、髪や衣装の揺れ、トゥーン用マ...

Live Server とは、Visual Studio Code（VS Code）の拡張機能の一つで、HTML や CSS、JavaScript などのファイルをローカル開発環境でリアルタイムにプレビュー表示できるツールです。 主な機能 機能説明🔄 自動リロードHTML や CSS、JS を保存するたびに...

Google Search Console ＞ウェブに関する主な指標＞ユーザー補助▲フォームの要素にラベルが関連づけられていませんGtanslateとWPML併用時の対策 次のメッセージが表示される場合の暫定対策方法です。 原因 エラーの原因は「role="menuitem" が不正に付いて...

Claude Codeのインストール Claude Codeのインストール手順についてはこちらで解説しています。 PowerShellでの実行については、こちらで解説しています。 VSCodeのインストール VSCodeのインストールについては、こちらで解説してます。 VSCodeを起動した...

Electron Fiddleとは？ Electron Fiddleは、Electronアプリをすばやく試作・実験できる公式ツールです。 特徴： 簡単にElectronアプリを作成・実行・パッケージングできる Electronのバージョンを選んでテストできる GitHub Gistに保存・共有もできる Elec...

​Electronは、JavaScript、HTML、CSSを用いてクロスプラットフォームのデスクトップアプリケーションを開発できるオープンソースのフレームワークです。 GitHubによって開発され、現在はOpenJS Foundationによって管理されています。 Electronの特徴 1. ク...

MacからWindowsの共有フォルダにアクセスする手順です。両方のデバイスが同じネットワーク上にあることが前提の手順です。 準備：Windows側の共有設定を確認 1. 共有したいフォルダを作成・共有する 共有したいフォルダを右クリック →「プロパティ」 「共...

DBeaver（無料版）をWindowsにインストールして、Docker上のMySQLに接続するまでの手順を解説します。 DBeaver公式サイトからダウンロード ▼ 手順： DBeaver公式サイトにアクセス：DBeaver公式サイトhttps://dbeaver.io/download/ ご自身の環境に適したも...

Dockerを利用して、Redmineをコンテナとしてセットアップする方法をご紹介します。 事前準備 - 「Docker Desktop for Windows」をインストール 「Docker Desktop for Windows」をインストールする手順についてはこちら 作業フォルダを作る 作業用フォルダ...

Anaconda Navigator のインストール 1. Anacondaの公式サイトにアクセス まず、お使いのWebブラウザでAnacondaの公式サイトを開きます。URL:https://www.anaconda.com/ 「Free Download」をクリックします。 Anacondaでアップデート情報などを受け取りたい...

Pythonで円グラフ（パイチャート）を作成するには、主にMatplotlibライブラリを使用します。以下に基本的な方法を公式情報とともに紹介します。 使用するライブラリ Matplotlib公式サイト：Matplotlib公式ドキュメントURL: https://matplotlib.org/stable/...

GUIライブラリとGUIフレームワークの違い 基本定義 項目GUIライブラリGUIフレームワーク概要GUI部品（ボタン、入力欄など）の提供に特化したコード群GUIアプリケーションの全体構成、UI構築、イベント処理などを含む仕組み主な目的UIコンポーネントの操作...

事前準備 Fletとは Fletとは？については、下記の記事を参考にしてください。 Pythonをインストール Pythonのバージョンを確認します。コマンドプロンプトで次のコマンドを実行します： python --version Flet がPython 3.9 以上を推奨しているため、...

Flet（フレット）は、Pythonで、ウェブアプリ、デスクトップアプリ、モバイルアプリをサーバーサイドだけのコードで構築できるフレームワークです。 通常のWeb開発では、フロントエンド（React、Vueなど）とバックエンド（Flask、Djangoなど）を別々に作る...

Tauriとは？ Tauri は、高速で、安全性が高く、軽量な デスクトップアプリケーションを作成するためのオープンソース・フレームワーク です。 ウェブ技術（HTML, CSS, JavaScript）を使ってアプリのUIを作成しながら、バックエンド部分（システムアクセス...

Rustとは？ Rust（ラスト） は、高速、安全、並行処理に強い ことを目指して設計されたオープンソースのプログラミング言語です。 開発元：Mozilla Research 最初のリリース：2010年 現在はRust Foundationが中心に開発・運営 Rustの特徴 特徴説明メモリ安...

事前準備 下記を参考に、Anacondaのインストールを行います。 Jupyter Notebookの使い方 スタートメニューからAnaconda Navigatorを起動します。Jupyter Notebookを「Launch」します。 Jupyter Notebookが起動しました。 ノートブックの新規作成を行います...

pandas（パンダス）は、Pythonでデータ解析やデータ操作を行うためのオープンソースライブラリです。特に、表形式（行・列）のデータを扱うのに優れた機能を持ち、データの読み込み、前処理、変換、集計、可視化などを簡単に行うことができます。 pandasは...

Three.js は、WebGL を簡単に扱うための JavaScriptライブラリ です。これを使うことで、ブラウザ上で3Dグラフィックスを描画することができます。 WebGLについては、こちらで説明しています。 Three.jsの特徴 WebGL（Web Graphics Library）を簡単に扱え...

Next.jsは、Reactをベースにしたオープンソースのフロントエンドフレームワークで、ウェブアプリケーションやウェブサイトを簡単かつ効率的に構築できるツールです。開発元はVercelで、Reactの機能を強化し、サーバーサイドレンダリングや静的サイト生成な...

PM2（Process Manager 2）は、Node.jsアプリケーションを管理するためのプロセスマネージャーです。Node.jsアプリケーションを本番環境や開発環境で効率的に運用するためのツールであり、アプリケーションの起動、監視、再起動、自動復旧などを簡単に行え...

Pythonライブラリ:Manimとは？ Manim（Mathematical Animation Engine）は、数学的な概念や教育コンテンツをアニメーション化するためのPythonライブラリです。視覚的に美しいアニメーションを簡単に作成できるように設計されており、特に数学や物理学、プ...

Microsoftが提供するVisual Studio Code (VS Code) の拡張機能を検索・インストールするための公式マーケットプレイスです。以下の主な機能を提供しています： 引用元： VS Studio | Marketplace https://marketplace.visualstudio.com/vscode 主な特徴： ...

Reactは、Facebook（現：Meta）が開発したオープンソースのJavaScriptライブラリで、ユーザーインターフェース（UI）を構築するために使用されます。主にシングルページアプリケーション（SPA）のフロントエンド開発で広く利用されています。以下にReactの...

以下に、それぞれのコードを動作確認用のHTMLファイルとしてまとめました。それぞれのコードをコピーして、.htmlファイルとして保存することで、ブラウザで確認できます。 1. ランダム生成を利用したアート <!DOCTYPE html> <html lang="en&...

p5.jsは、クリエイティブなコーディングに特化したJavaScriptライブラリで、インタラクティブなビジュアルやアート、アニメーションを簡単に作成するための強力なツールです。このライブラリは、初心者から経験豊富なプログラマーまで、誰でも簡単に利用で...

Visual Studio Code（VSCode）とは、Microsoftが提供する無料のオープンソースのコードエディタであり、以下のような特徴を持つ開発ツールです。 基本情報 名称: Visual Studio Code（略称: VSCode） 公式サイト:Visual Studio Code - Code Editing. Redef...

NetworkXは、Pythonで記述されたオープンソースのライブラリで、グラフ（ネットワーク）構造を作成、操作、分析するために広く使用されています。ソーシャルネットワーク、知識グラフ、通信ネットワーク、交通ネットワークなど、さまざまな分野のネットワ...

TypeScript（タイプスクリプト）は、Microsoftによって開発されたオープンソースのプログラミング言語です。TypeScriptは、JavaScriptを拡張したもので、大規模なアプリケーション開発を支援するための型（Type）システムや最新のJavaScript機能を提供しま...

Google Chrome Web Storeに拡張機能を公開する手順を以下にまとめました。これに従って、拡張機能を公開できます。 1. 必要な準備 1.1 Googleアカウント Googleアカウントが必要です。まだ作成していない場合は、こちらから作成してください。 1.2 拡張機...

ToDesktop（トゥデスクトップ）は、ウェブアプリを簡単にデスクトップアプリへ変換できるツールです。通常、デスクトップアプリを開発するには専門的な知識が必要ですが、ToDesktopを利用すればプログラミング不要で、短時間でアプリ化できます。 ToDeskto...

AIアプリを開発する際に使用するプログラミング言語は、アプリの用途、対象デバイス、開発チームのスキルセットなどによって異なります。ただし、以下の言語が一般的に使用されます。 1. Python 特徴: AIおよび機械学習分野で最も広く使われている言語。 ...

アプリ開発に適した言語は、開発するアプリの種類（モバイル、Web、デスクトップ、ゲームなど）やプロジェクトの要件（パフォーマンス、チームのスキル、ターゲットプラットフォームなど）によって異なります。以下は、アプリの種類ごとに適したプログラミ...

Laravel（ララベル） は、PHPで構築されたオープンソースのWebアプリケーションフレームワークです。2011年にTaylor Otwellによって公開され、現在はWeb開発において最も人気のあるPHPフレームワークの一つです。 外部サイト：GitHub Laravel 外部サイト：...

MacOSのターミナル(Terminal)でフォルダ検索と容量の計測を行う際にプログレスバーを追加するためには、find コマンドと併用して pv コマンドを使用する方法があります。ただし、pv はデフォルトではインストールされていないため、Homebrewなどを使ってイ...

pipとaptの違い pip と apt はどちらもソフトウェアやパッケージを管理するツールですが、役割や用途が異なります。以下にその違いを詳しく説明します。 pipとは 役割:Pythonパッケージを管理するツールで、Python Package Index（PyPI）からライブラリや...