営業 / 転職編

• DAY 1~7

  7日間で仕事を受けるためのマインドや基礎知識を学ぼう

  詳しくみる

  レッスンを始める
  • 目次
  • 01  なぜ営業を学ぶのか【1日目】
  • 02  営業に重要な5つのマインド【2日目】
  • 03  営業における4つのアクション【3日目】
  • 04  法人営業攻略マニュアル【4日目】
  • 05  営業でやってはいけない注意事項15選【5日目】
  • 06  営業初心者からの疑問に答えるQ&A【6日目】
  • 07  長く活躍し続けるために大切な3つのこと【7日目】
  • 08  終わりに
• DAY 8

  提案型クリエイターを目指す「営業アドバンスコース」のご紹介！

  詳しくみる

  レッスンを始める
  • 目次
  • 01  事業として30〜100万円の売上を目指すロードマップ
  • 02  カリキュラム内容
• DAY 9

  学んだスキルを転職につなげよう！「転職支援コース」のご紹介！

  詳しくみる

  レッスンを始める
  • 目次
  • 01  デイトラ転職支援コースの特徴
  • 02  実績豊富なプロの講師陣と受講生の声
  • 03  カリキュラムの内容
  • 04  よくある質問

NoCodeでサイトを作ってみよう：WordPress編

• DAY 10

  ブロックエディタ＋対応テーマでNoCodeでサイトを作ろう１

  詳しくみる

  レッスンを始める
  • 目次
  • 01  テーマSnow Monkeyの試用版を申し込もう
  • 02  無料テーマLightningでサイトを作ってみよう！
  • 03  環境構築〜スライダーまでを作ろう！
  • 04  トップページの中身をブロックエディターで作ってみよう！
  • 05  フォーム設置とCSSカスタマイズをしてみよう！
• DAY 11

  ブロックエディタ＋対応テーマでNoCodeでサイトを作ろう２

  詳しくみる

  レッスンを始める
  • 目次
  • 01  Snow Monkeyを使ってサイトを作ってみよう！
  • 02  準備〜ヘッダー部分を作ろう
  • 03  トップページを作ろう！
  • 04  下層ページとCSSのカスタマイズをしてみよう！
• DAY 12

  ブロックエディタ＋対応テーマでNoCodeでサイトを作ろう[実践編]

  詳しくみる

  レッスンを始める
  • 目次
  • 01  自力でサイトを作ってみよう！
  • 02  答え合わせをしよう！
• DAY 13

  ブロックエディターとテーマを使ってNoCodeでオリジナルでサイトを作ってみよう！

  詳しくみる

  レッスンを始める
  • 目次
  • 01  モデルを決めてオリジナルでサイトを作ってみよう！

NoCodeでサイトを作ってみよう：STUDIO編

• DAY 14

  ノーコードツールSTUDIOでポートフォリオサイトを作ろう①

  詳しくみる

  レッスンを始める
  • 目次
  • 01  ノーコードツールSTUDIOとは？
  • 02  新規登録からログインまで
• DAY 15

  ノーコードツールSTUDIOでポートフォリオサイトを作ろう②

  詳しくみる

  レッスンを始める
  • 目次
  • 01  テンプレートを選ぼう
  • 02  まずはPCデザインをしよう
• DAY 16

  ノーコードツールSTUDIOでポートフォリオサイトを作ろう③

  詳しくみる

  レッスンを始める
  • 目次
  • 01  タブレットとスマホのデザインをしよう
• DAY 17

  ノーコードツールSTUDIOでポートフォリオサイトを作ろう④

  詳しくみる

  レッスンを始める
  • 目次
  • 01  公開作業をやってみよう
• DAY 18

  ノーコードツールSTUDIOを使った仕事の流れと注意点

  詳しくみる

  レッスンを始める
  • 目次
  • 01  ノーコードツールSTUDIOを使った仕事の流れと注意点
  • 02  STUDIO関連リンク集
• DAY 19

  【応用】STUDIOの機能を活かして多機能なサイトを作ろう ①

  詳しくみる

  レッスンを始める
  • 目次
  • 01  ボックスレイアウトを理解しよう
  • 02  レスポンシブ設定を学ぼう
  • 03  アニメーションを設定しよう
  • 04  ダッシュボードについて理解しよう
• DAY 20

  【応用】STUDIOの機能を活かして多機能なサイトを作ろう②

  詳しくみる

  レッスンを始める
  • 目次
  • 01  フォームを設定しよう
  • 02  CMSの使い方について学ぼう
• DAY 21

  【応用】STUDIOの機能を活かして多機能なサイトを作ろう③

  詳しくみる

  レッスンを始める
  • 目次
  • 01  CMS作成の練習をしよう
  • 02  STUDIOの制作で困った時は？

1ランク上に行くためのコーディングスキル

• DAY 22

  Git / Github / Sourcetreeを使ってバージョン管理

  詳しくみる

  レッスンを始める
  • 目次
  • 01  Soucetreeをインストールしよう
  • 02  Gitの概要とリポジトリ作成からコミットまで
  • 03  ブランチとマージ
  • 04  リポジトリの種類とGithubの役割
  • 05  Githubでリモートリポジトリを作成しよう
  • 06  ローカルリポジトリとリモートリポジトリをSSHキーで接続しよう
  • 07  プルしてみよう
  • 08  プルリクエストでレビュー依頼する
  • 09  コンフリクトを起こした場合の対応方法
  • 10  クローンでローカルリポジトリを作成してみる
  • 11  おわりに
• DAY 23

  Gulpを使ってみよう

  詳しくみる

  レッスンを始める
  • 目次
  • 01  Node.jsのインストールからGulpの動作確認まで
  • 02  Sassをコンパイルする
  • 03  ベンダープレフィックスを自動で付与する
  • 04  CSSのプロパティを並び替える
  • 05  CSSのメディアクエリをまとめる
  • 06  すべてのファイルを対象にする方法
  • 07  ファイルの変更を監視する
  • 08  ブラウザの立ち上げと自動リロード
  • 09  CSSとJavaScriptファイルの圧縮
  • 10  HTMLファイルのフォーマット
  • 11  フォルダを整理する
  • 12  Gulpを別のプロジェクトでも使い回そう
  • 13  デイトラ中級編の静的サイトと上級編のWordPressサイトにGulpを導入してみる例
  • 14  おわりに
• DAY 24

  Pugで効率的にコーディングしよう

  詳しくみる

  レッスンを始める
  • 目次
  • 01  Pugの概要
  • 02  GulpでPugを使えるようにしよう
  • 03  Pugのコードを書いてみよう
  • 04  変数を使おう
  • 05  ファイルを分割しよう
  • 06  テンプレートを用意する感覚
  • 07  まとめ
• DAY 25

  CSS設計①：CSSの問題とCSS設計手法

  詳しくみる

  レッスンを始める
  • 目次
  • 01  カスケーディングのおさらい
  • 02  自由度の高いCSS
  • 03  CSS設計が目指すもの
  • 04  様々なCSS設計手法
  • 05  コンポーネントとレイヤー
• DAY 26

  CSS設計②：コンポーネントを作ろう

  詳しくみる

  レッスンを始める
  • 目次
  • 01  再利用しやすくするためのポイント
  • 02  BEMでコンポーネントを作ろう
  • 03  コンポーネントの大きさの単位
  • 04  BEMとコンポーネントの関係
  • 05  クラス名の考え方
• DAY 27

  CSS設計③：CSS設計を実際に使おう

  詳しくみる

  レッスンを始める
  • 目次
  • 01  FLOCSSの設計手法
  • 02  クリニックサイトでのFLOCSSの例
  • 03  実践：FLOCSSを使って1からサイトを作ってみよう
  • 04  おわりに
• DAY 28

  EJSで効率的にコーディングしよう【自由課題】

  詳しくみる

  レッスンを始める
  • 目次
  • 01  EJSとは？
  • 02  GulpでEJSを使えるようにしよう
  • 03  EJSのタグの理解
  • 04  EJSで配列とループ処理を使う
  • 05  共通パーツを分割しよう
  • 06  まとめ

自由課題

• DAY 29

  Photoshopのデザインカンプからコーディングしよう【自由課題】

  詳しくみる

  レッスンを始める
  • 目次
  • 01  Photoshopをダウンロードしよう
  • 02  コーディング用にPhotoshopの環境設定を変更
  • 03  コーディングする上で最低限使うPhotoshopツール紹介
  • 04  デザインカンプ上の「値」を取得する方法
  • 05  デザインカンプ上の「画像」を保存する（書き出す）方法
  • 06  実際にPhotoshopからコーディングしてみよう！
  • 07  （おまけ）ZeplinでXDのような操作感に！
• DAY 30

  ポートフォリオをもっと充実させたい方へ！Webサービス風LPのコーディング【自由課題】

  詳しくみる

  レッスンを始める
  • 目次
  • 01  Webサービス風LPのコーディング
• DAY 31

  ポートフォリオをもっと充実させたい方へ！表参道カフェ風LPのコーディング【自由課題】

  詳しくみる

  レッスンを始める
  • 目次
  • 01  表参道カフェ風LPのコーディング
• DAY 32

  ポートフォリオをもっと充実させたい方へ！パーソナルトレーニングジム風LPのコーディング【自由課題】

  詳しくみる

  レッスンを始める
  • 目次
  • 01  パーソナルトレーニングジム風LPのコーディング
• DAY 33

  ポートフォリオをもっと充実させたい方へ！家具・家電販売風LPのコーディング【自由課題】

  詳しくみる

  レッスンを始める
  • 目次
  • 01  家具・家電販売風LPのコーディング
• DAY 34

  ポートフォリオをもっと充実させたい方へ！ブライダルプランナーのポータルLPのコーディング【自由課題】

  詳しくみる

  レッスンを始める
  • 目次
  • 01  ブライダルプランナーのポータルLPのコーディング