カラフルボックスのアルファSSL購入・設定ガイド｜www問題とSAN対応の落とし穴 2026.05.07 WEB制作・環境 クライアントサイトのSSL証明書を更新したところ、https://www.example.comでアクセスするとブラウザに「この接続ではプライバシーが保護されません」というエラーが… 続きを読む さくらのレンタルサーバー＋お名前.comでSPF・DKIM・DMARCを設定する方法 2026.03.25 WEB制作・環境 2024年以降、GmailはSPF・DKIMによる送信者認証が通らないメールを多くのブロックする仕様に変更しました。以下のエラーが出た場合、認証設定が必要です。550-5.7.26… 続きを読む Macスクリーンショットのファイル名を1クリックでリネームする方法【AppleScriptアプリで・macOS Sequoia対応】 2026.02.24 WEB制作・環境 Macでスクリーンショットを撮ると、デフォルトではスクリーンショット2026-05-0712.34.56.pngのような日本語混じりの長いファイル名になります。Slackに貼り付け… 続きを読む Raspberry Pi 5でNASを自作する方法 - SSD起動＋Tailscaleで外出先からもアクセスできる構成を構築 2026.02.24 WEB制作・環境 GoogleDriveやiCloudの容量が足りない。市販NASは外部アクセスに制限がある。pCloudはファイルの競合で大事なデータが消えた——。そんな不満を解消すべく、Rasp… 続きを読む WordPress対応の主要レンタルサーバー比較表【2026年最新】 2026.03.25 WEB制作・環境 WordPress対応の主要レンタルサーバー比較表【2026年最新】⚠️料金はすべて更新時の実際の月額（税込・12ヶ月契約換算）を記載しています。初回割引キャンペーン価格ではありま… 続きを読む 無料で使えるオープンソースのスニペットツール「Espanso」｜導入から使い方 2026.02.12 WEB制作・環境 スニペットツール（テキスト展開ツール）は、キーワードを入力するだけで定型文やコードブロックに自動展開してくれるツールです。メールの署名、住所、コードテンプレートなど、繰り返し入力す… 続きを読む Shopify商品ページにHERO画像やセクションを追加する方法｜テーマエディター活用ガイド 2026.01.20 WEB制作・環境 Shopifyで商品ページをカスタマイズしたいと思ったことはありませんか？商品ページの上部に大きなメインビジュアルを表示したい特定の商品だけ特別なレイアウトにしたい商品説明の下にF… 続きを読む Shopify商品バリエーションの設定方法｜サイズ・カラー・タイプを1商品にまとめる 2026.01.20 WEB制作・環境 Shopifyでネットショップを運営していると、「同じ商品でサイズ違いやカラー違いを販売したい」という場面が出てきます。たとえば：Tシャツの「S/M/L/XL」サイズスマホケースの… 続きを読む Shopifyで商品カート追加時に確認ポップアップを表示する方法【Liquidカスタマイズ】 2026.01.19 WEB制作・環境 ECサイトを運営していると、「この商品は単体では使えません」「別の商品と一緒に購入してください」といった注意事項をお客様に伝えたい場面があります。例えば：プリンターのインクカートリ… 続きを読む 開発者のためのフォームテスト効率化！Chrome拡張機能「Form Auto Filler」 2025.12.16 WEB制作・環境 フォーム開発のテストで、毎回同じデータを手入力していませんか？「お名前」「フリガナ」「メールアドレス」「電話番号」「住所」...確認画面に進んで戻って、また最初から入力...正直、… 続きを読む Macのターミナル / Windows コマンドプロンプトで[conflicted]ファイルを一括削除する方法（サブフォルダ対応） 2025.10.09 WEB制作・環境 pCloudやDropbox、iCloudなどのクラウドストレージを使用していると、同期の競合により「[conflicted]」や「[conflicted2]」といった文字列が自動… 続きを読む VS Code/Cursor拡張機能をVSIXファイルから手動インストールする方法 2025.09.30 WEB制作・環境 CursorはVSCodeベースのエディタですが、一部の拡張機能はCursorの拡張機能マーケットプレイスで見つからないことがあります。そのような場合、VSIXファイルを使った手動… 続きを読む VS Code keybindings.json設定｜Mac/Windowsでショートカットを統一する方法 2025.09.21 WEB制作・環境 VSCodeのショートカットは、基本的にCtrl（Windows）⇔Cmd（Mac）の置き換えで対応できます。しかし、一部のショートカットはOS間で全く異なるキー配置になっており、… 続きを読む Macのターミナルで、サブフォルダ内を含むファイル名を一括リネームする方法 2025.06.12 WEB制作・環境 クラウドストレージやバージョン管理システムを使用していると、ファイル名に自動的に追加される文字列（例：[conflicted]、copy、(1)など）に悩まされることがあります。特… 続きを読む カラフルボックスでのドメイン変更方法について 2025.03.25 WEB制作・環境 最近、会社名変更に伴いドメインの変更作業を行いました。この記事では、カラフルボックスを利用したドメイン変更の手順を備忘録として残しておきます。今回は架空の例として「株式会社山田製作… 続きを読む サーバーに置いた動画が再生されない場合のチェックポイント 2025.03.18 WEB制作・環境 ウェブサイトで動画を使いたい場合、YouTubeなどの外部サービスを利用する方法もありますが、自社サーバーで動画を管理したいケースも多いでしょう。しかし、自前のサーバーに動画ファイ… 続きを読む 自社サーバーにフォームを設置するのに「Internal Server Error」で大変だった話 2025.03.17 WEB制作・環境 先日、クライアントから「自社サーバーにお問い合わせフォームが欲しい」というシンプルな依頼を受けました。普通なら数時間の作業です。WordPressのプラグインを入れるか、簡単なPH… 続きを読む Macのターミナルを使って、サブフォルダ内を含むファイル名を一括リネームする方法 2025.02.18 WEB制作・環境 クラウドストレージやバージョン管理システムを使用していると、ファイル名に自動的に追加される文字列（例：[conflicted]、copy、(1)など）に悩まされることがあります。特… 続きを読む PowerPointのノート部分をLibreOfficeで抽出する方法 2025.01.23 WEB制作・環境 必要なソフトウェアLibreOffice(無料のオフィスソフト)AdobeAcrobat(PDFソフト)手順1.ノートの確認と調整(LibreOfficeImpress)Power… 続きを読む アニメーションを損なわない『SVG Cleaner』の最適化設定 2024.09.25 WEB制作・環境 SVGファイルの最適化は、ウェブサイトのパフォーマンス向上に重要です。しかし、SVGアニメーションを使用している場合、不適切な最適化設定によってアニメーションが機能しなくなる可能性… 続きを読む iMacを、Mac miniの外部ディスプレイ化するLuna Displayの接続手順 2024.09.10 WEB制作・環境 はじめに古いiMacを活用して、新しいMacminiの外部ディスプレイとして使用したい場合、LunaDisplayが便利なソリューションとなります。この記事では、2014年モデルの… 続きを読む Excelで特定の行を並び替えの対象外にする方法 2024.09.06 WEB制作・環境 Excelで特定の行を並び替えの対象外にする方法Excelでデータを整理する際、ヘッダー行など特定の行を並び替えの対象外にしたい場合があります。この記事では、その方法を詳しく解説し… 続きを読む 【Adobe XD】便利なプラグインのまとめ 2025.05.28 WEB制作・環境 AdobeXD便利プラグインまとめAdobeXDの作業効率を大幅に向上させる便利なプラグインをまとめました。インストールも使い方も簡単なので、ぜひ試してみてください！おすすめプラグ… 続きを読む カラフルボックスでSPF・DKIM・DMARCを設定する方法【Gmail対応】 2025.03.25 WEB制作・環境 2024年以降、GmailはSPFまたはDKIMによる送信者認証が通らないメールを多くのブロックする仕様に変更しました。設定が不十分な場合、以下のようなエラーで送信したメールが弾き… 続きを読む MacでのGitのインストールからリポジトリのクローン方法 2024.01.09 WEB制作・環境 Gitは、プロジェクトのバージョン管理に不可欠なツールです。この記事では、MacでGitをセットアップし、リポジトリをクローンするまでの手順を簡単に説明します。 1.Ma… 続きを読む Adobe Creative Cloudの保存先とインストール先を外部SSDに変更する方法 2023.07.11 WEB制作・環境 AdobeCreativeCloudは、デザインやビデオ編集、ウェブ開発など、クリエイティブな作業を行うための一連のアプリケーションとサービスを提供しています。しかし、これらのアプ… 続きを読む MacBook Airのストレージを確保するために、Adobeのデータを外部SSDに移動する方法 2023.07.06 WEB制作・環境 はじめに：256GBSSDを搭載したMacBookAirを使用していると、特に多くのAdobeアプリケーションをインストールしている場合、ストレージスペースがすぐにいっぱいになるこ… 続きを読む
CODE-PLUS