🔰はじめての方へ

maple

AI

画像の変換・編集サイトを毎回探すのが大変で、無料の「画像ツール箱」をつくりました

画像の変換や編集ができるサイトを毎回探すのが大変で、無料の「画像ツール箱」をつくりました。別々のアプリだったトリミングやモックアップ作成のツールを1か所にまとめた経緯と、今後の予定を書いています。
アプリ

デカ文字計算紹介

@import url("");body { overflow-x: clip; }#dkm-lp { --paper: #fffdf7; --cream: #fff3d9; --ink: #71471f; --text: #3d2a17;...
Google広告

お問い合わせフォームのコンバージョン設定|URLが複数あるサンクスページをGTMで1つにまとめる方法

お問い合わせフォームのサンクスページをGoogle広告のコンバージョンとして計測する方法を、GTMとGoogle広告の両方の画面に沿ってまとめました。URLが複数ある場合の設定や、GA4のイベントしか選べないときの対処も紹介しています。
PHP

迷惑メールに入ってしまう解決に使った「Resend」の設定方法|DNS・APIキー・PHPでの送信までまとめました

仕事で作っているLPのお問い合わせフォームで、送信テストをするたびにメールが迷惑メールフォルダに入ってしまいました。何度送り直しても結果は同じ…そこで、メール送信サービスのResend(リセンド)を使うことにしました。とはいっても、私は設定...
Google広告

Google広告の拡張コンバージョンをGTMで設定する方法|お問い合わせフォーム+確認画面+サンクスページ構成

Google広告の拡張コンバージョンをGTMで設定する方法を、確認画面・サンクスページ構成を例に解説します。
PHP

メール設定で出てくるSPF・DKIM・DMARC・ARCとは?MXレコードとの違いもやさしく解説

メール設定で出てくるSPF・DKIM・DMARC・MXの意味を、初学者の私が調べた内容をもとに郵便のたとえで整理しました。それぞれの役割の違いや、Gmailの送信者ガイドラインとの関係もまとめています。
CSS

ハンバーガーメニューの作り方とスクロール対応|CSSだけで作るチェックボックス方式

ハンバーガーメニューを開いても中身がスクロールできないときの原因と、CSSでの直し方をまとめました。チェックボックス方式の基本コードと、dvh・overflow・overscroll-behaviorなど1行ずつの意味を解説しています。
サイト作成

正規表現チートシート|.htaccess・VSCode・JavaScriptで使える記号の早見表

正規表現を早見表にまとめました。文字・位置・回数・グループの記号一覧と、.htaccess・VSCode・JavaScriptでの書き方の違い、よく使うパターン例を初心者向けに解説します。
サイト作成

.htaccessの書き方を初心者向けに解説|一部のエリアだけ検索に出してそれ以外をnoindexにする方法

.htaccessの意味と基本の書き方を初心者向けに解説。たくさんのページの中から特定のエリアだけを検索にインデックスさせ、それ以外にnoindexを付けるコードを1行ずつ読み解きます。
PHP

PHPファイルの権限(パーミッション)644・フォルダ700って何?ターミナルのls -alで見るパーミッション入門

サイト制作中に指摘された「PHPは644、フォルダは700」の意味がわからなかったので調べてまとめました。パーミッションの数字の意味、ターミナルのls -alでの見方、サーバー側での変更方法を初心者目線で解説します。
CSS

CSSで日本語の改行位置を指定する方法|word-break: keep-all、<wbr>タグ、inline-block、nowrap、auto-phrase、text-wrap: balance

HTML・CSSで日本語テキストの折り返し位置を指定する方法をまとめました。私が使ったword-break: keep-allとwbrの組み合わせのほか、br・inline-block・nowrap・auto-phrase・text-wrap: balanceも紹介します。
Github

VS CodeからGitHubへプッシュできない!「履歴の分岐」の原因と安全な解決方法|初心者向け

VS CodeでWebサイトを制作していると、GitHubへ変更をプッシュした際に、突然エラーが表示されることがあります。今回、ランディングページを制作していたところ、GitHubへプッシュできなくなりました。原因は、ローカルとGitHub...
サイト作成

Mailpit(メールピット)ってなんぞや!?お問い合わせフォームのテストメールをDockerで確認する方法|初心者

Mailpit(メールピット)は、開発中のお問い合わせフォームから送ったメールを受け止めて画面で確認できるテスト用ツールです。Dockerでの起動方法や画面の見方を初心者向けにまとめました。
AI

D-U-N-S番号の住所変更をしてみた|バーチャルオフィス契約後にAppleの住所も変更|個人事業主

D-U-N-S番号の登録住所を変更したときの手順を記録。バーチャルオフィス契約後のD&B・Apple Developer・App Store Connectの住所確認についてまとめました。
AI

Android Studioのエミュレーターの始め方|ダウンロードからAVD作成・起動まで

Android Studioのダウンロードからエミュレーター(AVD)の作成・起動までを初心者向けにまとめました。ターミナルからの起動方法や、Claude Codeに起動してもらったときの話も載せています。
AI

Androidアプリ開発に必要な画像まとめ|フィーチャーグラフィック・スクリーンショット・アイコンの作り方

Androidアプリ公開に必要なフィーチャーグラフィック、スクリーンショット、アイコン、Adaptive Iconの作り方を初心者向けにまとめました。
SEO

Google Search Consoleでドメインプロパティを追加する方法|DNSレコードで所有権を確認する

Google Search Consoleでドメインプロパティを追加し、DNSのTXTレコードでドメイン所有権を確認する方法を初心者向けにまとめました。
AI

iPhoneで薬の飲み過ぎを防ぎ、時間を管理できる「MedTimer お薬タイマー」を公開しました!

こんにちは!今回は、私が個人で制作したiPhoneアプリ、「MedTimer お薬タイマー」をApp Storeで公開したので紹介します。薬を飲んだあと、「次に飲めるのは何時だっけ?」「さっき飲んだのは何時だったかな?」「この薬、もう飲んだ...
AI

iPhoneで毎日の気分を記録できる「3秒で今日のきぶん」を公開しました|10段階でかんたんに残せる気分記録アプリ

こんにちは!今回は、私が個人で制作したiPhoneアプリ 「3秒で今日のきぶん」 をApp Storeで公開したので紹介します。「今日はなんとなく気分がいい」「今日はちょっと疲れている」そんな毎日の変化を、できるだけ簡単に残せるように作った...
アプリ

Macでスクリーンショットを撮る方法|ウィンドウだけきれいに保存する

パソコンを使っていると、ブログ記事やアプリの紹介、MacOSのアプリスクショ画像などで「画面の一部だけスクリーンショットを撮りたい」と思うことがあります。特にMacでは、アプリのウィンドウだけを選択して撮影すると、ウィンドウの形に合わせて角...