-
CSS
【CSS JavaScript サンプルコード】アコーディオン 続きを読む（Read more）Toggle 折りたたみコンテンツ
HTML、CSS、JSを使って「もっと読む」のUIのサンプルコードを紹介！ サンプルコード Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam […] -
JavaScript
リファクタリング【VSCode Javasctipt Python】
はじめに プログラムを開発していると、最初は動けばOKと思って書いたコードが、後々見づらくなったり、修正がしにくくなったりすることがあります。そうしたときに役立つのがリファクタリングです。 本記事では、VSCodeを使用 […] -
SEO
Googleキーワードプランナー完全ガイド：SEO初心者からプロまで使える機能と活用法
こんにちは！今回は、SEO対策に欠かせないGoogleキーワードプランナーについて、基礎から応用まで詳しく解説していきます。 Googleキーワードプランナー 検索ボリューム分布 メインキーワード 関連キーワード 競合性 […] -
Git
Gitのサブモジュールトラブルと基本的なバージョン管理の解決方法
はじめに プロジェクトのGit管理で発生した以下の問題を解決した記録です： 発生した問題 1. サブモジュールの問題 以下のようなエラーメッセージに遭遇： これは、ディレクトリが意図せずサブモジュールとして認識されている […] -
Next.js での環境変数の参照方法
環境変数の使用方法 環境変数は process.env.環境変数名 で参照できます。 NEXT_PUBLIC_の使い方 通常、環境変数はサーバーサイドでのみアクセス可能ですが、NEXT_PUBLIC_を付けることで、クラ […] -
Node.js
Webアプリケーションフレームワーク「Express」の基礎知識
Expressの長所 軽量で柔軟 豊富なミドルウェアエコシステム 直感的なルーティング データベース統合の容易さ Node.jsフレームワーク比較 Express • 軽量で高速 • 柔軟なルーティング • 豊富なミドル […] -
WordPress
WordPressのタクソノミー親子関係を確認する3つの方法
こんにちは！今回は、WordPressでタクソノミーの親子関係を確認するための様々な方法について、詳しく解説していきます。管理画面以外にも複数の方法があり、用途に応じて使い分けることで効率的な運用が可能です。 WordP […] -
PHP
WordPressでカスタムフィールドを使った記事のスコアリング 一定割合ランダム表示でε-greedy方策
WordPressで記事にスコアを付けて、そのスコアに基づいて記事を並び替えて表示する機能を実装する方法を解説します。この実装では、SCFプラグインを使用してカスタムフィールドを追加し、ショートコードで任意の場所に表示で […] -
PHP
【WordPress】プラグイン不使用でカスタムタクソノミーを設定、絞り込み検索について
functions.phpでの設定方法 functions.php に以下のコードを追加することでカスタムタクソノミーを作成できます WordPress Theme functions.php Custom Taxono […] -
Git
複数のGitHubアカウントを1台のPCで使い分ける設定方法
Gitの設定確認 グローバル設定（すべてのリポジトリに共通する設定） ローカル設定（現在のリポジトリだけに適用） GitHubへのSSH接続時にどの鍵が使われているか確認する 下記でgithub.comに公開鍵を提示して […] -
未分類
スマートフォンファーストのWeb開発実践ガイド
はじめに スマートフォンでのWeb体験が主流となった今日、モバイルファーストの設計は不可欠です。今回の過払い金調査サイトの開発を通じて、重要なポイントをまとめました。 1. ビューポートの最適化 スマートフォンの画面サイ […] -
未分類
Excel VBAファイル（.bas）の文字化けの対策
どういうタイミングで文字化けするか？ ブラウザでのファイル読み込み時に文字化けしてしまいます メモ帳でしたら自動判定で正常に表示されます メモ帳での読み込み .bas (Shift-JIS) 自動判定 正常表示 ブラウザ […] -
Node.js
Express.jsにおけるcookie-parserの実践的活用ガイド、クッキー、セッションの確認方法
はじめに Node.jsとExpress.jsを使用したWebアプリケーション開発において、セッション管理は重要な要素の一つです。今回はcookie-parserミドルウェアを活用した効果的なセッション管理について、実践 […] -
AWS
「Amazon Bedrock+ Amazon Kendra」で作る社内検索
Amazon Kendraとは Amazon Kendraは、AWSの検索サービスで、以下の特徴があります： Amazon Kendraとは Kendra 自然言語 ML検索 マネージド 対応データソース Googleド […] -
AWS
Amazon Bedrockを活用したRAGアプリケーション開発でRDSデータを分析（RAGをシステムに導入）
概要 日々のデータ検索作業を効率化するため、Amazon Bedrockを利用したアプリケーションを開発しました。このアプリでは、生成AIを活用してRDSデータをもとにユーザーの質問に対話形式で回答する機能を提供します。 […] -
PHP
mb_send_mail()をいろいろなパターンで実装
mb_send_mail()の引数一覧 引数必須説明使用頻度$to○宛先メールアドレス必須$subject○件名必須$message○メール本文必須$headers×From, CC, BCCなどのメールヘッダーよく使用 […] -
WordPress
サブディレクトリでインストールしたWordPressをルートディレクトリで表示させる方法（Xserver編）
はじめに WordPressをサブディレクトリ（例：example.com/wp/）からルートディレクトリ（example.com）に移行する方法を解説します。この手順はXserverで動作確認済みですが、他のレンタルサ […] -
未分類
VSCodeのAIコーディング支援プラグイン向けカスタム設定ファイルの解説（custom instructions）オススメ
設定ファイルの基本構造 このXML設定ファイルは、VSCodeのAIコーディング支援プラグインの動作を詳細にカスタマイズするために使用されます。主な構成要素： 設定ファイル プラグイン VSCode 設定ファイル → プ […] -
未分類
Adobe最新AI機能まとめ（2024年10月時点）
Ps Ai テキスト入力 AI処理 生成結果 Photoshop AI ・生成塗りつぶし ・背景生成 ・反射除去 Illustrator AI ・生成ベクター ・生成パターン ・生成再配色 1. Illustratorの […] -
未分類
Recline: GitHub Copilotで動作するClaude 3.5 Sonnet搭載の開発支援ツール
概要 Reclineは、VSCode上で動作するClineのフォークプロジェクトです。GitHub CopilotのLanguage Model APIを活用することで、月額10ドルでClaude 3.5 Sonnetを […]