BEST

Programming

Full-stack

Vue-Django-Bootstrap 뚝딱ブログ

Name: Vue-Django-Bootstrap 뚝딱ブログ
Price: 33000 KRW

人気3総士（Vue + Django + Bootstrap）を活用して、簡単かつ素敵な自分のブログを作ることができます。レスポンシブは基本、スマートフォンでも見ることができます。

（4.8）受講レビュー 12件

受講生 292名

bestdjango

Vue.js

Django

Bootstrap

学習した受講者のレビュー

こんなことが学べます

Django を利用した Python Web プログラミング
jQuery の代わりに Vue.js を使用
Bootstrap 無料テーマ/テンプレートの活用

私の手で、私だけのブログ🏠
ビュー+ジャンゴ+ブートストラップWeb開発！

_{カテゴリを移動し、コメントを残し、ページネーションは直接実装します。}

_{スクロールによってメニューが変わるscrollspy UIも実装できます。}

簡単で迅速ながら
素晴らしいWeb開発？

Webプログラミングでは、UIはますますカラフルになっています。
だから初心者なら誰でも悩むようになります。「私も素敵なウェブを作ることはできませんか？」します。

この質問に対する私の答えを申し上げます。
これはVue.js + Django + Bootstrapで可能です。

一方、VueとDjangoを連動してWebプログラミングをします。
どちらも、UI では Bootstrap でサポートするテーマを使用します。

これら3人とも多くの人が使いながらも簡単だと話す人気フレームワークです。
今回の講義では、素敵なブログのWebページを直接作成し、フロントエンドとバックエンドを連動するWeb開発の原理とコア技術を学習してみましょう。それでは一緒に見てみましょうか？

こんな方へ
おすすめです。

選手の知識を確認してください！

Vue.jsとDjangoの基本知識を持つ方を対象とした講義です。

_{簡単で迅速ながら
素晴らしいWebプログラミング
したい方}

_{すでに作られている
テーマを活用する
素敵なUIを作る人}

_{技術トレンドイン
フロントエンド/バックエンド
連動したい方}

もしかしたら、こんな悩みをお持ちですか？

DjangoとVue.jsの基本的な機能を知っている方が受講できる講義です。

チュートリアルくらいは作れますが、
自分でやる時は詰まる時があります。

簡単なウェブプログラミングはできますが、
UIが気に入らない。

Djangoは書くと思いますが、フロントに
最新の技術であるVue.jsを使いたいです。

Vue.jsは書くと思いますが、サーバー技術として
Djangoを使いたいです。

Djangoを使うのに、どんどんエラーが出て詰まる時があります。
👉 Django(ジャンゴ)は多様な機能や開発者を楽にする機能が多いのに対し、そのような機能をよく把握していなければエラーに対処できます。これを行うために、Django Documentationを読む方法を教えてください。主な内容について詳しく説明します。
今よりも素敵なUIを作りたいです。
👉素晴らしいUIは誰でも欲しいですが、フロントエンドの技術とデザイン感覚が必要な分野なので、別途勉強が必要です。このレッスンでは、事前に作成されたBootstrap（ブートストラップ）テーマを使用する方法について説明します。専門家が作った素敵なUIでありながら、初級者も活用できる良い方法だからです。
わかりました/単語推薦など Async/Interactiveな機能を作りたいです。
👉 Webプログラムでは、Async / Interactive機能はほとんど必須です。以前はjQuery（ジェイクエリ）でコーディングした場合は、このレッスンではVue.js（ビュー）を使用します。 VueはjQueryのすべての機能を置き換えることができ、パフォーマンスが向上した最新の技術だからです。
スマートフォンでも動作するWebプログラムを作りたいです。
👉このレッスンで活用するStart Bootstrapテンプレートは、基本的にレスポンシブアクションをサポートします。そのため、別途コーディングせずにPCとスマートフォンの両方で動作するWebページを作成します。

この講義が特別な理由
お知らせします。

この講義を聞いたら！

Vue-Djangoを連動するための、axios/JsonResponseの使い方がわかります。
jQueryで作成した機能を、今では最新の技術であるVueで作成できるようになります。
Start Bootstrapテーマ/テンプレートなどを自分で活用できます
利点が多いというDjangoのクラス型ビューを確実に理解できます。

応用まで考えたWeb開発学習講義です。

単に「Webプログラムが戻る」「コードできる」というレベルを超えて、 Djangoの動作原理や背景知識を伝えようと努力しました。そうすれば一つを学んでも10個で応用して拡張できるからです。

また、主な内容は初級機能に合わせましたが、▲Pagination▲JSにデータ配信▲prefetch-relatedなどの中級機能も含め、皆さんがもう少し発展できるよう講義を構成しました。

最後に、重要な内容はPPTで作成し、動画で説明することで理解を助けるよう努めました。ソースコードとレッスンに使用される資料を提供します。

普通のシングルページアプリケーション連動方式に比べ、本講義のメリットです。

Vue-Django連動方式でありながら、VueRouter/Vuex/DRFを使用する必要はありません。
Vue-Django連動方式ながらも、DjangoのAdmin機能をそのまま使用します。
DjangoをAPIサーバーだけで使用するのではなく、テンプレート処理も同時に可能です。
必要に応じて、Djangoの認証機能をそのまま再利用できます。

Django Rest Framework いいけど、よく詰まったら？

DRFは最初は簡単に見えますが、アプリケーションには頻繁に詰まることがあります。
DRF のシリアライズ、クラス継承、オーバーライディングが慣れていないからでしょう。
このレッスンで基本的なスキルを習得し、その後必要に応じてDRFを使用することをお勧めします。
DRF に基本となる技術は、やはりクラス型ビュー（CBV）だからです。

次の順序で
学習します。

Start Bootstrapテーマを活用する

ブートストラップのテーマとテンプレートをダウンロードして活用する方法を学び、Djangoでテーマを修正してみてください。

DjangoでBlogアプリを開発する

Djangoでブログアプリの基本構造を作成する方法を学びます。

Vue-Django APIの開発

DjangoにVue.jsを連動させることで、どのような利点があるのかを調べ、APIを設計します。

各種拡張機能

ページネーション、JSへのデータ配信、CSRFトークン機能など、さまざまな拡張機能を学習します。

DB Queryのパフォーマンス向上

データベースのパフォーマンスを向上させるためにクエリを改善します。

スマートフォンで見る

デスクトップだけでなく、スマートフォン、タブレットなどのモバイルデバイスでも画面を見やすくするために、レスポンシブWeb技術を学びます。

よくある質問
確認してみてください。

Q. Python - Djangoは初めてです。講義に従えますか？

Django OneでWebプログラミングを行った経験が必要です。それ以降にVueを追加し、本講義のような一段階アップグレードされたVue-Django連動方式のプログラムを行います。

Q. ビューを必ず使うべきですか？ DjangoだけでWebプログラミングできませんか？

もちろんジャンゴだけで可能です。ただし、ビューを使用すると、UIがアップグレードされます。 UIはサーバー側で処理するのではなく、クライアント側で扱う方がはるかに効率的です。本レッスンではjQueryレベルで使用しており、レッスンを終えてもう少し勉強すれば、アニメーションなどのUI高度な機能に対する実装も可能でしょう。

Q. ビューの代わりにリアクト（React）を使用できますか？

可能です。連動とDjango側のコードは同じです。ビューコードだけをリアクトに置き換えてください。

ビューとリアクトの両方が良いフレームワークで、自分の状況に合わせて選択できます。ただし、本講義のように既に存在するHTMLファイルを活用する場合は、ビューがリアクトに対してはるかに有利であることは考慮してください。

Q. 簡単だというのにどんな点が簡単ですか？

View-Djangoを連動するときは、多くの場合、Vue Router、Vuex、DRFなどを使用します。これら3つを使用しなくてもかまいません。それだけ勉強量が減ります。

また、インターネット上のブートストラップテーマを活用して、すばやく簡単で素敵なUIを作成できます。

Q. 知識共有者様の他の講義とはどう違いますか？

難易度は私の Inflearn 講義 (Vue-Django 連動) 基本編と実戦編中程度です。

実戦編と比べるとブログアプリは同じですが、いいね非同期（Async）機能とコメントフォーム処理が追加され、ページネーション（Pagination）機能は直接焼き付けます。

主な違いは、Vuetifyの代わりにBootstrapを使用することです。

知識共有者の
他の講義が気になったら？

Vue.js - Django連動
Webプログラミング
ツードゥーアプリをコーディングする

Vue.js - Django連動
Webプログラミング(実践編)
美容パイの活用まで

こんな方に
おすすめです

学習対象は
誰でしょう？

簡単で迅速かつ素晴らしい Web プログラミングを行いたい方
すでに作成されたテーマを活用して、素晴らしい UI を作成したい方
フロント/バックエンドを連携させる技術トレンドを知りたい方

前提知識、
必要でしょうか？

Django チュートリアルおよびクラス型ビューには、コーディング経験が必要です。
Vue.js の基本ディレクティブ (v-for、v-if など) を理解している必要があります。

こんにちは
です。

2,090

受講生

153

受講レビュー

224

回答

4.6

講座評価

講座

프로그램 개발은 C 언어로 시작했으며, 자바를 거쳐 최근에는 주로 파이썬을 사용하고 있다.
KT ucloud 서비스의 백엔드 서버 개발 프로젝트에 참여하여, 자바로 고객의 폴더/파일에 대한 메타 정보 처리 엔진을, 파이썬으로 클라이언트 푸시 서비스를 개발하였다.

또한 KT인터넷 회선의 속도 측정 프로그램, 네트워크 장비에 대한 운용관리 프로그램, 방대한 양의 트래픽 데이터 분석 프로그램을 개발한 바 있다. 개인적으로는 파이썬의 매력에 푹 빠져 되도록이면 파이썬으로 코딩하기를 즐겨하고 있다.

그 일환으로 요즘은 Django를 활용한 웹 프로그래밍, Django Rest Framework를 활용한 JSON 연동, Pandas를 활용한 데이터 분석, Scikit-learn/Tensorflow/ChatGPT 를 활용한 AI 솔루션 개발 등의 프로젝트를 개발하면서 파이썬의 활용도를 넓혀가고 있다.

< 저서 >

1. Django 로 배우는 파이썬 웹 프로그래밍 (초판, 한빛미디어, 2015.4월)
2. Django 를 활용한 파이썬 웹 프로그래밍 - 실전편 (초판, 한빛미디어, 2016. 7월)
3. Django 로 배우는 파이썬 웹 프로그래밍 (개정판, 한빛미디어, 2018. 8월)
4. Django 를 활용한 파이썬 웹 프로그래밍 - 실전편 (개정판, 한빛미디어, 2019. 11월)
5. Django 로 배우는 파이썬 웹 프로그래밍 (3판, 한빛미디어, 2022. 11월)

< 동영상 강의 >

1. Vue.js - Django 연동 웹 프로그래밍 (인프런 동영상, 2019.4월)
2. Vue.js - Django 연동 웹 프로그래밍 - 실전편 (인프런 동영상, 2020.9월)
3. Vue - Django - Bootstrap 뚝딱 블로그 (인프런 동영상, 2021. 9월)
4. Django REST framework 핵심사항 (인프런 동영상, 2022.2월)
5. AI Web Programming (인프런 동영상, 2024.2월)

カリキュラム

全体

50件 ∙ (5時間 44分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．完成プログラムプレビュー

2件 ∙ (7分)

セクション 2．Start Bootstrap テーマの使い方

4件 ∙ (32分)

セクション 3．Djangoでブログアプリ開発

9件 ∙ (1時間 9分)

7. サイトトップページ作り
04:56
8. 自己紹介ページ作成
07:03
9. ブログアプリ作成
11:29
10. テーブルおよびテーブル間の関係
06:14
11. Post-Detail 仮画面
09:15
12. Django でのテーマ-2修正
06:29
13. メインメニューおよびテンプレート継承
08:13
14. Post-Detail画面作成
08:24
15. Scrollspy 機能
07:19

セクション 4．Vue-Django API 開発 (I)

6件 ∙ (47分)

セクション 5．Vue-Django API 開発 (II)

9件 ∙ (1時間 17分)

セクション 6．拡張 - ページネーション機能

5件 ∙ (32分)

セクション 7．拡張 - Django to JS データ伝達

3件 ∙ (24分)

セクション 8．拡張 - CSRF Token 機能等

3件 ∙ (16分)

セクション 9．DBクエリの性能改善

2件 ∙ (10分)

セクション 10．スマートフォンで表示

2件 ∙ (8分)

セクション 11．追加映像 - Start Bootstrap ソース変更点

2件 ∙ (9分)

セクション 12．付録

3件 ∙ (8分)

講座掲載日:

最終更新日:

受講レビュー

全体

12件

4.8

12件の受講レビュー

dcloyal1
受講レビュー 30
∙
平均評価 5.0
5
100% 受講後に作成
때구니
受講レビュー 25
∙
平均評価 5.0
5
100% 受講後に作成
부트스트랩과 장고템플릿과 VUE.JS를 어떻게 효율적으로 사용하는 지 확인할 수 있는 좋은 강의였습니다. 감사합니다.
mo app
受講レビュー 13
∙
平均評価 5.0
5
96% 受講後に作成
django와 vuejs를 연동 개발하려면 꼭 봐야하는 강의입니다. 완성도 높은 개발예제와 강의로 많은것을 배울 수 있습니다.
호타물
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
좋은 강의 입니다. 클래스형뷰(CBV)에 대해 많이 배웠습니다. 나중에 DRF를 이용할 때 많은 도움이 될 것 같습니다.
이현호
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
좋은 강의 감사합니다.

￥4,016

bestdjangoの他の講座

知識共有者の他の講座を見てみましょう！

AI 웹 프로그래밍 (Streamlit)

김석훈

AI 데이터 분석 및 모델링 결과를 Web Program 으로 만들어 보세요.

Beginner

streamlit, 머신러닝, Django

AI 웹 프로그래밍 (Streamlit)

김석훈

Django REST Framework 핵심사항

김석훈

"DRF, 이것만은 알고 사용하자." 클래스형뷰의 1호 강사로서, DRF의 클래스를 제대로 활용하고, 상속과 오버라이딩을 정확하게 배울 수 있는 강의입니다. 핵심 기본 사항을 제대로 학습해봐요!

Basic

Django, REST API

Django REST Framework 핵심사항

김석훈

Vue.js - Django 연동 웹 프로그래밍 (실전편)

김석훈

클라이언트 전문 FW인 Vue.js와 서버 전문 FW인 Django를 같이 활용하여, 업그레이드된 웹 프로그래밍을 해보자. Vue 쪽의 VueRouter와 Vuex를 사용하지 않고도, Django 쪽의 DRF를 사용하지 않고도, 쉽게 할 수 있다.

Basic

Vue.js, Django, Vuetify

Vue.js - Django 연동 웹 프로그래밍 (실전편)

김석훈

Vue.js - Django 연동 웹 프로그래밍

김석훈

Vue.js 와 Django 프레임워크를 사용하여, 웹 프로그래밍을 할 수 있다.

Basic

Vue.js, Django

Vue.js - Django 연동 웹 프로그래밍

김석훈

似ている講座

同じ分野の他の講座を見てみましょう！

Vue3와 Supabase로 구인구직 사이트 만들기

Michael Kwon

나만의 풀스택 애플리케이션 개발에서 프로그래시브 웹앱(PWA)까지!

Basic

Vue.js, supabase, Vue 3

Vue3와 Supabase로 구인구직 사이트 만들기

Michael Kwon

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

Vue3 & Firebase(v10)를 활용하여 커뮤니티를 만드는 강의로 Vue3 실전 활용법, Firebase 기초부터 실전, 최신 웹 기술 활용법, 지식공유자 경험 공유 등 다양한 방면으로 개발자로써 한 단계 성장할 수 있도록 돕습니다!

Intermediate

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기

Self-coding

부트스트랩5 (Bootstrap5)의 클래스, 컴포넌트 등 개념을 이해하고 이를 바탕으로 응용, 변형하고 실습으로 3개의 프로젝트를 제작해봅니다.

Basic

Bootstrap, HTML/CSS, JavaScript

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기

Self-coding

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

임종태

Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login를 쉽게 배울수 있어요~~

Basic

Vue.js, PWA, Firebase

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

임종태

[2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js

David

"요즘 누가 유료로 웹서비스 구축하나, Firebase의 모든 것" 강의가 Vue.js로 새로 돌아왔습니다. 1인 창업을 꿈꾸는 초급 개발자를 위한 바이블이 되어드립니다.

Basic

Firebase, Vue.js, PWA

[2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js

David

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

Vue 기반으로 성능이 뛰어난 웹을 빠르게 만들 수 있도록 도와주는 Nuxt 프레임워크 강의입니다. 현업에서 Vue를 사용하고 계신 분들이라면 꼭 보셔야하는 강의라고 자신있게 말씀드릴 수 있을 거 같아요~!

Intermediate

Vue.js, Nuxt.js, pinia

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

플러터와 장고로 1시간만에 퀴즈 앱/서버 만들기 [무작정 풀스택]

권태뽕

플러터와 장고로 풀스택 퀴즈앱을 만드는 강의입니다! 배울 거리가 많은 풀스택 강의로 풀스택 개발자가 되어보세요:)

Basic

Django, Flutter

플러터와 장고로 1시간만에 퀴즈 앱/서버 만들기 [무작정 풀스택]

권태뽕

카카오,구글 SNS 로그인(springboot3, vue3)

bradkim

springboot를 활용하여 카카오, 구글로그인을 구현합니다. jwt토큰 기반 로그인이 구현됩니다. vue3를 통해 간단한 화면을 구성합니다.

Basic

OAuth, oauth2, JWT

카카오,구글 SNS 로그인(springboot3, vue3)

bradkim

[ 부트스트랩 5 ] 빠르고 스마트하게 웹 사이트 만들기 | Bootsrap 입문용

코드덤

부트스트랩5로 나만의 색을 입힌 포트폴리오 웹 사이트 제작부터 배포까지! 전세계적으로 가장 많이 사용되고 있는 웹 디자인 툴킷! Bootstrap 5

Beginner

HTML/CSS, Bootstrap

[ 부트스트랩 5 ] 빠르고 스마트하게 웹 사이트 만들기 | Bootsrap 입문용

코드덤

파이썬/장고로 웹채팅 서비스 만들기 (Feat. Channels) - 기본편

이진석

채널스 라이브러리는 장고의 철학 아래 개발된 실시간 메세징 라이브러리입니다. 본 강의를 통해 채널스의 진수를 빠르게 익혀보세요.

Intermediate

Python, Django, django-channels

파이썬/장고로 웹채팅 서비스 만들기 (Feat. Channels) - 기본편

이진석

실전! Django 입문 [최신 5.2 버전]

신동현

Django 핵심 개념과 주요 기능에 대해 상세하게 알아보고, DRF를 통한 API 개발 방법과 AWS를 활용한 배포까지 Django 웹 개발의 모든 것을 다룹니다.

Beginner

Python, Django, AWS

실전! Django 입문 [최신 5.2 버전]

신동현

리액트, 뷰 학습을 위한 필수 지식 - FrontEnd 학습 환경설정 및 VS Code 기초 사용법

유용한IT학습

본 과정은 React.js와 Vue.js 프런트엔드 학습에 필수적인 개발 환경 설정과 VS Code 기초 사용법을 다루는 동영상 강의입니다. 실습 중심으로 환경 구축부터 생산성을 높이는 기본 기능 활용까지 단계별로 안내합니다.

Beginner

react.js, Vue.js, VSCode

리액트, 뷰 학습을 위한 필수 지식 - FrontEnd 학습 환경설정 및 VS Code 기초 사용법

유용한IT학습

파이썬으로 장고(Django) 공략하기: 입문

박순영

장고(2.0 이상)를 사용해서 웹 앱 프로젝트 개발을 시작하는 법을 배우며, 강의 내용을 활용해 간단한 비회원 게시판 사이트를 만들어 AWS에 실행할 수 있도록 합니다.

Basic

Python, Django

파이썬으로 장고(Django) 공략하기: 입문

박순영

부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프

영코디 킴쌤

디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지를 만들기 위해 부트스트랩을 활용하는 방법에 대한 강의[개정판] 입니다.

Basic

Bootstrap, 반응형 웹, 웹 디자인

부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프

영코디 킴쌤

Google Sheets로 만드는 Simple Blog!

제주코딩베이스캠프

Google Spreadsheets + Google apps script + Google drive + Bootstrap를 사용해, 24시간 무료로 동작하는 Simple한 blog를 빠르게 만들어봅시다!

Basic

Bootstrap, Google Apps Script, VSCode

Google Sheets로 만드는 Simple Blog!

제주코딩베이스캠프

부트스트랩을 활용한 반응형 웹제작 [실전편] 부트캠프

영코디 킴쌤

부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기[2024년 개정판] 수업의 실전 제작수업으로 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹 실무 페이지를 부트스트랩4를 활용하여 직접 제작해 봅니다.

Basic

Bootstrap, 반응형 웹, 웹 디자인

부트스트랩을 활용한 반응형 웹제작 [실전편] 부트캠프

영코디 킴쌤

Django 초보 가이드 - 실습을 통해 알아보는 장고 입문

onecue

웹프레임 워크 장고(Django) 를 소개부터 기본적인 사용법을 알아봅니다.

Beginner

Django

Django 초보 가이드 - 실습을 통해 알아보는 장고 입문

onecue

부트스트랩(BOOTSTRAP)3을 활용한 반응형 웹페이지 만들기

유용한IT학습

디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지를 만들기 위해 부트스트랩을 활용하는 방법에 대한 강의입니다.

Basic

Bootstrap, 반응형 웹

부트스트랩(BOOTSTRAP)3을 활용한 반응형 웹페이지 만들기

유용한IT학습

Vue-Django-Bootstrap 뚝딱ブログ

学習した受講者のレビュー

こんなことが学べます

簡単で迅速ながら素晴らしいWeb開発？

こんな方へおすすめです。

もしかしたら、こんな悩みをお持ちですか？

この講義が特別な理由お知らせします。

この講義を聞いたら！

応用まで考えたWeb開発学習講義です。

普通のシングルページアプリケーション連動方式に比べ、本講義のメリットです。

Django Rest Framework いいけど、よく詰まったら？

次の順序で学習します。

Start Bootstrapテーマを活用する

DjangoでBlogアプリを開発する

Vue-Django APIの開発

各種拡張機能

DB Queryのパフォーマンス向上

スマートフォンで見る

よくある質問確認してみてください。

知識共有者の他の講義が気になったら？

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

bestdjangoの他の講座

似ている講座

簡単で迅速ながら
素晴らしいWeb開発？

こんな方へ
おすすめです。

この講義が特別な理由
お知らせします。

次の順序で
学習します。

よくある質問
確認してみてください。

知識共有者の
他の講義が気になったら？

こんな方に
おすすめです

こんにちは
です。