SunoAIとUdioは、どっちがいいの？

出典：レオナルドAIより

AI Image Generator - Create Art, Images & Video | Leonardo AI

●SunoAIとUdioどっちがいいの？

ごきげんよう

癒し系Webデザイン×イラストレーター
Nsレイです。

今、大人気の音楽生成AIに

ハマっています

どちらのソフトが優秀なのでしょうか？
 

Suno is now on iOS! Download today on the Apple App Store: https://t.co/cvdN0TUM2q

Make any song you can imagine, anytime & anywhere, and share with your friends - all from your phone 📱 pic.twitter.com/lKkykX6b8W

— Suno (@suno_ai_) July 1, 2024

Introducing Udio, an app for music creation and sharing that allows you to generate amazing music in your favorite styles with intuitive and powerful text-prompting.

1/11 pic.twitter.com/al5uYAsU5k

— udio (@udiomusic) April 10, 2024

2023年5月にリリースされた
①Suno AI（スノーAI）

アメリカのスタートアップ企業、Suno社

2024年4月10日にリリースされた

②Udio（ユーディオ）

ニューヨークとロンドンを拠点にする企業
Uncharted Labs社
 

さっそく【お試し無料プラン】に登録して

音楽を作成して比べてみました（！）

２週間程、実験で100曲くらい作成してみたので

以下、その感想を述べさせて頂きます　　
 

 

①Suno AI（スノーAI）

SunoAIの解説ウキペディアより

日本語の歌詞の発音、めっちや優秀です！

そのまま使えます。音楽もばっちり。

少しだけプロンプト（指示）を与えると

きちんと歌詞も作成してくれます。完璧です。

インストメンタル作成時は、しっかりと

プロンプトを入れないと「おや？」という

作品に仕上がる事もあります（苦笑）

②Udio（ユーディオ）

Udioの解説ウキペディアより

インストメンタルで（歌詞なし）作成すると

とてもグルーブ感度のある素晴らしい

「おおッ」と感動する音質の良い

ミュージックができます。

こちら、日本語の歌詞作成は弱いかな。

しかし、インストメンタルと英語の歌、

日本語の歌はきれいです。

甲乙はつけがたいけど、

私がスパッと感じた感想です♪

 

どちらもどんどん進化して

バージョンUPをしていくと思うので

今、現時点での感想です（笑）

【注意】日本の歌詞で十六夜と記載したら、

どちらも「じゅうろくや」発音したので（！！）

小難しい日本語は最初からひらがなで

「いざよい」と記入した方が良いですね（苦笑）

近未来に飛んでいくAIに1000年昔の

古代日本の平安時代風の音楽を（！）

作成しようとしたのが無理だったｗ

ちなみにSuno AI、Udio、

両社に同じプロンプトを入れても

曲の種類はベクトルは同じでも、

印象は全く違うものが作成されました♪

Lo-fi ならLo-fiの温かみのある音。

サイケデリック・ロックなら、

気分が上がるような音。

JPOP風もKPOP風も作成可能。

アニメ風も大人気で海外の方が

たくさんの作品を掲載していました。

忍者とか将軍とか人気なのね、、

AIの持つ情報のすごさが分かりますね。

海外のツールなので、正確さを出すために

一応、日本語を翻訳機で英語に直して

プロンプト（指示）を入れていましたが

日本語で入れても問題なく、英語で入れても

差はなく、きちんと音源化してくれました。

 

 

まずは、メールアドレスで
登録するのがオススメです。

登録してから、ガイダンスにそえば、
誰でも音楽作成ができますよ

　プライスについて（お値段）

HPよりそのまま抜粋したｗ



Suno AI　有料プランのみ商用利用。

基本プラン  

月額料金: $0 無料
毎日のクレジット: 50クレジット
利用規約: 非商用のみ
クレジットの追加購入: 不可
生成キュー: 共有
同時実行ジョブ数: 2

プロプラン   

※年間課金を選択すると月額料金が少し安くなります！

月額料金: $8（年間課金） / $10（月額課金）
毎月のクレジット: 2,500クレジット
利用規約: 一般的な商用利用が可能
クレジットの追加購入: オプションで可能
生成キュー: 優先
同時実行ジョブ数: 10

プレミアプラン   

月額料金: $24（年間課金） / $30（月額課金）
毎月のクレジット: 10,000クレジット
利用規約: 一般的な商用利用が可能
クレジットの追加購入: オプションで可能
生成キュー: 優先
同時実行ジョブ数: 10




Udio   全プラン商用利用可能。

▼商用利用可能OKを記載したページ
https://www.udio.com/terms-of-service
 

各自でご確認お願い致します。

ただ、現時点での公約なので後で

変わることがあります。

　↓↓

（例）たとえば画像育成Midjourneyは

2022年の7月にオープンされて
25回まで無料利用が可能でした。しかし、

2023年3月28日に無料版は廃止されました

お怒りなの？　ええ

フリー　$0
・1日10単位、月100単位追加
・標準処理キュー
・最大2世代同時（4トラック）
・トラックのリミックスと拡張
・入門パッケージやより高い世代制限、
追加機能への早期。

スタンダード　$8（年間課金） / $10（月額課金）
・1ヶ月に1200クレジットを付与。

　1日あたりの制限なし
・優先処理キュー
・最大3つの同時生成（6トラック）
・インペインティングやカスタムカバーアート、

カスタムユーザーアバターの利用。

プロ　$24（年間課金） / $30（月額課金）
・1ヶ月に4800クレジットを付与。

　1日あたりの制限なし
・優先処理キュー
・最大4つの同時生成（8トラック）
・スタンダードプランのすべての機能。

ーーーーーーーーーーーーーーーーーー

ドルは毎日、金額が微妙に変わります。
購入時は検索して調べることをオススメ

本日は、8ドル￥1290円、10ドルは￥1612円。
年間なら約￥15480、毎月支払いなら約￥19344になります。

どこもそうですが年間支払いの方が
20％お得になります。

 

まとめ

日本語の歌詞入りならSuno AI

英会話歌詞とインストメンタルならUdio  

今は、使い分けするのがベストかな？

（今後のAIの成長を見守ります）

二股ですそうではなくてｗ長所を生かすのよ

思ったよりも、とても簡単にできるAI作成

明日からのあなたのビジネスの
参考になれば幸いです。

こちらはAIで作成したLINEスタンプお試し

AI天使俱楽部 - LINE スタンプ | LINE STORE

出典：「レオナルドAI」より

▼直接メール送れます質問OK♪

*⸜クリックするとフォームが出ます⸝*.

初めてのWebデザインガイドでは

あなたの理想ビジョン×あなただけの

ブランド力を引き出して

あなた自身の発信するメッセージを

視覚的に伝えることで

コンテンツの魅力を最大限に発揮して

フォロワーさまとの絆を深め

集客につながるブランディングを

させて頂きます

 

デザインで困っていることは
どうぞお気軽にご相談下さいね
優しいナースがサポートします

今、話題のAIでスタンプ作成♪人気記事です♪

『AIでLINEスタンプの作成はできますか？』

そもそもWebって何？！人気記事です♪

『webコンテンツって何ですか？』

 

HTMLとかCSSって何？！起業はじめて女子さん向け
知らなくて困らないけど知っとおくと便利よ♪

『HTMLとかCSSって何ですか？』

７色♡綿菓子ふんわり系囲み枠

『7色♡綿菓子系ふんわり囲み枠』

７色キャンディBOX風の囲み枠

『7色キャンディBOX風の囲み枠♡』

私のデザインメニューです

『Webデザインメニューのご案内』

しっかりヒアリング×カウンセリング致します

『WebデザイナーのNsレイです』

▼直接メール送れますお気軽にどうぞ
*⸜クリックするとフォームが出ます⸝*.

あなたの素敵な未来とオンライン
プレゼンスをサポートします。

起業はじめてさんのWebデザインガイド

癒し系webデザイナーNsレイ

★⋆⸜お願い⸝⋆★
当サイトの内容やテキスト（ブログ） 　　
画像や文章の無断転写、無断使用を
固く禁じます。

AIでLINEスタンプの作成はできますか？

出典：「レオナルドAI」より

▲クリックでメニュ―に飛びます♪

●AIでLINEスタンプの作成はできますか？

ごきげんよう

癒し系Webデザイン×イラストレーター
Nsレイです。

流行のAI画像作成ツールを使って

LINEスタンプを作ってみました♪

今、大人気のレオナルドAIです

AI Image Generator - Create Art, Images & Video | Leonardo AI

マンガ世代の生まれなので、

もちろん可愛いコミックイラストも大好きですが

今回はあえて、LINEスタンプ界では

まだまだ投稿数が少ない

AI画像作成に挑戦してみました♪

タイトルは、AI天使倶楽部。

仕事で疲れたキャリアウーマンが

帰宅すると天使が待っている・・

「イケメンのAI天使が

あなたの毎日を癒します」

イケメン？

好みの問題はお許しを。。　

ビジュアルはAI任せなので、、、

という訳で自動作成をしていただいた

ＡＩ画像です。（写真ではありません！笑）

　　　　↓　↓　↓

すごい！！

お庭の水まきシーン（背中に天使の翼あり）

犬とお散歩シーン　こんにちワン。

あなたの秘書です。

メッセージ①デートのあとにでもいかがでしょうか。

メッセージ②体調不良の方へ。

メッセージ②感謝の気持ち。

完成スタンプ（40枚）

AI天使俱楽部 - LINE スタンプ | LINE STORE

登録はここから

LINE Creators Market

 

という訳で、LINEスタンプの
作成のしかたを簡単にまとめました♪

LINEスタンプの作り方（ざっくり）


①アイディアを出す→メモ。

②作成ツールを決める→画像作成。
③LINEスタンプ登録→申請→発売。

ーーーーーーーーーーーー

①アイディアノートより。
天使をテーマに作成したい♡

（AIに慣れていないから4人は無理かな・・）　

今、大人気のAI作成ツールは

たくさんありますが、

今回セレクトしたのは、

今現在、無料で作成できて

さらにクオリティの高い

2023年12月31日にリリースされたばかりの

【レオナルドAI】です。

（※でもいずれMidjourneyのように

無料で使えなくなる可能性があるので注意）

Midjourneyとは？

（ミッドナイトジャーニー）

MidjourneyもAI画像作成ツールです。

2022年の7月にオープンされて
25回まで無料利用が可能でした。

2023年3月28日に無料版は廃止されています。

最初は￥0で配られていた携帯電話と同じ手法ね。。

うん、ビジネスだもんね、、

今、大人気のレオナルドAIはコレ

AI Image Generator - Create Art, Images & Video | Leonardo AI

とりあえず、キーワードに、ハリウッド俳優系、

男性、20代、金髪、天使　カフェ、スーツ、

と入れて、↓出たイラスト

おお！アメリカ映画の主人公みたい（笑）

なんて優秀

という訳でLINEスタンプは

3種類の画像が必要です♡

①メイン画像  / 1個

W240 pixel× H 240pixel

スタンプのトップ画像。

イメージや世界観をお知らせする画像です。

②スタンプ画像(規定から選択式) 

  W370 pixel× H 320 (最大)pixel

スタンプの作成数は以下のどれか選ぶ。

8個/16個/24個/32個/40個 

  ▲オススメは40個♪（お得感あるよね！笑）

こんな感じ～

 

【注意】画像の端とコンテンツの間には

10px程度の余白が必要です。

③トークルームタブ画像  /1個  

W96 pixel× H 74pixel

携帯電話の下に小さく表示されます。

タップするとスタンプページに飛ぶ。

こんな感じ～アイコンね♪

 

ーーーーーーーーーーーー

今さらですが・・

自動生成AIとは？

簡単な単語＝プロンプトを

キーワードとして入力すると

勝手に見合う画像を作成してくれる

システムです。

pronto（プロント）というのは

入力するキーワードのことです
 

英訳では

「すぐに、早く、急いで」

イタリア語では「準備OK」

という意味になります♪

レオナルドAIは、なんと

1日に無料作成150枚可能！（すごい）

その中から気に入ったものを

40枚ピックアップ♪

→LINEクリエイターズ

マーケットに申請しました。

作成期間は２日。

画像にセリフを入れるのに1日。

3日目には、

LINEクリエイタ―スタンプに

提出♪（審査）

審査は1日（24時間）

次の日には発売OKが出ました。

ということで、トータル3日で

作成から販売まで終了（ひえええ）

すごい近未来的でハイテクですね！

まとめ

思ったよりも、

とても簡単にできるAI作成。

レオナルドAIさんは、

ほかのクリエイターさまの

作品も鑑賞できるので、

その際にプロントを確認できます。

（なぜこの画像を作成できたのか？

キーワードをチェックできちゃう）

気を付けるべき点は、レオナルドAIさまは

日本語対応をしていないので、サイトを読む時に

翻訳が必要になることですね（笑）

こちらはGoogle の無料サービス

翻訳ツールを使えば簡単です

（グーグルから【翻訳】と検索すると出てくるよ♪）

明日からのあなたのビジネスの
参考になれば幸いです。

やさしいグリーンと知恵の輪のようなロゴが素敵

https://openai.com/chatgpt/

【おまけ】　チャッピーちゃん

今流行のチャットGPTに聞いてみました♪

Q:AI天使倶楽部ってどんなイメージですか？

A:「AI天使倶楽部」は、

人工知能が活用されて、人々の生活を支援し、

助け、喜ばせること、期待されることが

わかります。

いや、スタンプだし

A:"天使"という言葉は、

善良さ、癒し、保護といった

ポジティブなイメージを持ちますので、
AIがそのような役割を果たすことを

示唆しています。

あら、嬉しい

A:"倶楽部"の部分からは、
コミュニティや共感、そしておそらく

新しい友情や絆が生まれる場所で

あることが示唆されます。

そんな風に使っていただけたら嬉しい

A:AI天使倶楽部は、技術の進化と

人間の温かさが交わる場所として

描かれるかもしれません。
 

新時代到来の人工AIの進化に万歳！

宜しかったら、試作品、見てねー

AI天使俱楽部 - LINE スタンプ | LINE STORE

出典：「レオナルドAI」より

▼直接メール送れます質問OK♪

*⸜クリックするとフォームが出ます⸝*.

初めてのWebデザインガイドでは

あなたの理想ビジョン×あなただけの

ブランド力を引き出して

あなた自身の発信するメッセージを

視覚的に伝えることで

コンテンツの魅力を最大限に発揮して

フォロワーさまとの絆を深め

集客につながるブランディングを

させて頂きます

 

デザインで困っていることは
どうぞお気軽にご相談下さいね
優しいナースがサポートします

そもそもWebって何？！人気記事です♪

『webコンテンツって何ですか？』

 

HTMLとかCSSって何？！起業はじめて女子さん向け
知らなくて困らないけど知っとおくと便利よ♪

『HTMLとかCSSって何ですか？』

７色♡綿菓子ふんわり系囲み枠

『7色♡綿菓子系ふんわり囲み枠』

７色キャンディBOX風の囲み枠

『7色キャンディBOX風の囲み枠♡』

私のデザインメニューです

『Webデザインメニューのご案内』

しっかりヒアリング×カウンセリング致します

『WebデザイナーのNsレイです』

▼直接メール送れますお気軽にどうぞ
*⸜クリックするとフォームが出ます⸝*.

あなたの素敵な未来とオンライン
プレゼンスをサポートします。

起業はじめてさんのWebデザインガイド

癒し系webデザイナーNsレイ

★⋆⸜お願い⸝⋆★
当サイトの内容やテキスト（ブログ） 　　
画像や文章の無断転写、無断使用を
固く禁じます。

HPとかLPってどう違うの？

出典：「レオナルドAI」より

▲クリックでメニュ―に飛びます♪

●HPとかLPってどう違うの？

ごきげんよう

癒し系Webデザイン×イラストレーター
Nsレイです。

ヘッダーが新しくなりました。

良かったらチエックして下さいね♪

ウェブサイトの中には

「HP」と「LP」とか

不思議な専門用語がありますよね。

HPは分かるけど、LPって？？

レコード？？（そう思ったあなたは昭和の女。。）

 

起業初めて女子さん
向けに「HP」と「LP」の
違いを簡単に説明します♪
知っておくとビジネモデルを
立てやすくなりますよ（笑）

 

①HPとは？

まずHPとは

ご存じ「ホームページ」のことです。

これはウェブサイトの一番最初に

見えるページのことですね。

家の前にある玄関みたいなものだと

思ってもらえるとOKです。

HPには、そのウェブサイトの

基本的な情報がのっています。

例えば、どんなサイトなのか、
どんな情報があるのか
誰が運営しているのか、など

ドアの向こうの情報を簡単に

分かりやすく表示してくれているのが

HPの玄関（入り口）になります。
 

②LPとは？

LPとは、Landing Page

「ランディング・ページ」のことです。

これは、特別な目的のために

作られたページになります。

HPが家の前の玄関なら、

LPは特別なお誘いが書かれた
招待状みたいなものです。

LPには、特定の目的があります。

例えば、新商品の子供のおもちゃの

紹介ページ、

また大勢がにぎわうイベントへ

参加してもらうための案内など

LPは、目的に合わせて作られていて

訪れた人に、何かしらの行動を起こして

もらえるように工夫されています。


例えば、４０代女性に向けて
LPを制作します。

商品は、お肌のシミが消える洗顔剤。

購入をしたユーザ―さまの

笑顔の体験談が語られています。

以前は、肌の状態を悲観して

暗い気持ちになっていたが

今はこんなに良くなったという

感想が写真付きで掲載されています。

使用前の写真→使用後の写真

シミが薄くなり・・消失！（大きな文字）

肌の大きな変化が見える

写真が掲載してあり、誰でも観覧できます。

もう一目瞭然です。

シミやくすみに悩む人は

ついつい、読んでしまいますね（笑）

（本当かしら？と半分疑いながら・・笑）

「すごい効果絶大で、今、幸せです！」

この洗顔剤を購入したら、

くすみとシミが消滅して肌艶が復活！！

彼氏ができて結婚しました♪

など、二次的幸福も報告されています。

内気な営業マンは仕事が２倍

取れるようになった！

子供のいる主婦からは

「お母さん、きれいになったね！」

家族から喜ばれた、、などなど、、

この洗顔剤のおかげです！

購入した方々の嬉しい体験談と

感想が続々と続きます。

あなたも、自分の肌が若返って

かっての若い時代の自分を取り戻す

楽しいイメージが見えます。

これを購入すると、

こんなメリットがあるから

こんな良いことも起きるかも、、

購入したユーザーの喜びと共感

し始めたところで、

この商品は大人気です！

もうすぐ品切れ状態になりそうです・・！

・・という案内が登場します。エッ

しかも、今の時期だけ特別キャンペーンで

すぐ購入するとこんな特典が付きますよ！

洗顔剤を入れるおしゃれなポーチor

かわいい色のタオルをプレゼント！

どちらか選べる

素敵なノベルティが紹介されます。

※ノベルティとは無料配布の商品のことです。

今なら、購入できます！

今すぐなら！！
 

ああ今じゃないと商品もノヴェルティも無くなる！！

つい思わず、

ポチリしてしまうそうになる、、　欲しい

（そんな経験はありませんか？笑）

ユーザーを誘導することに

特化しているサイトの縦長の１ページ

ユーザ―の知りたい情報が集約されている

それがランディング・ページと

呼ばれるものです。

ーーーーーーーーーーーーーーーーー

　Q:なんでランディングページ
って呼ぶの？？（Landing Page）

　A:検索結果やWeb広告、SNS・メルマガなどを
経由して訪問者が最初にアクセスするページで
訪問者がホームページに着地する（land）
イメージからこの名前がつきました。♪
 

まとめ

HPとLP、それぞれに特徴があります。

HPはウェブサイトの玄関で、

基本的な情報が掲載されています。

LPは特別なお誘いが書かれたページで、

特定の目的のために作られています。

実はLPに関しては、

LP専門を売りにできるWebデザイナーが

いるくらいとても重要な部門です。

(※LP専門フリーランスさん、お値段は高めです♪)

ウェブサイトを訪れる時に

HPとLPの違いを意識してみると

ウェブサイトをサーフィンすることが

さらに楽しくなるかもしれません（笑）

明日からのあなたのビジネスの
参考になれば幸いです。

出典：「レオナルドAI」より

▼直接メール送れます質問OK♪

*⸜クリックするとフォームが出ます⸝*.

初めてのWebデザインガイドでは

あなたの理想ビジョン×あなただけの

ブランド力を引き出して

あなた自身の発信するメッセージを

視覚的に伝えることで

コンテンツの魅力を最大限に発揮して

フォロワーさまとの絆を深め

集客につながるブランディングを

させて頂きます

 

デザインで困っていることは
どうぞお気軽にご相談下さいね
優しいナースがサポートします

そもそもWebって何？！人気記事です♪

『webコンテンツって何ですか？』

 

HTMLとかCSSって何？！起業はじめて女子さん向け
知らなくて困らないけど知っとおくと便利よ♪

『HTMLとかCSSって何ですか？』

７色♡綿菓子ふんわり系囲み枠

『7色♡綿菓子系ふんわり囲み枠』

７色キャンディBOX風の囲み枠

『7色キャンディBOX風の囲み枠♡』

私のデザインメニューです

『Webデザインメニューのご案内』

しっかりヒアリング×カウンセリング致します

『WebデザイナーのNsレイです』

▼直接メール送れますお気軽にどうぞ
*⸜クリックするとフォームが出ます⸝*.

あなたの素敵な未来とオンライン
プレゼンスをサポートします。

起業はじめてさんのWebデザインガイド

癒し系webデザイナーNsレイ

★⋆⸜お願い⸝⋆★
当サイトの内容やテキスト（ブログ） 　　
画像や文章の無断転写、無断使用を
固く禁じます。

webコンテンツって何ですか？

（出典：pixabayより）

●webコンテンツって何ですか？

ごきげんよう、

癒し系Webデザイン×イラストレーター
Nsレイです。

そもそも「web」って何だろう？

あなたは説明できる？　知らん

当たり前のように聞き流していたけど

よく意味が分かっていなかった。。

（おそらくこれが大多数よねｗ笑）

本日はそんな起業女子さんに

オススメの内容です（笑）

 

知らなくても困らないけど（？）知っているとWebの世界が楽しくなるよ♪

▶Web（ウェブ）というのは
 

インターネット上の様々な情報を

関連付けて（テキスト・画像・動画など）
結びつけるシステムを意味します。 

このシステムは世界中の情報が　

クモの巣状に広がって見えることから

世界中に広がるクモの巣
＝「World Wide Web(WWW)」

　　（ワールド・ワイド・ウェブ）ということで

【Web】（ウェブ）という

お名前が付けられました♪

Webを発明した、Webの父（親）はこの方
ティム・バーナーズ＝リー博士ですパピィ

出典「Webの歴史」インタ―ネットアカデミーより

▼では【Webコンテンツ】とは何でしょうか？

ホームページ、

ブログ、

Instagram、
X（旧Twitter）

公式LINE、

youtube動画、、

などなどのSNSさま達を指します。

つまり【コンテンツ】とは・・

直訳すると「中身」
「内容」という意味になります♪

Webコンテンツとは、
Webサイトに掲載されている情報の中身
のことになります。

さあ、ここで質問です。
あなたのコンテンツは魅力的ですか？
 

あなたのコンテンツが発信する情報は
スムーズにクライアントさまに
伝わっていますか？

ちなみにクモと言えば有名なこの方

出典「スパイダーマン映画」2021年より

これはスパイダーマンの

商品開発にかかわった人々のエピソード

「スパイダーまん」のお話（中華まん）

「スパイダーまん」をリリースするにあたって　

スパイダーまんの鮮やかな赤が
温度によって変化しないように（！）

約1年も試行錯誤を繰り返して　そんなに

パンの発酵具合によって丸い形が
変わらないように、、

職人さんたちが大変苦労して

作成したそうです。ええ
 

工夫に工夫を重ねた結果、
スパイダーマンの魅力が伝わるように

生み出された中華まんじゅう
「スパイダーまん」

出典：「スパイダーまんの中華まんUSJが発売/2012年記事」より

わーおいしそう！　そして超可愛い　

（左右にいるのはキティちゃんとヌッピーじゃない？！）


そーっと並べているけど苦労の賜物

ひとつのブランディングを仕上げるのに

徹底的に練り上げられた演出です。

ただのダジャレでは済まされない（笑）

「ブランディング」とは、
ブランドの価値を高めるための施策のこと
 

そもそもブランディングの（英語のBranding）

語源はブランド化を意味する一方で

「焼き付ける」ことをさす言葉でもあります。
 

語源は北欧の古い言葉で「焼き付ける」こと、、

すなわち「焼印」からきています。

中華まん＝スパイダーまん　　記憶に焼き付くインパクトｗ

売れるとは「刺さる」こと。

天使の矢のように商品の魅力が

ユーザーのハートに刺さるイメージ

ユーザーに感動や驚きを与え、
心を動かすコンテンツや
喜ばれるサービスを提供することが

起業女子さんに求められる

とても大切な資質になります。

ダジャレも？　時と場合よ

※ユーザー（user）というのは、

利用者、使用者さまという意味ね。

自分のWebコンテンツを持ちたいけど
どうしたら良いのか分からない方、

すでにいくつか（ブログ×Instagram）

持っているが、ビジュアル的に
どう改善したらよいか分からない方

私がサポートを得意とするのは

そんなWebコンテンツを持ちたいと

考えている起業はじめて女子さん

セラピスト×ヒーラー

ライトワーカーさん×スターシードさんなど

癒し×スピリチュアルをテーマに
活動をされている方、

またはしてみたいと考えている方へ
 

あなたが一番アピールできる素材と

あなたらしさを最高に生かすデザインを

ベビーから108歳までケアをしてきた（！）

経験のある癒しのプロが提案を致します。

（注意：中華まんじゅうは作れません。汗）え？／

　ミニスパ君
 

まとめ

Webコンテンツとは、
「Webサイトに掲載されている
情報の中身」のこと
みんなが喜ぶ内容を発信しよう♪はい
 

（出典：pixabayより）

＜出典＆参考HP＞　ありがとうございます

出典「Webの歴史」インタ―ネットアカデミーさまより
出典「スパイダーマン映画」2021年より

出典「SNSを分かりやすく解説」エックスサーバーさまより
出典：「スパイダーまんの中華まんUSJが発売/2012年記事」より

しっかりヒアリング×カウンセリング致します

『WebデザイナーのNsレイです』

私のデザインメニューです

『Webデザインメニューのご案内』

初めてのWebデザインガイドでは
 

あなたの理想ビジョン×あなただけの

ブランド力を引き出して

あなた自身の発信するメッセージを

視覚的に伝えることで

コンテンツの魅力を最大限に発揮して

フォロワーさまとの絆を深め

集客につながるブランディングを

させて頂きます。

 

デザインで困っていることは
どうぞお気軽にご相談下さいね

▼直接メール送れます
*⸜クリックするとフォームが出ます⸝*.

あなたの素敵な未来とオンライン
プレゼンスをサポートします

起業はじめてさんのWebデザインガイド

癒し系webデザイナーNsレイ
 

★⋆⸜お願い⸝⋆★
当サイトの内容やテキスト（ブログ） 　　
画像や文章の無断転写、無断使用を
固く禁じます。

【１分瞑想】自分軸安定《見るだけでOK》スキマ時間オススメ♡

●【１分瞑想】自分軸安定《見るだけでOK》
スキマに時間オススメ♡

ごきげんよう、

癒し系Webデザイナー×イラストレーター
Nsレイです。
 

起業はじめて女子さんのお悩みは

作業量が多くて疲れやすくなることです。

また家庭でイレギュラーな事件が起きると
（家事＋家族の体調不良が加わる）
スケジュールは簡単に狂います。
＼エッ早退？４０度熱発？！／

起業後、間もない時は、色々と考えることも多く
頭の中がフリーズしがち。。
春は受験と卒業式と入学式がｗあああ

そんな時は、サッと集中力が増して
スピーディに動けるようになる
アファメーションがオススメです。

 

【１分瞑想】自分軸安定
《見るだけでOK♡》
　スキマ時間にオススメです♪

頭がスッキリする１分瞑想
 

①動画をサラッと流し見る。（１分３０秒）
 

②動画を再生。音楽を聴きながら、

目を閉じて宇宙空間を想像しながら
地球にグランディングをイメージ
 

③一番効果的なのは就寝前♪
（そのまま寝てOK！）

 

＜アファメーション効果＞

この動画を見ると、仕事や家事で疲れた

あなたの頭の中を整理して作業率UPを

図ることができるようになります。

また、自分自身に対するリラックス効果で
余裕を持って自然体で動けるようになるので

あなた自身だけの個性の魅力と
人を惹きつける女性美を発揮することが
できるようになります。
 

【グラウンディング】とは？

大地（地球）とつながり、集中力と
現実感覚を強くする、最も重要で

基本的なアファメーションのひとつです。

最近、心がイライラして、
感情が落ち着かないあなたは

ぜひ、このアファメーションで、
自分軸の安定感と 落ち着きを
取り戻してみましょう。

きっと驚くほどの効果にびっくりするでしょう。

実は【イメージ力】というのは
強力なツールであるいうのは、ご存じですか？

最初は何も考えずに
ぼんやりと動画を見つめて

まずは心をリラックスさせて動画の中の
イメージの世界を体験して下さい。

何度も見て慣れてくると
目を閉じていても、音楽を聴いているだけで

あなたの中から、

深い安心感と癒しが生まれてきます。

人は、無意識に感じているイメージに
とても強い影響を受けています。

人生をブロックしたり、逆にスムーズにする

この無意識の情報がある所を
【潜在意識】と呼びます。

あなた自身、気がついていない

あなたの自身の深層意識があなたの
現実（仮想現実）をつくっています。

出典：『臨床心理学用語集』より

この動画を、繰り返し
何度も見ることで

全身をリラックスする習慣を
つけてみましょう♪
きっとあなたに、
必ず良い変化をもたらすはず
 

仕事をする女子は、がんばりやさんで
常に力んで、緊張していることが多いので
週末は意識してリラックスしてみようね。
 

 

★⋆⸜実はヒプノセラピスト（精神科勤務の時に習得）⸝⋆★ 
しっかりヒアリング×カウンセリング致します

『WebデザイナーのNsレイです』

私のデザインメニューです

『Webデザインメニューのご案内』

初めてのWebデザインガイドでは
 

あなたの理想ビジョン×あなただけの

ブランド力を引き出して

あなた自身の発信するメッセージを

視覚的に伝えることで

コンテンツの魅力を最大限に発揮して

フォロワーさまとの絆を深め

集客につながるブランディングを

させて頂きます。

 

デザインで困っていることは
どうぞお気軽にご相談下さいね
優しいナースがサポートします。

▼直接メール送れます
*⸜クリックするとフォームが出ます⸝*.

あなたの素敵な未来とオンライン
プレゼンスをサポートします

起業はじめてさんのWebデザインガイド

癒し系webデザイナーNsレイ

 

★⋆⸜お願い⸝⋆★
当サイトの内容やテキスト（ブログ） 　　
画像や文章の無断転写、無断使用を
固く禁じます。

LINE公式とメルマガどっちがいいの？

画像作成：leonardo.ai より

▲クリックでメニュ―に飛びます♪

●LINE公式とメルマガどっちがいいの？

ごきげんよう

癒し系Webデザイナー×イラストレーター
Nsレイです。

今日は、LINE＆メルマガ問題です。

結論から言うと、この両システムは
性格が違うので使い分けがオススメです。

それそれのメリット×デメリットを

まとめて表にしてみたので

ぜひ、参考にしてみて下さいね。
 

 

それそれの長所と短所を理解して
上手に使い分けることをオススメ

LINE公式
キャラ：フットワーク軽い流行に敏感なマスコミ系

＜メリット＞

・登録しやすい。

・開封率が高い。
・楽しく観覧しながら
リッチメニューより購入もできる。

・セールのお知らせ×割引きクーポン

動画×写真などの注目を集めやすい

臨場感のある配信ができる。

・個人とリアルな会話ができるので
親近感が生まれる。
（永続性のある関係は微妙ｗ）
 

＜デメリット＞

・長文が送れない。（文字数制限あり）
・ブロックされやすい。（短命の関係）
・アカウントの消滅（バン）リスクがある。

・配信数を増やしたい場合
プランは月額\5000円からで
起業初心者さんには、ややお値段が高め。

▼2023年6月より「フリ―プラン（無料）」プランは
毎月1000通OK→200通配信のみ変更へ

＜LINE公式の現在のプラン＞

・コミニケーションプラン→\0円/200通配信OK
・ライトプラン→\5000円/5000通配信OK
・スタンダードプラン→\15000円/3万通配信OK
※追加メッセージはスタンードプランのみ可能。
\3円（税別）から～


＜まとめ＞

スピード感のある配信と気楽に
登録できるフットワークの軽さが魅力

登録者は年齢×性別、地域×都市問わず
日本国内では多くのユーザーがいるので
ビジネスによっては強い販売戦力に。
 

ユーザーのスタイルに合わせることで
購入心理のモチベーションアップが
可能です。

 

メルマガ
キャラ：誠実でしっかりした大器晩成型の和服

＜メリット＞

・長文でしっかりと説得力のある
詳しい情報を届けることができる。

・ステップメールが使えるので
安定した信頼関係を（ラポール）構築できる。

●ステップメールとは？
登録後、毎日決められたシナリオ配信をして
購買意欲を高めるマーケテイング方法。
通常は5日～10日配信設定が多い（それ以上も可能）

※2021年2月より、LINE公式も
ステップメールが使えるようになりました。

●ラポール（rapport）とは？
フランス語が語源の言葉で「調和した関係」
「心が通い合う関係」という意味。
心理学やセラピ―の世界で用いられます。

・コアなファン読者を獲得しやすい。
・ブロックされにくい。

・月額￥3000円前後の安心
低コストからスタートできる。

・リストの管理がしやすい。

●リストとは？
見込み客のメールアドレスを指す。
収集する行為のことを「リスト獲得」
「リストを集める」などと表現します。​​


＜デメリット＞

・開封率が低い。
・リアルな会話のやり取りではなく
一方的なコミュニケーションになりやすい。
（届いた感想に返信するとOKです！笑）


＜まとめ＞

お客様と長期的な関係を築く
最高のツール

価値の変わらない普遍性のある
メッセージを届けることができるので
一度ファンになっていただくと継続しやすい。

大切なお客様のリスト管理もしやすいのが
魅力的です。

 

起業初めてさんから見たら

LINE公式×メルマガの配信（！）

どちらの操作も独特なので
当初は覚えるので必死です（苦笑）
 

（特にアラフォー世代以上にはキツイ。笑）

え、私だけ？
 

私は、メルマガのシステムにつまずいて

よくサポートセンターに電話をしていました。
＼Oh SOS／

いつも素敵な声のウグイス嬢の女性が優しく
対応をしてくださり本当に感謝です。
 

その節はありがとうございました。

教訓。
どんなにアプリケーション操作が
苦手でも、バカでも、ポンコツでも
ある程度使うと必ず覚えられる。
 

だからあきらめないこと大切。
情熱と粘りで解決。
（どこにでもある格言ですみませんｗ）

 

LINE公式×メルマガ配信

どちらの特性も生かして使うことで
お客様とより深みのある信頼関係を築き

長期的なビジネスの発展につながります。

明日からのあなたのビジネスの
参考になれば幸いです。


▼直接メール送れます質問OK♪

*⸜クリックするとフォームが出ます⸝*.

初めてのWebデザインガイドでは
あなたの理想ビジョン×あなただけの

ブランド力を引き出して

あなた自身の発信するメッセージを

視覚的に伝えることで

コンテンツの魅力を最大限に発揮して

フォロワーさまとの絆を深め

集客につながるブランディングを

させて頂きます

 

デザインで困っていることは
どうぞお気軽にご相談下さいね
優しいナースがサポートしてします。

 

HTMLって何？！とお悩みの方に簡単説明

『HTMLとかCSSって何ですか？』

７色♡綿菓子ふんわり系囲み枠

『7色♡綿菓子系ふんわり囲み枠』

７色キャンディBOX風の囲み枠

『7色キャンディBOX風の囲み枠♡』

7色のすっきり定番学生風囲み枠

『7色すっきり定番学生風の囲み枠♡』

私のデザインメニューです

『Webデザインメニューのご案内』

しっかりヒアリング×カウンセリング致します

『WebデザイナーのNsレイです』

▼直接メール送れますお気軽にどうぞ
*⸜クリックするとフォームが出ます⸝*.

あなたの素敵な未来とオンライン
プレゼンスをサポートします。

起業はじめてさんのWebデザインガイド

癒し系webデザイナーNsレイ

★⋆⸜お願い⸝⋆★
当サイトの内容やテキスト（ブログ） 　　
画像や文章の無断転写、無断使用を
固く禁じます。

Webデザイナーに相談した方が良いとき

（AI美少年出典：pixabayより）
 

●Webデザイナーに相談した方が良いとき

ごきげんよう、

癒し系Webデザイナー×イラストレーター

Nsレイです。

起業初めて女子さんが
Webデザイナーに相談した方が良いのは

どんな時なのでしょうか？
 

 

*⸜ズバリ⸝*.:･.｡
作業をしていて
困った時です！
例えば、、、

お悩み①

私のブログ記事に似合う
可愛い写真がない～
 

ご希望のデザインを作成します。
その都度、デザイナーにお願いしないで

自分で加工して作る方法もありますよ。
（作成の仕方をご案内できます）

 

お悩み②

Instagramの投稿が面倒でｗ
画像作るのも苦手～イヤー
 

→まず、誰に（ターゲット）
どんなサービスを提供したいのか？

原点をしっかりと見直すことが大切です。

どうしても時間がない！
自分に向いていない！

 

頭を悩ませている方は、
SNSを代理更新の依頼も受け付けています。

まずはご相談下さいね。

▼直接メール送れます

*⸜クリックするとフォームが出ます⸝*.

お悩み③

みんなブログのトップ画像
とっても可愛いくていいな～
私も同じようにしたい～
 

→ぜひ、あなたらしさとテーマ（サービス）を
アピールした魅力的なヘッダ―画像を
作成しましょう。

素敵なブログのヘッダーは大切な
お店の看板で集客に良い効果をもたらします。

あなたのイメージする理想の画像を

教えて下さいね。相談料は無料です。

▼直接メール送れます

*⸜クリックするとフォームが出ます⸝*.

お悩み④

アイコン？ヘッダー？
あの、、よく分からないんです。
PCオンチなんですよ～

 

→アイコンの意味は【肖像】です。

Twitterやyoutubeなどで丸いカットで

顔写真が入る部分ですね。
 

 

意味的には、記号、シンボル、象徴、

あなた自身の「存在目印」になるものです。

ヘッダーはHede「頭」という意味で

そのサイトのトップに来る部分で
「顔」とも言えるパーツ部分です。こんな感じ。

ヘッダーはアクセスしたときに最初に
表示される入口になります。

Webの世界はファーストビューが

とても重要です。

あなたのブランドをアピールした素敵なヘッダー

画像を作成するのオススメ致します。

アイコンもヘッダーも

それぞれのSNSに適したサイズがあります。
 

自分で作成するのは難しいなと感じたら
無料で相談できますよ。

▼直接メール送れます

*⸜クリックするとフォームが出ます⸝*.


 

Ｑファーストビューとは？

Webページにアクセスした時に

最初に表示される部分です。
スクロールせずに（画面を動かさず）

画面に表示される部分のことです
 

お悩み⑤

どこをどう直したらいいの？？
自分では分からないです～
気に入らない～

 

→１度、デザイナｰに
チェックしてもらうのがオススメです

あなたの表現したい世界と

自分の提供しているサービス内容を伝えて

しっかりとヒアリングしてもらい

客観的な視点のアドバイスを

もらうと役立ちます。

できればデザイナーにあなただけの

ブランドを強調した魅力的なオリジナル画像も

作ってもらいましょう。

無料で相談できますよ。
 

▼直接メール送れます

*⸜クリックするとフォームが出ます⸝*.

（AI美少年出典：pixabayより）


初めてのWebデザインガイドでは

あなたの理想ビジョン×あなただけの

ブランド力を引き出して

あなた自身の発信するメッセージを

視覚的に伝えることで

コンテンツの魅力を最大限に発揮して

フォロワーさまとの絆を深め

集客につながるブランディングを

させて頂きます。

 

デザインで困っていることは
どうぞお気軽にご相談下さいね
優しいナースがサポートします

 

HTMLって何？！とお悩みの方に簡単説明

『HTMLとかCSSって何ですか？』

７色♡綿菓子ふんわり系囲み枠

『7色♡綿菓子系ふんわり囲み枠』

７色キャンディBOX風の囲み枠

『7色キャンディBOX風の囲み枠♡』

7色のすっきり定番学生風囲み枠

『7色すっきり定番学生風の囲み枠♡』

私のデザインメニューです

『Webデザインメニューのご案内』

しっかりヒアリング×カウンセリング致します

『WebデザイナーのNsレイです』

▼直接メール送れますお気軽にどうぞ
*⸜クリックするとフォームが出ます⸝*.

あなたの素敵な未来とオンライン
プレゼンスをサポートします。

起業はじめてさんのWebデザインガイド

癒し系webデザイナーNsレイ

★⋆⸜お願い⸝⋆★
当サイトの内容やテキスト（ブログ） 　　
画像や文章の無断転写、無断使用を
固く禁じます。

7色すっきり定番学生風の囲み枠♡

画像出典：leonardo.aiより

●7色すっきり定番学生風の囲み枠♡

ごきげんよう、

癒し系Webデザイナー×イラストレーター
Nsレイです。

リアコとはリアルに恋している

女子という意味だそうです。えー

＜津軽弁＞

「どさー？」　　　

訳（どこに行くの？）

「湯さー」　　　　

訳（温泉だよー）

＜出所不明＞

「最近リアコなんだよねー」
訳「最近リアルに恋をしている
女の子なんだよねー」

↑津軽弁に匹敵するくらいの【短縮文】？！

津軽弁はとても短く「わたし」を「わ」
「おいしい」を「め」「食べてください」を「け」と使う。

・・１文字で会話が済むなんて便利なのでしょう

＼という訳で／

本日も便利な囲み枠を紹介します。そこ？
 

 

すっきり定番学生風の囲み枠です
ピンク・水色・グレー・ホワイト・
イエロー・グリーン・パープルの
7色を作成しました♪
 

ブログに使える「囲み枠」は、
プロパティを（背景色×影×角の丸みなど）

＼カスタマイズすることによって ／

色々な色やデザインの囲み枠を
作成することができちゃいます。
 

ちなみにwebカラー辞典 

WEB色見本 原色大辞典 - HTMLカラーコード

    

7色♡すっきり定番学生風の囲み枠

ピンクさん 

ここに本文を入力。
改行はShift+エンター

<div style="padding: 10px; border: 2px solid #ffcccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">ここに本文を入力。<br>
改行はShift+エンター</div>

水色さん

ここに本文を入力。
改行はShift+エンター

<div style="padding: 10px; border: 2px solid #cceeff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">ここに本文を入力。<br>
改行はShift+エンター</div>

 

グレーさん
 

ここに本文を入力。
改行はShift+エンター

<div style="padding: 10px; border: 2px solid #cccccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">ここに本文を入力。<br>
改行はShift+エンター</div>

 

オレンジさん

ここに本文を入力。
改行はShift+エンター

<div style="padding: 10px; border: 2px solid #fff0d6; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">ここに本文を入力。<br>
改行はShift+エンター</div>

イエローさん

ここに本文を入力。
改行はShift+エンター

<div style="padding: 10px; border: 2px solid #ffffcc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">ここに本文を入力。<br>
改行はShift+エンター</div>

 

グリーンさん

ここに本文を入力。
改行はShift+エンター

<div style="padding: 10px; border: 2px solid #ccffcc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">ここに本文を入力。<br>
改行はShift+エンター</div>

パープルさん

ここに本文を入力。
改行はShift+エンター

<div style="padding: 10px; border: 2px solid #e6ccff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">ここに本文を入力。<br>
改行はShift+エンター</div>

 

実際の使い方は
コードをコピペして貼ります♪
貼り方はイラストを見てね

▼ブログの編集画面を「HTML表示」
モードにします。

①HTML表示をクリックして

ソースコードのページを開く。

　　　↓

②ソースコードのページに
「囲み枠」のコードを貼る。

　　　↓
③通常表示にして囲み枠が表示

されているか確認する。

 

HTMLって何？！とお悩みの方に簡単説明

『HTMLとかCSSって何ですか？』

７色♡綿菓子ふんわり系囲み枠

『7色♡綿菓子系ふんわり囲み枠』

７色キャンディBOX風の囲み枠

『7色キャンディBOX風の囲み枠♡』

私のデザインメニューです

『Webデザインメニューのご案内』

しっかりヒアリング×カウンセリング致します

『WebデザイナーのNsレイです』

初めてのWebデザインガイドでは

あなたの理想ビジョン×あなただけの

ブランド力を引き出して

あなた自身の発信するメッセージを

視覚的に伝えることで

コンテンツの魅力を最大限に発揮して

フォロワーさまとの絆を深め

集客につながるブランディングを

させて頂きます。

 

デザインで困っていることは
どうぞお気軽にご相談下さいね

▼直接メール送れます

*⸜クリックするとフォームが出ます⸝*.

あなたの素敵な未来とオンライン
プレゼンスをサポートします。

起業はじめてさんのWebデザインガイド

癒し系webデザイナーNsレイ


バレンタインシーズン・・間近♥

画像出典：leonardo.aiより

★⋆⸜お願い⸝⋆★
当サイトの内容やテキスト（ブログ） 　　
画像や文章の無断転写、無断使用を
固く禁じます。

あの、SEO対策って何ですか？

画像出典：https://app.leonardo.ai/より

●あの、SEO対策って何ですか？

ごきげんよう

癒し系Webデザイナー×イラストレーター
Nsレイです。

初めて起業するときは

本当に何もかもが分からないものです。

そう、特に起業はじめて女子さんほど

専門用語に関しては意味不明。。

SEOという謎の言語の正式名称は、

Search Engine Optimization

（サーチ・エンジン・オプティマイズ）

日本語では「検索エンジン最適化」

という意味になります。

SEOのシステムを簡単に言うと

巨大な集客媒体であるGoogle媒体に

自分の媒体を上位に登場させる

技術のことです。

 

これは有料と無料の２つの種類があります。

有料【広告枠】は、

Googleにお金を払うことで

検索結果の上位枠を購入できる場所です。

起業はじめてさんは、

無料【オーガニック検索枠】にて

上位に表示されるように

検索エンジンから集客をする

SEO対策をするのがオススメです。

 

【知ってると便利な小耳メモ】

PPC広告とは？
「Pay per Click」の略のことで

Googleにお金を払って検索結果の上位枠を
購入できる場所のことを「PPC広告」といいます。
PPC広告の費用は、1か月約20～50万円ほどと

言われています。クリックされるごとに

費用が発生します。

出典：PPC広告とSEOの違いは？
 

 

CEO集客とPCC集客は
＼大きく異なります／
初心者は無料で集客できる
SEOから始めるのがベスト！

＼SEOのメリット／

①無料で検索エンジンに掲載（登場）

させることができる。

②Googleの巨大なプラットフォー
ムなので集客力が大きい。

③上位表示にすることで
ブランディングにつながる。

④検索してくるユーザ―が訪れるため、

商品の制約につながりやすい。

⑤作ったコンテンツは資産になる。


＼SEOのデメリット／

①結果が出るまでにタイムラグがある。

（上位表示されるまでに時間がかかる）

※早くて約3か月～６か月。遅くて１年程。

②影響力の強いキーワードで
上位表示させるのは難しい。

（表示位置が安定しない）

③Googleに振り回される。

④ライバルが多い。

ーーーーーーーーーーーー
出典：「副業の学校」出版社 ‏ソシム (2020/12/25発売)より
出典：PPC広告とSEOの違いは？

SEOノウハウは調べるとネットに

湯水のようにあふれていますが

検証と分析を繰り返し、

得られた経験測が大切になります。

また検索上位に登場させる

グーグルのアップデートは
頻繁に行われています。

Googleのコアアップデートとは、

Googleが検索アルゴリズムを

定期的に見直し、検索結果を

大規模に改良することを指します。 

Googleの検索アルゴリズムは、

年に数回（2回〜4回ほど）

大規模な改良がおこなわれており、

その度に大きく順位変動が起きます（！）

（ですので先月までずっと上位だったのに

今月から急下降ということも起こります）
キャー

画面で上位表示されるためには、

Googleの理念を理解して

検索エンジンに高く評価されるための

要素（アルゴリズム）に則って
コンテンツを作成する必要があります。

【知ってると便利な小耳メモ】

Googleアルゴリズムとは？
Web上に溢れる無数の情報の中から、
ユーザーが求めている情報を正しく提供するために
Googleの検索エンジンが検索順位を
決めるためのルールを指します。

出典：Googlのアルゴリズムとは？より
 

＼まとめ／　


・SEOのメリットとデメリットを理解する。

・デメリットは結果が出るまで
タイムラグがある。

・キーワードによって
上位表示するのは難しい。

・上位表示されるためにはコンテンツを
最適化する必要がある。

・最大のメリットは無料で
巨大な集客力の恩恵にあずかれること。

ーーーーーーーーーーーー
出典：「副業の学校」出版社 ‏ソシム (2020/12/25発売)より
出典：PPC広告とSEOの違いは？
出典：Googlのアルゴリズムとは？
 

いかがでしょうか？

SEOから始まり、アルゴリズム、PCC広告、、

起業初めて女子さんには苦手に感じる

ワケワカメな専門用語がいくつか
登場しましたが、、、あああ

【興味がない】vs【少しでも知識あり】は、

後々、天と地ほどの大きな差を生んでいきます。

雑学を持つということは、

人生において目的地が見える

地図を持つのと似ています。

なぜなら、個人事業主は基本的に、

自分で問題を解決していかなくていけない

場面に多く遭遇することになるからです。

その時の判断力の元になる原点は

日頃のあなたの見たり聞いたりする

小さな積み重ねの中から生まれます。

この記事が、初めての起業女子である

あなたのためになれば幸いです。

しっかりヒアリング×カウンセリング致します

『WebデザイナーのNsレイです』

私のデザインメニューです

『Webデザインメニューのご案内』

初めてのWebデザインガイドでは
 

あなたの理想ビジョン×あなただけの

ブランド力を引き出して

あなた自身の発信するメッセージを

視覚的に伝えることで

コンテンツの魅力を最大限に発揮して

フォロワーさまとの絆を深め

集客につながるブランディングを

させて頂きます。

 

デザインで困っていることは
どうぞお気軽にご相談下さいね
優しいナースがサポートします

▼直接メール送れます
*⸜クリックするとフォームが出ます⸝*.

あなたの素敵な未来とオンライン
プレゼンスをサポートします

起業はじめてさんのWebデザインガイド

癒し系webデザイナーNsレイ

 

心が乱れておちつかない時は、

深呼吸をしながら

自分の意識を自分の中心に戻す

イメージをします。

外側の刺激の反応しすぎて

（感情を乗せすぎている）
外側情報に振り回されている
ことが圧倒的なので

自分軸を中心に、

同化・定着をさせることで

安心感と安定感を取り戻します。

自分軸が強化されてくると

外に見える映像がイリュージョン（幻想）

だと分かるので

いちいち些細なことで反応しなくなり

落ち着きと安らぎを取り戻すことが

できるようになります。

 

自分軸を安定させる、オススメ癒し動画です

（AI美女の出典：pixabayより）
 

★⋆⸜お願い⸝⋆★
当サイトの内容やテキスト（ブログ） 　　
画像や文章の無断転写、無断使用を
固く禁じます。

HTMLとかCSSって何ですか？

（AⅠ美女出典：pixabayより）
 

●HTMLとかCSSって何ですか？

ごきげんよう、

癒し系Webデザイナー×イラストレーター
Nsレイです。

誰でも聞いたことのある

HTMLとか、CSSとか

よくわからない専門用語。。

起業はじめてさんには

何ことだか、さっぱりこん。

ということで超簡単に説明します♪
 

 

HTMLとかCSSって
IT業界ではソースコードを略して
通称【コード】と呼んでいます。

いつも見ている
▼ブログの通常表示モード


初めてさんはたまに見る（？）
▼ブログのHTML編集モード


 

この暗号のような摩訶不思議な文字は

すべてプログラミング言語で書かれています。
これを「ソースコード」と呼びます。

↓普通の人が見たら恐怖。。こんな風に見えちゃうｗ

出典：なんと！マトリックスはコードは日本語の寿司のレシピだったエエッ
 

HTMLとCSSは、Webページを
作成するときに使う言語で

Webページを構築する
Webページ作成の基本となるものです。

プロが使う専門用語なので

起業はじめてさんは知らなくても全然OK♪

でも、ちょろっと説明すると（覚えなくていいよ）
 

 

HTML　エイチティーエムエル

「HyperText Markup Language

（ハイパーテキスト・マークアップ・ランゲージ）

→文書構造を定義する、骨組み・構造、
という意味。

＼身体なら骨とか筋肉？うん
 

CSS　シーエスエス

「Cascading Style Sheets」

（カスケーディング・スタイル・シート）

→見た目や装飾を整える、という意味。

＼ 身体ならドレスとか
メイクUP？うん
 

 

コードはそれぞれが指示を
されています。ひとつずつ

文で説明するとこんな感じ

    

＼例えば囲み枠の場合 ／

ピンクさん「７色♡綿菓子系ふんわり囲み枠」より

ここに文字を入力。
改行はshift＋エンター
 

▼

Webページの裏から見ると
こんな感じ。

▼
<div style="padding:10px; margin: 15px; background: #fdeff2; box-shadow: #fdeff2 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift＋エンター</div>

▼

これはHTMLとCSSを
組み合わせて特定のデザインを持つ
囲み枠を作成しています。

それぞれの部分の指示を解説します。

▼

<div> タグ: HTML要素の開始タグで、
コンテンツを囲むための要素を定義します。
この場合、テキストと囲み枠のコンテンツが
この <div> 要素で囲まれています。

style 属性: HTML要素に直接スタイルを
適用するための属性です。

この属性内には、CSSのスタイルルールが
含まれています。

padding スタイル: コンテンツとボーダーの

間の余白を設定します。

この場合、上下左右すべてに10ピクセルの
余白が設定されています。

margin スタイル: 要素の外側の余白を設定します。

この場合、上下左右すべてに15ピクセルの余白が
設定されています。

background スタイル: 要素の背景色を設定します。

この場合、背景色は #fdeff2 というピンク色です。

box-shadow スタイル: 要素に影を付けるための
スタイルを設定します。
影の色、位置、ぼかし効果などが指定されています。
この場合、ピンクの背景にピンクの影が
付けられています。

コンテンツ: <div> 要素内のテキストコンテンツや
HTMLタグが表示されます。ここに文字を入力したり
改行を挿入したりできます。

このコード全体は、HTML要素とそれに対する

スタイルの組み合わせで、

ピンクの背景色を持つ囲み枠を作成します
 

※この囲み枠内にテキストを
　挿入することができます

 

は？何が何だか。
意味不明。
 

吐きそうです。。

ごめんね。人間のようにセリフにします！
分かりやすく文字の色も付けるから
それなら伝わるかな～？
 

    

 

ピンクさん「７色♡綿菓子系ふんわり囲み枠」より

ここに文字を入力。
改行はshift＋エンター
 

▼
指示ごとに文字の色を分けた。
▼
 

<div style="padding:10px; margin: 15px; background: #fdeff2; box-shadow: #fdeff2 0 0 10px 10px;">ここに文字を入力。<br>
改行はshift＋エンター</div>
 

10代男子風セリフ形式

<div>～</div>ここからここまでの指定な。
style：おッ、ここからはデザインの話だぜ！

padding:10px：内容と周りの余白のことだよ、

10ピクセルずつな。

margin: 15px：それから、外側の余白も

15ピクセルね。

background: #fdeff2：こっちは背景のカラー、

ちょい薄いエロピンクだぜ！

box-shadow: #fdeff2 0 0 10px 10px：

このシャドウ、すげえピンクの背景に
ドピンクのシャドウをかけるやつだよ！！

ここに文字を入力：<br>：そっからは、
テキストの部分だな。うんうん。

テキストの改行は「shift＋エンター」で
やればいいってことだ。へっへ～
（使わないと何個も箱ができてびっくりするぜ！笑）
 

※: (コロン) → ここからが指定範囲で
※; (セミコロン) → 指定範囲はここまでだ。
 

え？何が何だか。
意味不明。

あのー分かんないけど、、、

面白いですか？

ごめんね。全部忘れて下さい。。わーん

つまりHTMLは

「HyperText Markup Language

（ハイパーテキスト・マークアップ・ランゲージ）

HTML＝文書構造を定義する
人間なら骨と筋肉。

そしてCSSは

「Cascading Style Sheets」

（カスケーディング・スタイル・シート）

CSS＝見た目や装飾を整える
人間ならドレスとメイクup♪

こんなイメージができれば
それでOK！わーん
 

いいのか？

面倒なことはデザインの専門　
webデザイナーにお任せしてね
 

しっかりヒアリング×カウンセリング致します

『WebデザイナーのNsレイです』

私のデザインメニューです

『Webデザインメニューのご案内』

ふんわりとした綿菓子系の可愛い囲み枠

『7色♡綿菓子系ふんわり囲み枠』

初めてのWebデザインガイドでは

あなたの理想ビジョン×あなただけの

ブランド力を引き出して

あなた自身の発信するメッセージを

視覚的に伝えることで

コンテンツの魅力を最大限に発揮して

フォロワーさまとの絆を深め

集客につながるブランディングを

させて頂きます。

 

デザインで困っていることは
どうぞお気軽にご相談下さいね。

優しいナースがサポートします

▼直接メール送れます
*⸜クリックするとフォームが出ます⸝*.

あなたの素敵な未来とオンライン
プレゼンスをサポートします

起業はじめてさんのWebデザインガイド

癒し系webデザイナーNsレイ



（AⅠ美女出典：pixabayより）
 

★⋆⸜お願い⸝⋆★
当サイトの内容やテキスト（ブログ） 　　
画像や文章の無断転写、無断使用を
固く禁じます。