-
Git
デプロイ先の本番サーバーでのgit pullの注意
リモートには無いはずのマージコミットが、本番サーバー側のブランチに存在 git pull コマンドが暗黙的に「マージ」してしまったのが原因だと思われます！ 本願のローカルの 本番ブランチ の状態が、リモートとずれていた場 […] -
Node.js
Codex CLI をローカルで使う手順
インストール、初期設定について 前提としてCodex CLI をローカルでインストールする場合、基本的にはプロジェクトごとにインストールすることになるよ！ というのも npm の仕様によるもので… npm install […] -
Git
【Git】ssh接続先のレンタルサーバーpullしてconflictおきたら対応できる？vimを使えるようになろう
普段はレンタルサーバー上でconflictなんて起きないです、、なぜ起きたのかがまず分からず ssh接続先でVimが扱えないので苦肉の策を実施しました、、 merge状態を無理やりリセットしてブランチ削除→fetchで取 […] -
PHP
WordPressのページネーション
WordPressのページネーションの基本 WordPressでは投稿記事の一覧ページ（アーカイブページ）があります。 アーカイブページでページネーションを使用します！ 固定ページでは普通使わないです、1ページで完結する […] -
Python
フロントエンドコーダーでもPython使いたい
Pythonインストールについて pythonと検索するとヒットするPython公式のサイトからインストーラーをダウンロードします 初心者の方には、Python 3.12または3.13の最新安定版をインストールすることを […] -
SEO
WebサイトのUIと離脱率の関係について、コーディング時の注意
ページの読み込み速度 たった数秒の遅延でも、ユーザーの離脱率が大幅に増加してしまいます。 ページ読み込み時間と離脱率の関係 読み込み時間の遅延による離脱率の増加 0 1秒 3秒 5秒 10秒 ページ読み込み時間 0% 2 […] -
PHP
老舗のPHP用テンプレートエンジンSmarty
テンプレートエンジンとは PHPコードとHTMLをキレイに分けるための仕組みだよ！ 通常、PHPだけで画面を作ると… こういう感じでHTMLにPHPが混ざるでしょ？でもテンプレートエンジンを使うと… こんなふうに、HTM […] -
未分類
VSCode プラグイン「Live Share」
https://visualstudio.microsoft.com/ja/services/live-share -
JavaScript
JavaScriptの「let _this = this;」って何？今でも使うの？
JavaScriptの改修でコードの中でこんなの見かけて「？？？」ってなりました。 いや、なんで自分を変数に？_thisってなに？って思ったのがきっかけで調べたら、これは JavaScript の 「this」迷子問題に […] -
Supabase 初心者向け解説、Supabase CLI インストール（Scoop）
Supabaseってなに？ 超ざっくり言うと「Firebaseのオープンソース版みたいなもの」です。サーバーサイドの面倒な処理をノーコード／ローコードで簡単にできるサービスです。 Supabaseは「BaaS（Backe […] -
PHP
初心者こそ「競技プログラミング」でプログラミングを学ぶべき理由
プログラミングを自分で書くと手が止まってしまう、どうやって書けばいいか分からない、、と悩むことありませんか 実装するためにどのようにコーディングすればいいか分からないということは、原因はプログラミング言語の基本文法を習得 […] -
Node.js
AxiosとFormDataの違い、メリット・デメリット、そして実践的な使い方
Webアプリケーション開発で、APIリクエストで「Axios」と「FormData」を使用することがあるかと思います、それぞれの役割をしっかり理解できるようまとめました！ Axiosとは？ Axiosは、ブラウザとNod […] -
PHP
ExcelファイルインポートでBOM付き / 無しの違いとは？ ハンズオンでWordPressにCSVインポートで投稿、メモリ効率の良いyieldの活用
BOM付き / 無しとは？ 「Byte Order Mark」の略です BOMは先頭3バイトにに配置されるレベルの様なものです。 この先に続くテキストのエンコーディングの判別ができるようになります。 エンコーディングとテ […] -
TypeScript
MastraでAIエージェント作成する方法
Mastraとは AIエージェントを開発できるTypeScriptベースのフレームワークです AIエージェントとは ユーザーからのインストラクションを通じてタスクを進行してくれます -
CSS
【CSS】背景をSVGのペジェ曲線でゆるやかなカーブ線切り抜く方法
手順 ▽ サンプル コンテンツ SVG実装のポイント viewBoxとは仮想的な座標（上記の場合は横幅1440、高さ240の領域を想定）のキャンパスを設定してます アスペクト比（縦横比）を保持せず、強制的に幅・高さにフィ […] -
JavaScript
jQueryのフォームバリデーションを「Jestでテストする」簡単な手順
Jestとは？ Jestは、JavaScriptのコードをテストするためのツールです。あなたが書いたコードが正しく動くかどうかを自動的にチェックしてくれます。 Jestは非常に一般的で広く使われているJavaScript […] -
AWS
【Bedrock】生成AIに長文出力させる方法
長文の出力を要求する際、回答内容が途中で途切れる場合があります。 それはmax_tokensを超えていることが原因です。 どのようにすれば、途切れずに長文出力ができるでしょうか？ 再帰的継続生成 概要: 最大トークン制限 […] -
JavaScript
Express.jsのログ出力設定（Morgan、Winston、log4js比較）
Express.jsのログ出力システム 基本的なMorganログシステム クライアント リクエスト Express サーバー Morgan access.log ログ書き込み Winstonを使った高度なログシステム ク […] -
未分類
PV激減の原因は「重複コンテンツ」かも？Googleサーチコンソールでの確認＆対処法まとめ
ある日ふと、あれ最近PV下がっている、、しかもあからさまにというこありませんか？ これって何か検索エンジンからペナルティを受けているのでは、、 でも特にサーチコンソールでそのような通知はうけていないのに、原因は何だろう […] -
JavaScript
ES6モジュールによるフロントエンドコードの分割と管理 – 実践ガイド
はじめに 大規模なJavaScriptアプリケーションを開発していると、コードの管理が困難になることがあります。1つのファイルにすべての機能を詰め込んでいくと、メンテナンスが難しくなり、バグの特定も困難になってしまいます […]