今回はChatGPTでプロフィール用の画像を作ってもらいました！
ほんとになんでもできちゃいますね！
まず作ってほしい画像をお願いします。
「はてなブログのプロフィール用に使えるかわいい女の子のイラスト」とかですね。
最初に作られた画像はWEPBファイルで、そのままだと使えないようだったので名前を付けてpngファイルに変更（いまだにこのファイルの違いってよくわかってませんが）。
アップロードできるファイルの大きさにも制限があって（１MBまでかな？）、そのままの大きさではできなかったので、ChatGPTで６４×６４ピクセルの大きさに調整してもらいました。
ダッシュボードのアカウント設定から「変更する」をクリックすると、いろいろプロフィールを設定変更できるので、プロフィール画像の「変更する」を選択します。
使う画像を選択して、「設定する」をクリックすると、完了！
今まで無料のイラストサイトの画像を使ってましたが、オリジナル感のあるプロフィール画像になりました！
ChatGPTでアイキャッチ画像を作ってみました。
ChatGPTは最初にアカウントを作る必要がありますが、基本無料で使えるAI。
公開された当時大きな話題になりましたね。
最初は言葉でのやりとりだけでしたが、今はイラストも描いてくれるようになっていました！
今回は「コスモスの花のイラストを描いてください」とお願いした後に、「はてなブログのアイキャッチ用に大きさを調整してください」というお願いをしました。
できたのがこちら。
無料版でイラストが作成できるのは1日2枚までと決まっているようです。
修正するだけの場合は何回かできました。
ChatGPTのサイトはこちら
英語で書いてありますが、日本語で質問すれば日本語になります。
言葉を絵で表現してくれるって、すごい技術ですよね！
いつか人間を超えるAIが現れるかもしれない、というのもあながち夢物語ではないかもしれません。
今回はおしゃれな背景を使ってみたいと思います。
参考にした記事はこちら！
このコードをHTML編集画面に貼り付けるとこうなります↓
backgroundの部分の色を変えてバリエーションを作ってみます。
<div style="border: none; background: #f5ecf4; background-image: radial-gradient(#ffffff 15%, transparent 20%), radial-gradient(#ffffff 15%, transparent 15%); background-position: 0 0, 13px 13px; background-size: 25px 25px; padding: 15px;">
<div style="background-color: rgba(255, 255, 255, 0.8); border: none; width: 94%; padding: 10px;">ここに文字</div>
</div>
<div style="border: none; background: #fbd8b5; background-image: radial-gradient(#ffffff 15%, transparent 20%), radial-gradient(#ffffff 15%, transparent 15%); background-position: 0 0, 13px 13px; background-size: 25px 25px; padding: 15px;">
<div style="background-color: rgba(255, 255, 255, 0.8); border: none; width: 94%; padding: 10px;">ここに文字</div>
</div>
<div style="border: none; background: #dbebc4; background-image: radial-gradient(#ffffff 15%, transparent 20%), radial-gradient(#ffffff 15%, transparent 15%); background-position: 0 0, 13px 13px; background-size: 25px 25px; padding: 15px;">
<div style="background-color: rgba(255, 255, 255, 0.8); border: none; width: 94%; padding: 10px;">ここに文字</div>
</div>
<div style="border: none; background: #dbd0e6; background-image: radial-gradient(#ffffff 15%, transparent 20%), radial-gradient(#ffffff 15%, transparent 15%); background-position: 0 0, 13px 13px; background-size: 25px 25px; padding: 15px;">
<div style="background-color: rgba(255, 255, 255, 0.8); border: none; width: 94%; padding: 10px;">ここに文字</div>
</div>
文字の後ろが白なので文章がみやすいですね！
コードも凝ってる感じがします！
こういうのを自分で作れるようになったら楽しそうですね！
株の信用取引で巨額の損失を出してピンチの青汁王子。
なんとか知り合いからお金を借りることができて一安心しましたが、「3億ポンと貸してくれる人なんかいるわけない。嘘なんじゃないか」とニュースになってましたね。
庶民が想像するのは難しいですが、きっとお金持ちの世界ではポンと3億くらい貸せるほどお金が余ってるんでしょう。
青汁王子がフォロワーに誓いを宣言する、というつぶやきをしてたので何を言うんだろうと思っていたら、10月6日から12日までの一週間ホストをやるっていう告知でした。
「これが俺の最後の聖戦」
— 三崎優太(Yuta Misaki) 青汁王子 (@misakism13) October 1, 2024
10月6日から10月12日までの一週間、歌舞伎町ホストクラブCANDYに降臨します。これで三崎愛汁は引退です。
この間に稼いだお金は、フォロワーの皆さんに配り、Xを愛のプレゼントで埋め尽くします。もう二度と会えなくなる、だから最後に楽しもう。愛と欲望に飢えた夜を。 pic.twitter.com/h2sO2DAMge
お金目当ての女性から「私はお金持ちが好き」と言ってふられたらしいですね。
キャバ嬢からの連絡がない、という嘆きもつぶやいてましたが、キャバ嬢がお金のない人を相手にするわけないのは当然かなと思います。
財布がもててただけだったということですね。
お金がなくなってワンルームの狭いマンションに住む青汁王子に会いたいというお客さんがどれだけ集まるのか、気になります。
稼いだお金をフォロワーに配るとのことですが、ほんとに青汁王子を応援したいと思っている人がお金を配ってもらっても嬉しいと思うでしょうか？
青汁王子、恒例のホストをやるらしいですけど、いつも通り稼いだお金はフォロワーさんに配ると言って、まずは借りた金を返すべきと炎上しているみたいですね。…
— WELL（うぇる） (@Well_Design1) October 1, 2024
借りたお金を先に返すべき、と普通なら考えそうなものですが。
人気者でありたい、という思いがどこかずれた方向へ進ませてしまうのでしょうか。
「地獄をみる」→「ホストをやる」→「お金配る」の流れはこれが最初ではないとのこと。
青汁王子のインフルエンサーとしての戦略が毎回同じというのは、策が乏しいと言わざるを得ませんね。
劇場だとしてももう少し違う展開にしないと飽きられそうです。
ピンチの青汁王子を救いたい、と思っている人は少なからずいるでしょう。
でも青汁王子はホストで稼いだお金を配ってしまうつもりでいる。
それをわかっていて大金を使いたいと思う人が果たしているのでしょうか。
今回でホストは最後にするといっていますが、次の策はあるのか。
1時間お茶するだけで3000万円とるビジネスを始めてたから、お金に関してはなんとかなるのかもしれませんね。
【悲報】青汁王子、ママ活をはじめてしまう
— お侍さん (@ZanEngineer) August 30, 2024
またホストやるのかと思ったら、思ったよりアレなやつで草。
＞「青汁王子」三崎優太氏 報酬３０００万円の新ビジネス発表 内容は「私と月１回、１時間、お茶するだけ」 株価暴落で２０億円損失 pic.twitter.com/gk8gpEej5s
今後はこのコンテンツで、ネタを作っていくという可能性もあります。
顧客の一人の青笹さんとの動画あがってましたしね。
このところ、悲劇のヒロインを見ているような感覚でした。
まさに劇場。
そして救いの手が差し伸べられて、感謝の気持ちを伝えるのにお金を配るという発想しかなかったというのがちょっと残念ではあります。
人に喜んでもらうのにお金以外の手段を考えることができない、というのは青汁王子の最大の弱点かもしれません。
最近急に体がむくんできて、このまま死ぬんじゃないかという目にあいました。
体が内側から膨張してきて、皮膚が引っ張られてとにかく痛い。
そんな状態になったのは初めてだったのでびっくりしました。
原因がわかって治療を初めてだいぶ楽になりましたが、ふつうに毎日を過ごせることがいかに幸せだったか、と思う日々。
もし状態がよくなったら、「アイスが食べたい！」というのがそのときの夢でした。
MRI撮ったり、腸のシンチグラフィー撮ったりといろいろ検査しました。
産婦人科では子宮筋腫が足の血管を圧迫していることがむくみの原因だといわれ、手術を勧められました。
が、実際にはたんぱく漏出胃腸症という現象で、子宮筋腫は関係ありませんでした。
言われるがままに手術に向かってたら恐ろしいことになってましたね。
今はまだ治療中で、むくみもまだ完全にはなくなっていないため食事には気を使ってお菓子などは食べないようにしています。
スイーツって体にはただただ悪いものですからね。
でも「もしかしたら死ぬかもしれない」と思ったとき、食べたいものをひたすら我慢するというのももったいないな、と感じました。
もちろん体に悪いものばかリ食べていると当然体は悪くなるのでそこはバランスですが・・・
いつでもできる、と思っていたことが突然できなくなることがあることを痛感した今日この頃。
私にとってちょっとした夢、それは日々が変わらず平穏であってほしいということ。
切実な願いと言ってもいいかもしれません。
無理をしている、と自覚したときには私の場合すでに限界をこえてしまっていることが多いので、平穏な日々を維持するのもなかなかたいへんです。
今回はかわいい見出しデザインを使ってみたいと思います。
参考にした記事はこちら！
<div style="font-size: 140%; border-left: 5px solid #77B8DA; padding: .5em 0 .5em .75em; background: repeating-linear-gradient(90deg, #edf5f4, #edf5f4 10px, #f6faf9 0, #f6faf9 20px);">ここに文章</div>
このコードをHTML編集画面に貼り付けるとこうなります↓
色を変えてバリエーションを作ってみます。
<div style="font-size: 140%; border-left: 5px solid #e3acae; padding: .5em 0 .5em .75em; background: repeating-linear-gradient(90deg, #ffeaff, #ffeaff 10px, #fef9fb 0, #fef9fb 20px);">ここに文章</div>
<div style="font-size: 140%; border-left: 5px solid #c2894b; padding: .5em 0 .5em .75em; background: repeating-linear-gradient(90deg, #ffeddb, #ffeddb 10px, #fffcf9 0, #fffcf9 20px);">ここに文章</div>
<div style="font-size: 140%; border-left: 5px solid #79c06e; padding: .5em 0 .5em .75em; background: repeating-linear-gradient(90deg, #efffe0, #efffe0 10px, #f9fff4 0, #f9fff4 20px);">ここに文章</div>
<div style="font-size: 140%; border-left: 5px solid #b79fcb; padding: .5em 0 .5em .75em; background: repeating-linear-gradient(90deg, #efe0ff, #efe0ff 10px, #f9f4ff 0, #f9f4ff 20px);">ここに文章</div>
font-sizeで文字の大きさが調節できますね！
<div style="font-size: 140%; padding: .5em 0 .5em .75em; border-left: 5px solid #77B8DA; background: repeating-linear-gradient(-45deg, #edf5f4, #edf5f4 10px, #f6faf9 0, #f6faf9 20px);">ここに文章</div>
色を変えてバリエーションを作ってみます。
ピンク系
<div style="font-size: 140%; padding: .5em 0 .5em .75em; border-left: 5px solid #e29399; background: repeating-linear-gradient(-45deg, #ffefff, #ffefff 10px, #fff9f5 0, #fff9f5 20px);">ここに文章</div>
オレンジ系
<div style="font-size: 140%; padding: .5em 0 .5em .75em; border-left: 5px solid #d0826c; background: repeating-linear-gradient(-45deg, #fff2e5, #fff2e5 10px, #fff9f5 0, #fff9f5 20px);">ここに文章</div>
緑系
<div style="font-size: 140%; padding: .5em 0 .5em .75em; border-left: 5px solid #89c997; background: repeating-linear-gradient(-45deg, #dbffed, #dbffed 10px, #f9fff4 0, #f9fff4 20px);">ここに文章</div>
紫系
<div style="font-size: 140%; padding: .5em 0 .5em .75em; border-left: 5px solid #b79fcb; background: repeating-linear-gradient(-45deg, #eddbff, #eddbff 10px, #f7efff 0, #f7efff 20px);">ここに文章</div>
見出しがおしゃれになりそうですね！
今回は横長タイトル付き囲み枠を使ってみたいと思います。
参考にした記事はこちら！
横長タイトル付き囲み枠
<div style="padding: 20px 20px 10px; margin: 2em 0; background: #e4f3ff;"><div style=" margin: -20px -20px 10px; font-size: 1.2em; padding: 4px 10px; text-align: center; background: #3f51b5;font-weight: bold; color: #ffffff;">タイトル</div> <p style=" margin: 0; padding: 0;">内容</p></div>
このコードをHTML編集画面に貼り付けるとこうなります↓
内容
色を変えてバリエーションを作ってみます。
ピンク系
<div style="padding: 20px 20px 10px; margin: 2em 0; background: #fff4f9;"><div style=" margin: -20px -20px 10px; font-size: 1.2em; padding: 4px 10px; text-align: center; background: #f6bfbc;font-weight: bold; color: #ffffff;">タイトル</div> <p style=" margin: 0; padding: 0;">内容</p></div>
このコードをHTML編集画面に貼り付けるとこうなります↓
内容
黄色系
<div style="padding: 20px 20px 10px; margin: 2em 0; background: #ffffea;"><div style=" margin: -20px -20px 10px; font-size: 1.2em; padding: 4px 10px; text-align: center; background: #fdd35c;font-weight: bold; color: #ffffff;">タイトル</div> <p style=" margin: 0; padding: 0;">内容</p></div>
このコードをHTML編集画面に貼り付けるとこうなります↓
内容
緑系
<div style="padding: 20px 20px 10px; margin: 2em 0; background: #efffef;"><div style=" margin: -20px -20px 10px; font-size: 1.2em; padding: 4px 10px; text-align: center; background: #a3d6cc;font-weight: bold; color: #ffffff;">タイトル</div> <p style=" margin: 0; padding: 0;">内容</p></div>
このコードをHTML編集画面に貼り付けるとこうなります↓
内容
紫系
<div style="padding: 20px 20px 10px; margin: 2em 0; background: #f7efff;">
<div style="margin: -20px -20px 10px; font-size: 1.2em; padding: 4px 10px; text-align: center; background: #d1bada; font-weight: bold; color: #ffffff;">タイトル</div>
<p style="margin: 0; padding: 0;">内容</p>
</div>
このコードをHTML編集画面に貼り付けるとこうなります↓
内容
最後に要点をまとめるのに使えそうですね！
横長タイトル付き囲み枠のカラーバリエーション
・ピンク系