hara | ai0w監修– Author –
-
Electron
Next.jsとElectronの違いは?
Next.js = Webアプリ(React)を“配信するためのフレームワーク”、Electron = Web技術(HTML/CSS/JS)で“デスクトップアプリを作るための実行環境” です。 要点比較(実務視点) 目的 Next.js:React を土台に、SSR/SSG/ISR など多様なレンダリングやルー... -
未分類
ISCライセンスとは?商用利用できる?
ISCライセンス(Internet Systems Consortium License)は、非常にシンプルで緩やかなオープンソースライセンスのひとつです。主に Internet Systems Consortium(ISC) によって作成され、MITライセンスやBSDライセンスと同様に「パーミッシブライセンス... -
ローカルAI活用
Claude Desktopのインストール方法
Claude Desktopのインストール方法 Download Claude から環境に合わせたアプリをインストールします。 出典:Download Claude https://claude.com/download ダウンロードしたインストーラーを起動します。 ログインします。 Claude Desktopが起動しまし... -
AI画像
Replicateとは?AIモデルを API経由で実行・運用 できるAIクラウドプラットフォーム
概要 Replicate(レプリケート)は、「AIモデルを API経由で実行・運用 できるAIクラウドプラットフォーム」です。AIモデル(画像生成、動画生成、音声、LLMなど)を自前で基盤から構築せずとも、API呼び出しや簡易な構成で利用できることが大きな特徴です... -
AIプラットフォーム
Cloudflareとは?ウェブサイト・アプリケーション・API・ネットワークインフラのクラウド型プラットフォーム
概要 Cloudflare は、ウェブサイト・アプリケーション・API・ネットワークインフラの「接続(Connection)」「保護(Protection)」「構築(Build)」を支援するクラウド型プラットフォームです。公式サイトでは次のように説明されています: Cloudflareは... -
AWSAWS S3とは?Amazon Web Services(AWS)が提供するオブジェクトストレージサービス
AWS S3(Amazon Simple Storage Service)とは、Amazon Web Services(AWS)が提供するオブジェクトストレージサービスです。 出典:https://docs.aws.amazon.com/ 概要 正式名称:Amazon Simple Storage Service 略称:Amazon S3 提供元:Amazon Web Serv... -
WordPressXAMPP(ザンプ、シャンプ)とは?Web開発環境を簡単に構築できるオープンソースのパッケージソフトウェア【ローカルでWordPressを起動するサンプル付き】
XAMPP(ザンプ、シャンプ)とは? Apache、MySQL(またはMariaDB)、PHP、Perlなど、Webアプリケーション開発に必要なサーバーソフトウェアをまとめて動かせる開発環境です。ローカル(自分のPC)でWordPressなどのWebサイトのテストなども可能です。 名前... -
技術メモ
【Windows対応】’msgfmt’ は、内部コマンドまたは外部コマンド、 操作可能なプログラムまたはバッチ ファイルとして認識されていません。【言語翻訳ファイル .po ファイルから.mo ファイル変換方法】MSYS2
言語翻訳ファイル .po ファイルから.mo ファイルに変換するときに「'msgfmt' は、内部コマンドまたは外部コマンド、 操作可能なプログラムまたはバッチ ファイルとして認識されていません。」と表示された時の対処法です。 エラーは「msgfmt(GNU gettext ... -
WordPress
有名WordPressプラグインの商用モデルを徹底解説|GPLライセンス 構造と収益モデル(Jetpack・Akismet・WooCommerce・ Yoast SEO・Elementor・WP Rocket)
有名WordPressプラグインの商用モデルを徹底解説|GPLライセンス 構造と収益モデル(Jetpack・Akismet・WooCommerce・ Yoast SEO・Elementor・WP Rocket)について、Noteに記事を公開しました。 -
WordPress
WordPress のプラグイン構造のサンプル
WordPress のプラグイン構造は、「1つの独立したフォルダ内に、PHPファイルを中心とした機能モジュールをまとめたもの」です。以下では、公式ドキュメントを踏まえながら、基本構造と役割を解説します。 基本構成の例 WordPress のプラグインのフォルダ構... -
Git
【初心者必見】ローカルのGitをGitHubでバージョン管理する方法|主なGitコマンド一覧付きガイド
ローカルでGit管理しているソースコードをGitHubでもバージョン管理する方法は、大きく2通りあります。以下で詳しく解説します。 A)Web UIで空リポジトリを作成 → 既存ローカルをプッシュ(SSH等) B)GitHub CLI(gh)で作成からプッシュまで行う Push、Pu... -
Git
【保存版】Git用語の基礎|初心者向けに解説
Git用語の基礎 Push:ローカルリポジトリからリモートリポジトリ(例:GitHub)へデータを送信する操作。 → コミットした変更を共有サーバーにアップロードする動作。Pull:リモートリポジトリ(例:GitHub)の変更をローカルリポジトリに取り込む操... -
技術メモ
Google AdSense の広告ユニットの注意点
それぞれの選択肢(「バナー広告」「Multiplex広告」「関連する検索」)を有効化する際には、次のような注意点があります。 1. バナー広告 概要 ページのメインコンテンツ内や上部・下部などに配置される、最も一般的なディスプレイ広告。 注意点 レイアウ... -
WordPress
標準的な WordPress のフォルダ/ファイル構成
全体像 /(WordPress ルート) ├─ wp-admin/ ← 管理画面の実行ファイル一式(コア) ├─ wp-content/ ← テーマ・プラグイン・アップロード(編集するのは基本ここ) │ ├─ themes/ ← テーマ(親/子テーマ) │ ├─ plugins/ ← プラグイン │ ├─ mu-plugins/ ← ... -
アバター
OBS Project(obsproject.com)とは?無料・オープンソースの配信/録画ソフト
OBS Project(obsproject.com)は、無料・オープンソースの配信/録画ソフト「OBS Studio」の公式サイトです。Windows / macOS / Linux 向けに配布し、シーン切替・多様な入力ソース・音声ミキサ・VST対応・スタジオモード・仮想カメラなどの機能と、ヘル... -
アバター
VTube Studioとは?Live2D用VTuber配信・収録ソフト
概要 Live2D用VTuber配信・収録ソフト。PC版(Windows/macOS)でモデルを動かし、配信ツール(OBS等)と連携可能。Steamストア 開発・販売:DenchiSoft/初リリース:2021年3月12日。 基本無料(Free to Play)。用途に応じてDLC(追加ダウンロードコンテ... -
WordPress
自分の VRoid(VRM)アバター をワードプレスのホームページ上に表示する方法
以下は、最小構成(three-vrm公式対応)+WordPress設置例+iframe埋め込み例を含む、ガイドです。 全体の流れ(概要) ステップ内容①VRMモデルを準備(例:avatar.vrm)②表示用HTMLファイル(vrm-viewer.html)を作成③2つのファイルを /wp-content/upload... -
アバター
VRoid Studio とは?pixiv が提供する「3Dアバター制作ソフト」
VRoid Studio とは? VRoid Studioは、pixiv が提供する「3Dアバター制作ソフト」で、絵が描けなくても直感的に「オリジナルの3Dキャラクター(VRM)」を作成できます。 無料 / 商用利用可(条件あり) VRM形式で書き出し → VTube、VRChat、Unity、Webアプ... -
アバター
STEAMとは?世界最大級のPC向けゲームおよびソフトウェア配信プラットフォーム
「Steam(スチーム)」は、アメリカの Valve Corporation(バルブ社) が運営する、世界最大級のPC向けゲームおよびソフトウェア配信プラットフォームです。以下で、公式情報をもとに詳しく説明します。 概要 運営会社:Valve Corporation(米国ワシントン... -
アバター
VRChatとは?3Dアバターを使って交流できるソーシャルVRプラットフォーム
VRChat(ブイアールチャット)とは、世界中のユーザーが3Dアバターを使って交流できるソーシャルVRプラットフォームです。以下に、公式情報をもとに詳しく解説します。 基本概要 公式サイト:VRChat Official Websitehttps://hello.vrchat.com 開発・運営... -
AI動画
Sora 2とは?OpenAI: 映像 + 音声生成(ビデオ & オーディオ生成) モデル
概要 Sora 2 は、OpenAI が発表した最新の 映像 + 音声生成(ビデオ & オーディオ生成) モデルです。 物理的な正確性(力学、運動、物体の相互作用など)や、世界状態の持続性、制御性(ユーザ指示への忠実さ)といった点が強化されています。 主な特... -
WordPress
WordPressでPHPの書き方が表示に影響?テンプレートやプラグインで効くコメントヘッダーの記述ルールまとめ
次のような「特定の書式(主にファイル先頭のコメントヘッダーやファイル名規則)」でPHPファイルを書くと、WordPress本体のUIや表示ロジックに直接影響します。 1) 固定ページテンプレート(Page Template) 影響:編集画面「テンプレート」プルダウンに... -
WordPress
ワードプレス(テーマ SWELL:ブロックテーマ)で固定ページの「カスタムテンプレート」を作るには?
ブロックテーマの場合 子テーマ にテンプレートを追加します。 WordPress Developer Resources テンプレート 配置場所はテーマにより異なります。基本は公式「Templates」フォルダの配下になりますが、テーマ:SWELLの場合は、wp-content>themes>swe... -
Git
GitHubでForkの取り消しを行うには?
「フォークを取り消す」には、目的に応じて次の2通りがあります。 A. 完全に取り消す(= フォーク先リポジトリを削除) B. フォーク関係だけ解除してリポジトリ自体は残す(= Detach / フォークの切り離し) 各手順は契約しているプラン(Free,Pro,Team,En... -
一般用語
Stripe とは?オンライン決済プラットフォーム(決済代行サービス) を提供する企業・サービス
Stripe(ストライプ)は、主に オンライン決済プラットフォーム(決済代行サービス) を提供する企業・サービスです。数百万社以上の企業が、Stripe を利用してオンライン決済、財務・金融プロセス自動化を行っています。 出典:https://stripe.com/jp Str... -
技術メモ
Google Search Console :▲フォント表示○ミリ秒短縮できます
警告メッセージの内容 .fonts/icomoon.woff2に関する警告 フォント表示 130 ミリ秒短縮できます テキストの表示を統一するため、font-display を swap または optional に設定することを検討してください。 swap をさらに最適化して、フォント指標のオーバ... -
技術メモ
Google Search Console : Google AdSenseで自動広告を設定したことにより、CLS 0.1超の改善が必要になった場合の対応例
Google AdSenseで自動広告を設定したことにより、CLS 0.1超の改善が必要になったため、対応した内容です。 CLSとは? 「CLS」とは、Cumulative Layout Shift(累積レイアウトシフト) の略で、Google が定める Core Web Vitals(コアウェブバイタル) 指標... -
ライセンス
GPLライセンス:GPLv2とGPLv3の違いは?商用利用できる?
GPLv2とGPLv3の違いを、実務で重要な論点ごとに整理し、公式情報に基づいて比較します。 概要 項目GPLv2GPLv3特許の扱い明記されていない明示的に制限(特許権行使でライセンス喪失など)DRM(著作権保護技術)対策対応なし回避を禁止する法律(DMCA等)に... -
AIコーディング
Google AI Studioとは?Nano Banana他、AI開発 他:生成 AI モデル(特に Gemini モデル群)を使ってプロトタイピングや実験、アプリ開発の準備を行うための Web ベースの環境・ツール群
「Google AI Studio(AI Studio)」とは、Google が提供する、主に生成 AI モデル(特に Gemini モデル群)を使ってプロトタイピングや実験、アプリ開発の準備を行うための Web ベースの環境・ツール群です。 チャット形式プロンプト実行、マルチモーダル... -
Sample
Simple Camera
-
アバター
オリジナルのVRM形式の3Dモデル(アバター)を作る方法の概要
VRM形式の3Dモデル(アバター)をオリジナル作成する手順(初心者~中級者向け) VRMの概要については、こちらで解説しています↓ ライセンスについては、こちらで解説しています↓ ステップ①:VRoid Studioでベースモデル作成(初心者でも簡単) 開発元:Pi... -
アバター
VRM PUBLIC LICENSE 1.0とは?商用利用できる?ライセンスの概要と使用方法を分かりやすく解説
概要 VRM-PL1.0は、VRMモデル(.vrm)に対するパブリックライセンスです。ただし本文だけで完結せず、各VRMファイルに埋め込まれた License Settings(利用条件)と“セット”で最終条件が決まります。 商用利用は「License Settings」によって許可/不許可が... -
エンジニア用語
VRMとは?人型アバター用の3Dファイル形式
VRMは、日本の一般社団法人VRMコンソーシアムが策定・開発してきた “人型アバター用の3Dファイル形式” です。ベースは標準規格 glTF 2.0 で、アバターとして使うための情報(人型ボーン構造、表情モーフ、視線・一人称設定、髪や衣装の揺れ、トゥーン用マ... -
AIスタディ
【Windows対応】OpenAI:Codex CLI 導入手順 時計アプリを作ろう!
Windows 向け Codex 導入手順 必要環境の準備 Node.js をインストール Windows Installer (.msi) をダウンロードしてインストールします。 インストール後、コマンドプロンプトまたは PowerShell で以下を確認: node -v npm -v バージョン番号が表示され... -
AIコーディング
OpenAI: Codexとは?
Codex とは? 基本的な位置づけ Codex は「コードに特化した AI アシスタント」ChatGPT と同じ技術基盤の上に構築されており、自然言語での指示から ソースコードの生成・修正・レビュー・実行 を行えます。 単なるコード補完ではなく、エージェント的にリ... -
AIスタディ
Claude Code GitHub Action の 使い方 【基本編:PR/Issue】@claude
事前準備 Claude Code GitHub Actions の設定が完了していること。インストール・設定手順については、下記で解説しています↓ PR/Issue で @claude と記載して指示します 概要 対象: Claude Code GitHub Actions を設定したリポジトリ やること:... -
Git
【Windows対応】Claude Code GitHub Actions 設定:Claude MaxのサブスクプランでOAuth認証/Claude APIキーで認証する方法
前提条件 GitHub リポジトリの管理者またはメンテナンス権限 Claude Code の CLI または GitHub App を使用可能 Claude Maxのサブスクプランまたは、Anthropic Claude API契約のAPI キーをお持ちの方(AWS Bedrock / GCP Vertex については今回は記載して... -
AIスタディ
【Windows対応】Android Studioでclaude codeプラグインを使って AIでスマホアプリを作ろう! インストール手順と実行方法を解説
【Windows対応】Android Studioでclaude codeプラグインを使って AIでスマホアプリを作ろう! インストール手順と実行方法を解説 についての記事をNoteで公開しました。 -
AIコーディング
AGENTS.mdとは?OpenAIが提唱|標準化対応AIエージェント一覧|Codex・Cursor・VSCode・RooCode・Gemini・Kilo Code・Android Studio・GitHub Copilot他【2025年最新】
はじめに 近年、Claude、Cursor、Gemini in Android Studio、Devin など、さまざまな AIコーディングエージェント が開発者のワークフローに組み込まれるようになっています。しかし、各ツールが独自の設定ファイル(例:CLAUDE.md や .cursor/rules)を要... -
そのたの情報
世界標準(Standards)に関わる主な団体一覧(公式リンクつき)
国際的な総合規格機関 ISO(International Organization for Standardization):最も広範な分野を対象とする国際規格機関。産業・サービス全般の国際標準を作成・発行。https://www.iso.org/home.html IEC(International Electrotechnical Commission)... -
そのたの情報
Unreal Engineとは?収益が 100 万米ドル未満の場合は、無料で商用利用が可能
Unreal Engine(アンリアルエンジン)とは、Epic Games社が開発・提供しているゲームエンジン(ゲームやリアルタイム3Dアプリケーションを開発するための統合開発環境)です。最初は1998年のゲーム『Unreal』向けに開発されましたが、その後改良され、現在... -
ソース管理
ソース管理:バージョン管理システムの人気ランキング【2025年最新版】
バージョン管理システムの人気ランキング【2025年最新版】Git・Subversion (SVN)・Mercurial・CVS ソフトウェア開発に欠かせないのが「バージョン管理システム(Version Control System: VCS)」です。ソースコードの変更履歴を追跡し、チームでの共同開発... -
VSCode
【超初心者向け】Live Serverの使い方を徹底解説|VSCodeでHTMLをリアルタイム表示!
Live Server とは、Visual Studio Code(VS Code)の拡張機能の一つで、HTML や CSS、JavaScript などのファイルをローカル開発環境でリアルタイムにプレビュー表示できるツールです。 主な機能 機能説明🔄 自動リロードHTML や CSS、JS を保存するたびに... -
公開ツール
「StartTabs Split」の機能紹介
アイテムの紹介(StartTabs Split) StartTabs Split は、Google Chrome の起動時に開くページを柔軟にコントロールできる拡張機能です。単に「特定のページを開く」だけでなく、複数のウィンドウやレイアウトに分割して開けるのが特徴です。 Chrome Web S... -
公開ツール
Introducing the features of “StartTabs Split”
Item introduction (StartTabs Split) StartTabs Split is an extension that gives you flexible control over which pages open when you start Google Chrome. Itnot only lets you open a specific page, but also splits it into multiple ... -
Git
【Windows対応】GitHubでメインアカウントとサブアカウントで複数の SSH 鍵ファイルを使い分ける方法
方法 1: ~/.ssh/config で切り替える configファイルを作成します 設定ファイルの場所Windows の OpenSSH は以下を参照します: C:\Users\<ユーザー名>\.ssh\config ない場合は、ファイルを新規作成してください。 複数の鍵を登録する例GitHubでメイ... -
技術メモ
Google Search Console : ユーザー補助:▲フォームの要素にラベルが関連づけられていません【ウェブに関する主な指標:PageSpeed Insights】GtanslateとWPML併用時の対策
Google Search Console >ウェブに関する主な指標>ユーザー補助▲フォームの要素にラベルが関連づけられていませんGtanslateとWPML併用時の対策 次のメッセージが表示される場合の暫定対策方法です。 原因 エラーの原因は「role="menuitem" が不正に付いて... -
公開ツール
Two Browser Layout Playground
Two Browser Layout Playground — Single File ※下記のGoogle Chrome拡張機能のマニュアル作成のために作成したミニアプリです。 -
そのたの情報
Google Search Console:CLS に関する問題: 0.1 超(パソコン)この問題がある URL のページ エクスペリエンスは改善が必要です
「CLS に関する問題: 0.1 超(パソコン)」というのは、Google Search Console(またはPageSpeed Insights)で報告される Core Web Vitals の CLS(Cumulative Layout Shift)指標に関するものです。 出典:https://search.google.com/search-console CLS... -
Git
【Windows対応】OpenSSH 形式の公開鍵をGitHub へ設定する手順
OpenSSH クライアント確認(必要に応じて有効化) PowerShellを管理者権限で起動します。OpenSSHクライアントがインストールされているか確認します。 Get-WindowsCapability -Online | ? Name -like 'OpenSSH.Client*' 次のように表示されていれ...