Studio Friends開設！

みなさん、こんにちは！

一人で作業していると詰まって挫折しそうになったりしませんか？

そんなときに、聞ける仲間がいたら心強いですよね？

いい教材って沢山ありますが、理解まで落とし込むのは大変💦

そこで、【 Studio Friends 】というコミュニティを立ち上げました！

■「Studio制作講座」とは

コーダーやデザイナー問わず基本から身に付く制作講座です！

私は年間50件納品、最短12Pを16時間（2日）で制作した経験があり、最高時給単価10,000円です！

このような働き方ができれば、小さいお子さんとの時間を犠牲にして頑張っているママさんや副業の方にとってStudioを武器にするメリットが大きいのではないかと感じています。

■コンテンツ内容

コーダーにオススメ

コードを書くスキルだけではStudioを使いこなすのは難しいでしょう！
デザインの「基礎」は学んだ方がプラスになること間違いなしです！

• デザイン４大原則

• カラーの考え方

• 余白の考え方

• フォントの考え方

デザイナーにオススメ

目に見えないところにコードは必ずあります。
HTML構造など意識するとSEOとして効果が上がるんです。
こういったことを意識高めるとクライアントに喜ばれること間違いなしです！

• HTML構造とは

• タグとは

• altとは

• レスポンシブ

エディタの説明

意外と知られていない機能など解説してます。

• 上パネル

• 左パネル

• 右パネル

手を動かしてみよう！

動画を観ながら実際に手を動かして実装します！
ここで実装の基礎を学んでいただきます。

• ヘッダーを作ろう！

• フッターを作ろう！

• FVを作ろう！

• セクションを作ろう！

• 動的CMSを実装しよう

• アニメーションを実装しよう

• オススメ便利ツール

作ってみよう！

Figmaでデザインしたデザインカンプを実装していただきます。
実践編はクラウドソーシングで提案するのと同じ形になっています。

• 初級編
  ポートフォリオとして使用できるシンプルなデザイン
  １ページ

• 中級編
  コーポレートサイト
  10ページ
  CMS

• 実践編

追加コンテンツ

• よく使うボタン

• 文章内の一部変更

• メガメニューの作り方

• ４つのAIツールを使って画像作成

• 料金表を作ろう！

• Google Mapの挿入と詳細削除

• 「簡単」スムーズに画像切替カスタムコード

４大特典

• マインドセット
  タスクの管理法や考え方

• カスタムコード
  スクロールダウン
  無限ループカルーセル（スライダー）

• デザインポイントのまとめ

この「STUDIO制作講座」で基本的な操作方法を自習していただき、さらに仲間と情報交換

サイコーじゃないですか～

■Studio Friends参加の流れ

1. 「Studio制作講座」購入（Brain）

2. Brainにコメント入力

3. 公式ラインから「Studio Friends」と入力

4. 送られてきたURLからディスコードに参加

JOINをお待ちしております！

※「Studio制作講座」の料金は告知なしに上がっていきます。

年間50件納品を可能にする「STUDIO制作講座」 | shinkichi | Brain