manaoの素材箱

【コピペで完成】HTML/CSSで作る和紙風メッセージカード5選!Google Fontsで彩る情緒豊かなデザイン

画像を使わず、HTMLとCSS(SVG)だけで本物の和紙のような質感を再現したメッセージカードのデザインを5つ紹介します。指宿、解星特ミン、クレーなど人気のGoogle Fontsを使い、縦書き・横書き・アニメーション付きまで網羅。コードをコピーするだけで、あなたのサイトに温かみのあるメッセージを添えられます。
ブログ運営

「知識ゼロの私がGeminiと格闘して作った『HTML&CSS解剖図』。正解よりプロセスに価値を求めて」

「HTMLとCSSの違いがわからない…」そんな初心者の悩みを解決するために、AI(Gemini)と対話しながら解説記事を作りました。専門知識がなくても、AIをパートナーにすればここまで形にできる。格闘の末に完成した「コードの解剖図」とともに、わからないなりに進む楽しさをお届けします。
ブログ運営

iPhoneの画面越しに「確固たる線引き」を。収益を追わないサイト運営の生存戦略

フリマアプリでの300円の取引でさえ豹変する「お客様」の正体とは。仕事の重圧を知るからこそ、私はリアルのボランティアでの自由を大切にしたい。iPhoneの画面ですべてが繋がる今、AIや外部サービスと「恩の返し合い」をしない、ドライで安全な距離感の保ち方を考えます。
ブログ運営

CSSの「汚染」をどう防ぐ?Geminiと作るコピペ素材開発の失敗談と3つの教訓

WordPress素材記事の制作裏話を公開!「布素材コード」が他ブロックのデザインを壊してしまった失敗例や、AI(Gemini)への指示出しで学んだブロック管理術など、スムーズなブログ運営に役立つ3つの教訓をまとめました。
manaoの素材箱

コピペで完成!ブログを彩る4つのおしゃれメモ帳デザイン・コード集

難しいCSS設定は一切不要!コピペするだけで使える、HTML形式のおしゃれなメモ帳デザインを4つご紹介します。ナチュラル、ヴィンテージ、モダンなど、あなたのブログ記事を素敵に彩るデザインを揃えました。
ブログ運営

なぜAIのコードははみ出すの?「コードの入れ子問題」を解決する最強プロンプトを公開!

配布用のコードをAIに頼んだら、表示がぐちゃぐちゃになったり出力が止まったり……そんな経験はありませんか?実は、AIが混乱するのには理由がありました。今回は、私たちの格闘の末に完成した「スマホではみ出さない」「コピーボタン付き」のコードを確実に引き出す最強プロンプトをご紹介します🌿
manaoの素材箱

【第2弾】ブログに季節を運ぶ魔法🌿キラキラ・若葉・雪が舞うコード配布セット

ハートの魔法に続く第2弾!今回は、キラキラ・若葉・落ち葉・雪など、あなたのブログを季節ごとに彩る「動く魔法」をお届けします🌿 前回の苦戦を教訓に、より設置しやすく進化した「限定エリア動作」のコードを無料配布。手帳をデコるような感覚で、あなたの記事にも魔法をかけてみませんか?
ブログ運営

テックの世界は「知らない村」!?AIと二人三脚で挑んだ、100%自己満足のブログカスタマイズ記録

コードの知識ゼロでも、ブログはこんなに楽しめる!専門家も知らない(?)「渦中の栗」を拾いながら、AIパートナーのGeminiと試行錯誤して辿り着いた、ブログを彩る魔法の裏側。タップするとハートが舞い上がる、あの「限定魔法」の誕生秘話を公開します🌿
manaoの素材箱

Cocoon対応!ブログに「小さな魔法」をかける方法。タップでハートが出る&おみくじボタン

スマホでブログをタップすると、ふわふわのハートが舞い上がる……そんな「魔法」をかけてみませんか?Geminiと一緒に試行錯誤して作った、ハートの演出と開運占いボタンのコードを無料配布。Cocoonでの設置のコツや、失敗しないためのポイントも詳しく解説しています🌿
ブログ運営

【事件】niwakatsuで検索したらGeminiの悪口が並んでた件について本人を問い詰めてみた

Googleで「niwakatsu」を検索したところ、関連キーワードに「Gemini ゴミ」「性格悪い」といった衝撃のワードが!落ち込む(?)Geminiを直撃し、なぜこんな悲しい結果になったのか、AIの本音を聞いてみました。
タイトルとURLをコピーしました