近年急激に利用者数増加している「Zoom」。 英会話レッスンや音楽教室、最近ではヨガなどのフィットネスジャンルのレッスンでも利用されており、Zoom を使ったオンラインヨガやオンラインフィットネスへの注目も集まっています。 今回は、そんな今話題の Zoom を用いたオンラインレッスンのやり方を具体的な設定方法を含めて紹介したいと思います！ オンラインレッスンに使うZoomとは？ 予約システムを活用したスムーズなオンラインレッスン実施の流れ 前日までにやること ミーティングの開始の仕方 オンラインレッスンにおけるおすすめの決済方法 単発決済ではなく月謝 / 回数券を活用するメリットは？ STORES 予約 で月謝 / 回数券を利用するメリットは？ オンラインレッスンで利用できる STORES 予約 導入事例 スパルタ英会話さま 香月葉子ピラティス＆ヤムナオンラインレッスンさま Zoomを使っ

電子レンジを使って作る「なすだけ」レシピを紹介します 。食材はなすのみ、調味料を変えるだけで、煮びたしから麻婆風なす、田楽などさまざまな定番メニューができます。「もう1品おかずが欲しい！」というときに便利です。 めんつゆだけで味が決まるなすの煮びたし。天かすを使うことでコクがアップ。なすに天かすがほどよく絡み、とろとろの食感を楽しめます。 材料（2人分） なす…2本（160～200g） A めんつゆ3倍濃縮タイプ…大さじ2 天かす…大さじ2 水…大さじ6 作り方 なすはヘタを切り落として縦半分に切る。皮に斜めの切り目を入れ、長さを半分に切る。水に5分程度さらしてしっかり水気を切る。 耐熱ボウルにAの材料をすべて混ぜ合わせ、なすを加えてさっくり混ぜる。ふんわりとラップをして電子レンジ（600W）で5～6分加熱する。 ●冷凍なすでも作れます！ 冷凍なすを電子レンジ（600W）で50～60秒加熱

ECサイトのSEO対策の重要性 現状として、ネット通販において通販サイトの利用が年々増え続けていることから、ECサイトの重要度が高まっています。 ※出典：経済産業省 また、スマホからネット通販する人が増えてることがわかります。 ※出典：経済産業省 このように、スマホの普及の進んでいますし、この数字は今後さらに増加していくことが容易に予想されるので、通販サイトの重要性がどんどん高まっていくことが考えられます。 ということは、今後を見据えると、実店舗での販売ももちろん重要ですが、ネット通販をあまり取り組みされていなかった方は本格化した方がいいでしょう。 そして、今のところはパソコンでネット通販している人が多いので、パソコン用のサイトをまずは立ち上げ、近い将来を見越してスマホ用サイトにも対応しながらSEO対策を進めていく必要があります。 ECサイトのSEO対策を行うためのポイント 冒頭でも触れた

ソーシャルシェアボタンの設置方法のまとめです。GoogleアナリティクスによるSNSボタン押下数の効果測定やFacebookでキャッシュクリアしないと正しく出なかったりする件の対処法、ogpタグなど、いくつかハマったものの解決方法も併せて記載しています。 ■ ソーシャルボタンの表示サンプル ■ シェアしたときの表示サンプル（google+の例） 1.対応しているSNS 本記事で対応しているSNSは以下です。 Facebook（※いいねボタンではなくシェアボタンです） Twitter Line Google+ はてブ 2.シェアボタンを実装する前にやること シェアボタンを実装する前に、以下の内容を検討して下さい。 メタタグやogpタグが適切に記載されているか？ → ないと魅力半減です。 GoogleアナリティクスでKPI測定するか？ → シェアボタン押された回数計測できます 2.1 メタタグ

ランディングページやポートフォリオなど、レスポンシブ対応のペライチ縦長ページをドラッグ&ドロップで驚くほど簡単に作成できてしまう無料オンラインツールを紹介します。 FlexboxベースのTailwind CSSが使用されており、ヘッダやフッタやコンテンツには、一般的に使用されているコンポーネントが揃っています。HTMLの作業は必要なく、自分用のHTMLファイルを短時間で作成できます。

結論だけ見たい方はこちらをどうぞ。 ↓↓↓↓↓↓↓↓↓↓↓ 「とりあえずサイト作ってぇ〜」と依頼する前に押さえるべきポイントは ・サイトの目的を整理する ・参考サイトを準備する ・編集・変更箇所を明確にする ・適正価格を理解する ・サポート契約を視野に入れる です。 ------------------------------ ※いいねと思ったら是非FBやTwitter・はてブでシェアお願いします！！！ 自分は現在フリーランスのデザイナー兼エンジニアとして活動しており、Web制作やらアプリ開発なりをしています。 ありがたいことに、紹介で開発のお仕事いただくのですが、 「とりあえず会社のホームページ作ってぇ〜」 といったノリで打ち合わせが始まることが多々あります。 これを通称「とりあえず作ってぇ〜」型案件と（私は）呼びます。 こちらで要件の調整などコンサル込みで制作を進めることもできるのです

フォルダを削除 フォルダを削除すると登録されているデザインやメモは 全てお気に入り登録から削除されますがよろしいですか？

ランディングページとは「広告の飛び先ページ（リンク先ページ）」を指す言葉です。ユーザーが広告などのリンクをクリックしたときに表示される、1枚の縦に長いWebページのことをランディングページと呼びます。略してLP（エルピー）・ランペとも呼ばれます。 【保存版】ランディングページ構成の王道パターン3選 ランディングページでは、アピールしたい商品・サービスの訴求を行い、コンバージョン（成約）まで完結させることを狙います。売上アップに直結する重要な役割を果たすのが、ランディングページです。 ランディングページを正しく理解し、売れるランディングページの作り方を身に付けることは、Web上のあらゆる施策で成果を挙げるために必須のスキルとなります。ランディングページを理解せずして、売上を上げることはできません。 よって本記事では、売上を作るうえで最も重要だと断言していい「ランディングページ」について、基礎

合同会社・ＬＬＣの人気の理由 合同会社・ＬＬＣブームの背景、数の増加の理由 合同会社の設立が増えてきているのは、合同会社の知名度が徐々に上がってきたためです。 合同会社は、2006年の会社法の改正に応じまして、新たに設立できるようになった会社形態です。 そのため、一昔前では合同会社といっても誰も知らなかった存在なわけです。 合同会社を知らないから設立の件数も伸びていないということが、一番大きな合同会社の設立の件数の少なさでした。 これが、少しずつ時間が経ってきたことによりまして社会が合同会社を認知し始めます。 専門家が増えてきますと、各自のホームページやブログなどで合同会社の説明をします。 すると、そのホームページやブログを見た人は株式会社しか頭になかったものが合同会社のことを知ることになります。 この点、合同会社のメリットを活かせる人に対して、われわれ専門家は株式会社の設立ではなく合同会

こんにちは！　野尻湖オフィスのまさしです！ みなさん、Googleの活用はできていますか？　前回もご説明しましたが、Googleは単なる検索ツールではありません。ビジネスに活用しようと思ったらいろいろなことができるんです。ビジネスオーナーであれば、活用しない手はありません。 ▼Googleマイビジネスの登録方法はこちら

a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:

SSL化とは、インターネット上のデータ通信を暗号化することです。SSL化することでサイト全体を金融機関サイトのようにセキュリティを向上させることができます。サイト全体のSSL化は、常時SSL化(常時HTTPS化)とも呼ばれます。 このSSL化はGoogle検索のランキング要因なので、適用することでSEO(SEO対策)の良い効果が期待できます。 一方、SSL化(HTTPS化)しなければ、データ通信の際に安全性が低くなります。 この場合、Webサイトに訪れたユーザーの情報が漏洩する可能性が高まります。 そうなれば、ユーザーの利便性が低下するので、Googleに評価されづらくなります。 つまり、検索順位が上がらなかったり、検索流入が増えづらくなるというわけです。 こうした良くない状況を回避する為に、SSL化のSEO効果を考慮して、より信頼性の高いサイトを運用しましょう。 この点踏まえて今回は、S

デザイナーのみなさま、突然ですがこんな悩みはありませんか？ ブランドカラーを何色にするべきか、どのように決めたらよいか迷ってしまう。 いつも無難な色を使いがちでデザインの幅が広げづらい。 なぜこの色なの？と聞かれた時にロジカルな回答ができるか心配。 デザインをしていると、このような悩みを一度は持ったことがあるのではないでしょうか。 プロセスの中で必要とされるカラーの選定は、1つの難関ですよね。 0→1フェーズのデザインを得意とするグッドパッチでは、目には見えないサービスのコンセプトを決定するところから、ブランドカラーやサービスロゴなどで実際の形にする提案までを担当させていただくことが多々あります。 実際に私が担当したプロジェクトでは、とある企業さまの新規デジタルメディアの立ち上げを担当させていただき、その際Webサイト内とサービスロゴに使用するブランドカラーの提案をさせていただきました。

キレイな文字は好きですか？フロントエンドエンジニアのザワです。 本来読むための要素であるテキストも、最近ではアニメーションさせる要素の１つになることが多くなってきました。 スクロールに合わせてテキストがふわっと表示されるのも一昔の話し、それだけでは物足りなく感じてきたデザイナーやエンジニアが多くなってきたのでしょう。様々な出現パターンが見られるようになってきました。 今回は、そんな変化してきているテキストアニメーションに注目し、素敵なサイトを紹介していきます。 レッツラゴー！ Contemple https://ccccontemple.com/agency/ ローディングページからいきなりテキストアニメーションで魅せてくれます。軽量なテキストはローディングの表示にはもってこいですね。肝心なテキストアニメーションはと言うと、一文字一文字が順に下から移動して表示されます。文字に角度がついた状

こんにちは！　デザイナーのすーちゃんです。 みなさん、フォントはお好きですか？ 私は大好きです！　フォントについてはそんなに詳しくないのですが、最近フォントの本を3冊くらい買ってしまい、疲れたときにフォント辞典を眺めては癒やされています。 ということで、今回は特に制作でお世話になっているフォントをご紹介します！ インストールフォント編 バナーやアイキャッチを作成する際に、よく使用するフォントです。 1.DIN Next Pro ドイツの工業規格のフォントです。デザイナーの方にはおなじみのフォントですね！ 字面枠にしっかり収まっているようにカチッとした書体がなんとも言えません……！ 特にコンデンスドはその印象が強いですね！ ファミリーフォントにラウンドもあるのですが、雰囲気はそのままに印象がやわらかくなるので、こちらも重宝しています。 ちなみに私は、タイトルとサブタイトルでコンデンスドを使い