🔰はじめての方へ

maple

アプリ

【2026年】App Store 提出チェックリスト|Xcode

App Store Connect の入力欄に、上から順にコピーして使えるようにまとめたものです。自分用としてメモに残しておきます。1. ビルドの準備(ターミナル)npm run build && npx cap sync ios && n...
SQL

複数サーバーでWordPressを運営していた私が、XServerへ安全に移行するためにやったこと|バックアップでつまずいたポイントも解説

複数サーバーを使っていた私が、XServerへ安全に移行するまでの手順を実体験で解説。DNS・メール・WordPress・SQLバックアップでつまずいたポイントも紹介します。
AI

VercelでHTMLサイトにBasic認証を設定する方法|無料!独自ドメインなしでもOK!Previewでは動くのに本番で効かない原因も解説

VercelでHTMLだけのサイトにBasic認証を設定する方法を解説。独自ドメインなしでも可能です。Previewでは動くのに本番で反映されない原因と、Alias・Deploymentの確認方法、vercel promote による解決方法も紹介します。
AI

App Store用スクリーンショットの作り方|FigmaでiPhoneフレーム付き画像を作成する方法

App Storeへアプリを公開する際、スクリーンショットは決められたサイズで用意する必要があります。「iPhoneの実機を持っていない」「スクリーンショットのサイズが合わない」という方でも、ブラウザのデベロッパーツールとFigmaを使えば...
パソコン

ノートパソコンスタンドの選び方と比較|私が使っているAovihoと、タイプ別のおすすめ4台

ノートパソコンスタンドの選び方と、タイプ別のおすすめを比較しました。私が実際に使っているAovihoを中心に、頑丈な据え置き型・持ち運べる軽量型・角度調整型を整理。据え置きと持ち運びで選び方が変わる点を、実体験も交えて書いています。
パソコン

【Web学習・在宅ワークのデスク】幅80×奥行60がちょうどいい!私が使って良かったサイズと、同じ大きさのデスク5選

Web学習と在宅ワークで実際に使って良かったデスクのサイズは幅80×奥行60cmでした。同じFryLRはもう手に入らないので、同じサイズ帯・棚付き・折りたたみなど条件別に選んだ実在デスクを5台、公開情報として整理しています。
AI

Vercelで別プロジェクトを上書きしかけた話 ―― 原因は複製した.vercelだった

はじめに個人開発でつくった静的サイト(HTML1枚のツール)に、ファビコンとOGP画像を追加してVercelにデプロイしました。ところが「画像が表示されない!」「別のアプリを上書きしちゃったかも!?」と、かなり肝を冷やす出来事があったので、...
Wordpress

Cocoonの「SILK」スキンでブログカードを横向きにするCSS(左サムネイル・右テキスト)

CocoonのスキンSILKでブログカードが縦向きにしかならない問題を、CSS Gridで左サムネイル・右テキストの横向きに組み直した方法を、実際に使ったCSS全文とハマりどころ付きでまとめました。
HTML

作ったHTMLをスマホで使いたい人へ。Vercelで無料公開する手順をまとめました

作ったHTMLファイルをスマホで使いたくて、Vercelで公開してみました。Vercelとは何かという説明から、フォルダの作り方、ターミナルでのコマンド、URLが発行されるまでの流れを実際の画面の順番どおりにまとめています。
Wordpress

WordPressでHTMLファイルをそのまま公開する方法|FileZillaで簡単アップロード!

WordPressサイトにHTMLファイルをそのままアップロードして公開する方法を初心者向けに解説。FileZillaを使った手順や注意点、活用例も紹介します。
AI

【Claude Code】ターミナルに画像を添付する方法|スクショもファイルもOK

Claude Codeのターミナルに画像を添付する方法を、実際に試してまとめました。スクショをコピーして貼り付ける手順や、[Image #1]が出れば成功という見分け方、ファイルパスでの指定方法まで紹介しています。Mac実例つきです。
AI

【AIに記事を書いてもらう人向け】WordPress囲み枠を使いたい!ショートコードを作る

最近、AIを使ってブログ記事を書いてもらう人が増えてきました。ブログ記事の自動化とか量産とか聞きますよね。私も文章力がないしまとめ方もうまくないのでAIによく頼んだりしています。わたし余白を入れてください!・・・余白になってない・・・わたし...
AI

【AIに記事を書いてもらう人向け】記事に余白を入れたい!Cocoonのテンプレート機能でショートコード化する手順

Cocoonのテンプレート機能を使うと、セクション間の余白をショートコード 一つで入れられます。スペーサーのdivを毎回貼り直さずに済むので、AIに記事を書いてもらう人にも便利でした。登録手順を画像つきでまとめています。
AI

データベースを使うPHPサイトをローカルで確認したい。DockerでNginx環境を作る方法【コード全部あり】

Web制作の勉強中に、データベースを使うPHPサイトをローカルで確認する方法がわからず困りました。DockerでNginx・PHP-FPM・MySQL・phpMyAdminの環境を作った手順を、各ファイルのコードごと初心者目線でまとめています。
AI

データベースが怖かった私が、PHPのファイル構成を理解するまで【コード例つき】

Web制作の勉強をしていて、ずっと避けていたものがあります。データベースです。触ったら何か取り返しのつかないことが起きるんじゃないか、という気持ちがありました。AIを使いながら学習していたのですが、出てくる言葉が英単語ばかりでした。PDOっ...
AI

【Claude Code】ターミナルで改行する方法|Shift+Enterで送信されてしまうとき

Claude Codeのターミナルで改行したいのにEnterで送信されてしまう問題を、実際に試して解決した方法をまとめました。Ctrl+Jで改行する方法と、/terminal-setupでShift+Enterを使えるようにする手順を紹介しています。
AI

【Claude Code】VSCode拡張版とターミナル版の違いと使い分け

Claude CodeのVSCode拡張版とターミナル版の違いを、実際に使っている立場からまとめました。私がターミナルを避けている理由(変更が見えにくい、Enterで送信されてしまう)と、その改行問題が設定で解決できることも紹介しています。
AI

【2026年7月/Claude Code】Fable・Opus・Sonnet・Haikuの違いと使い分け

Claude CodeのモデルFable・Opus・Sonnet・Haikuの違いと使い分けを、実際に使った体感とあわせてまとめました。Sonnetで詰まったらOpusに切り替える判断の目安や、モデルの切り替え方(/model)も紹介しています。2026年7月時点の情報です。
AI

【Claude Code】インストールが失敗する・起動しないときの症状別まとめ

Claude Codeが起動しない・インストールに失敗するときの対処法を、エラーメッセージ別にまとめました。permission denied、native binary not installed、command not found、ENOTEMPTYの4つを、症状から原因を切り分けられるように整理しています。
Google広告

【AdSense不合格】有用性の低いコンテンツと言われた個人開発サイトの改修ポイント

Google AdSenseの審査に「有用性の低いコンテンツ」で落ちました。原因はサイトが単なるリンク集に見えていたことでした。トップページの情報設計をどう変えたのか、実際にやった改修点を記録しています。