ウェブテックドリブン Web Tech Driven

ウェブテックドリブン

プログラミングスキル不要
Webサイト制作スキル獲得講座

ウェブテックドリブンのロゴ

ウェブテック ドリブン

『Webテクノロジーの仕組み』から『会員制サイト制作』まで
一気通貫で学べる動画講座

ウェブテックドリブンの講師と講座が並んだ写真

現在フリーランスとしてWebサイト制作業務を行なっている現役講師が、『Webテクノロジーの技術的な仕組み』から『会員制Webサイトの制作』までを解説していきます。
プログラミング言語などは使わず、一緒に手を動かしながら制作していく方式ですので『非エンジニアの方』『ITが苦手な方』でも安心してご受講いただけます!
Webサイト制作を請け負えるレベルを目指して、一緒に頑張っていきましょう!!

LINE公式アカウントでの期間・回数無制限の質問対応で
継続的にサポートしていきます

LINE公式アカウントのロゴ

講座をご購入頂くと、LINE公式アカウントに招待させて頂きます。
講座内容に関して、講師に質問し放題です。
つまづきやすい点や、理解が及ばない点など気軽に相談し、効率的に学習を進めることが可能です。
質問の回数や期間は無制限ですのでご安心して受講してください。

こんな人にオススメです

最近のIT・Webサービスの全体感を知りたい方

デジタルへの深い知見を獲得されたい方

Webサイト制作スキルを身に付けたい方

会員制サイトを作ってみたい方

IT、Webに関する理解度が圧倒的に向上します!

OUTPUT

当講座で出来ること

ウェブテックドリブンの講座の中で作るWebサイトのデモを掲載しています。
動画講座をご覧になりつつ、一緒に手を動かせば同じようなサイトを制作することが可能です。

第04章:ブログサイトを作ろう

第04章ではワードプレスというシステムに慣れるためにまずは簡単なブログサイトを制作していきます。

ウェブテックドリブンで作成するブログサイト
ウェブテックドリブンで作成する企業用のWebサイトの写真

第06章:Lightningテーマを使った企業Webサイト制作

第06章では『Lightning(ライトニング)』と呼ばれるワードプレステーマを使って、企業サイトを作成していきます。デザインは『Elementer』というプラグインを使用するので、プログラミング言語が分からなくても大丈夫です。

第08章:BusinessPressを使ったLP制作

第08章では『BusinessPress(ビジネスプレス)』と呼ばれるワードプレステーマを使って、商品やサービスの紹介サイト(Landing Page)を作成していきます。デザインは『Elementer』というプラグインを使用します。

ウェブテックドリブンで作成する企業用Webサイト
ウェブテックドリブンで作成する会員制Webサイト

第09章:会員制動画配信サイトを作ろう

第09章ではテーマ購買サイトで買ったテーマを使って『会員制の動画配信サイト』を構築していく方法を学んでいきます。ワードプレスを土台として、デザインは『Elementer』というプラグインを使用します。

『テクノロジーがわからない』を克服しましょう!

INSTRUCTOR

講師紹介

講師田上和佳の紹介用写真

田上 和佳(タノウエ カズヨシ)

TANOUE Kazuyoshi

元大手総合商社勤務。日本から世界に通用する様なサービスを生み出さなければならないと思い独立。
現在はフリーランスとしてWebサイト制作・運用、Webサービスの開発、新規事業のコンサルティングサービスなどを行なっている。

皆さんへのメッセージ

こんにちは、田上和佳と申します。
商社に勤めていたときの最大のコンプレックスは『テクノロジーがわからない』ことでした。
このままじゃ世の中の変化にとりのこされるのではないか・・・という漠然とした不安をかかえていたことを覚えています。
元々ホワイトカラーの業界で働いていた経験をいかして、マクロ的にもミクロ的にも分かりやすくWebテクノロジーが理解できるような講義をお届けしますので、一緒に頑張っていきましょう!!

PRICE & CONTENTS

料金・コンテンツ内容

ウェブテックドリブンの講座ページイメージ写真
価格 69,800円(税込)

94本の動画とLINE公式アカウントでの質問サポートでしっかりとフォローアップしていきます。
追加料金なしの買いきり価格となっております。

講座のカリキュラム
(クリックするとレッスンがご覧になれます)

  1. 学ぶ手順や動画講座の概要を理解しよう
  1. リクエストとレスポンスを理解しよう
  2. サーバーとOSを理解しよう
  3. Webサイトの仕組みを理解しよう
  4. サーバーサイドスクリプトとデータベース
  5. Webサイト作りの工程を理解しよう
  1. ローカル開発環境を構築しよう
  2. ローカル開発環境にWordPressをインストールしよう
  3. WordPressの中身を見てみよう
  1. WordPressの標準機能を見てみよう
  2. WordPressの初期設定をしよう
  1. Webサイトの制作手順を学ぼう
  2. ブログサイトの完成形を確認しよう
  3. 投稿記事を作成しよう
  4. 固定ページを作成しよう
  5. メニューを作成しよう
  6. フッターの編集とレスポンシブデザインのチェック
  1. Adobe Creative Cloudを契約してみよう【裏技あり!】
  2. Illustratorの使い方 – ロゴの作成編
  3. Illustratorの使い方 – ファビコンの作成編
  4. Illustratorの使い方 – 写真の編集
  5. Photoshopの使い方 – 写真の明るさの調整
  1. 企業Webサイトの制作手順をおさえよう
  2. ローカルでのWordPressとテーマの設定
  3. 完成サイトの確認と固定ページの作成
  4. ロゴとメニューを作成してみよう
  5. ヒーローイメージ部分をカスタマイズしよう
  6. トップページの編集その1
  7. トップページの編集その2
  8. トップページの編集その3
  9. トップページの編集その4 – フッターの編集
  10. 固定ページの編集とプラグインの追加
  11. レスポンシブデザインのチェックとテーマ・プラグインの選定方法
  1. ドメインを取得しよう
  2. サーバーの契約をしよう
  3. ドメインとサーバーを繋ぎこもう
  4. 本番環境にWordPressをダウンロードしよう
  5. FTPクライアントソフトを使ってデプロイしてみよう
  6. アップロード前にすべき作業とプラグインの設定
  7. デプロイの続き
  8. DBデータのアップロード
  9. URLを置換しよう
  1. Landing Pageを知ろう
  2. ローカル開発環境を構築してテーマを読み込もう
  3. 固定ページの作成とプラグインのインストール
  4. テーマの特徴チェックとヒーローイメージの編集
  5. フッターを実装しよう
  6. トップページのデザイン1
  7. トップページのデザイン2
  8. トップページのデザイン3
  9. トップページのデザイン4
  10. SNSの設定、ロゴ・ファビコンの作成
  11. レスポンシブデザインの調整をしよう
  12. サービス紹介ページを実装しよう1
  13. サービス紹介の実装2
  14. 特徴ページの実装
  15. 料金ページの実装1
  16. 料金ページの実装2
  17. よくある質問・お知らせページの実装
  18. 会社概要ページの実装1
  19. 会社概要ページの実装2
  20. お問い合わせ・プライバシーポリシーページの実装
  21. 本番環境にあるデータをバックアップしよう
  22. 本番環境にWebサイトをデプロイしよう
  1. 完成形のWebサイトを見てみよう
  2. テーマ購入サイトについて知ろう
  3. テーマを購入してみよう
  4. テーマの初期設定をしよう
  5. 固定ページの作成とメニューを設定しよう
  6. ヘッダーを編集しよう
  7. ヒーローイメージを編集しよう
  8. トップページのデザイン1
  9. トップページのデザイン2
  10. 動画コースを作成しよう
  11. Stripe(ストライプ)の実装
  12. 会員管理プラグインとStripe(ストライプ)の繋ぎこみ
  13. 会員管理プラグインとコース管理プラグインの繋ぎこみ
  14. オンラインコースを作成しよう
  15. ニュースとサムネイルの作成
  16. 口コミを作成しよう
  17. メンバーシップページとニュースページの編集
  18. お問い合わせページの編集
  19. 決済プロセスの実装とレスポンシブチェック
  20. 翻訳プラグインを使って日本語化しよう
  21. 本番環境にアップロードしよう
  22. 本番環境にアップロードしよう2
  23. アップロード後の最終チェックをしよう
  1. サイトの認証とサイトマップの登録1
  2. サイトの認証とサイトマップの登録2
  3. WebサイトとSNSの連携方法を知ろう
  1. Google Analyticsでどのようなことが知れるのかを学ぼう
  2. Google Analyticsの設定方法を知ろう
  3. Google Search Consoleとの繋ぎこみ
  1. バックアップ、更新の方法について学ぼう

デジタルに関するリテラシーを上げたい方、自分でWebサイトを制作しながらデジタルリテラシーを向上させていきましょう!
履修後は世の中のITサービスがどのような仕組みで制作されているのか理解できるようになるはずです!

ご利用者の声

Web tech drivenは、私たちの社団法人設立におけるホームページ立ち上げの時に、「外注ではなく自前でホームページを作りたい」と考えていた際に受講しました。 初めて作るホームページでしたが、動画が各章に分かれ、体系的に説明されているので、抵抗感なく進めることができました。また、いくつか自分ではどうにも解決できない点が出てきますが、その時丁寧にアドバイスをしていただき、非常に助かりました。無事にホームページを立ち上げできる運びとなり、この場をお借りし、田上さんに御礼を申し上げます。 田上さんは前職の同僚ですが、人物的に素晴らしく、大いに信頼に足る人物です。田上さんの本気を応援しつつ、今検討されている方も受講されることをお勧めいたします。
何か自分の価値となるスキルを身につけたいと思っていた時にこの講義を友人から紹介されました。 Webページ制作は難しいイメージでしたが、基本的なことから動画で丁寧に学ぶことができた為、順調に進むことができました。 また、田上さんの実際の体験に基づいたアドバイスや質問への回答をもらえたので理解がさらに深まりました。 受講後にwebサイト制作を受注することができ、クライアントにも満足いく作品が届けられています。 同じ悩みを持つ方は是非受講されることをオススメします。

自分でWebサイトを立ち上げられるスキルを身につけましょう!

NOTES & PREPARATION

注意事項・事前準備

お申し込み前に以下の注意事項をご確認ください。

講座内でかかるコストについて

講座の注意事項について

動作環境について

SAMPLE VIDEOS

サンプル動画

ご購入の際には、是非ご確認ください!

APPLICATION FORM

Web Tech Driven お申し込みフォーム

こちらのフォームより決済プロセスにお進みください。
携帯やicloudメール、outlookメールだとメールが届かない場合がございますので登録禁止としております。
gmail及びyahooメールでのご登録をお願いいたします。

OTHER COURSES

その他の講座

動画編集スキル講座。動画編集に必要なスキルを『基礎』から『応用』まで 一気通貫で学べる動画講座
フィットネス、筋トレを理論から実践まで徹底解説 理想のカラダを手に入れるオンライン動画講座