วีดีโอ

ありがとうございます！ デザイン研究所さん曰く、「すべての技術を詰め込みました」とのことで、そういっていただけると嬉しいです。

ありがとうございます！ うれしいです！

ありがとうございます！ 月1回、このような添削動画をUP予定ですので、チャンネル登録してお待ちいただけると嬉しいです♪

ご質問ありがとうございます！ リストの編集をする際は、青い枠をダブルクリックするか、キーボードのエンターキーを押すとデザインの編集ができるようになります！ 詳しくはこちらのSTUDIO公式の記事をご確認ください 🙇‍♀️ help.studio.design/ja/articles/4129102-%E3%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E4%BD%9C%E6%88%90%E3%81%A8%E7%AE%A1%E7%90%86%E6%96%B9%E6%B3%95#:~:text=%E3%83%AA%E3%82%B9%E3%83%88%E5%8C%96%E3%81%97%E3%81%9F%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%81%AB%E3%81%AF%E3%80%81%E4%BB%A5%E4%B8%8B%E7%94%BB%E5%83%8F%E3%81%AE%E3%82%88%E3%81%86%E3%81%AB%E6%9E%A0%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%BE%E3%81%99%E3%80%82%E3%81%93%E3%81%AE%E6%9E%A0%E3%81%AE%E9%9D%92%E3%81%84%E9%83%A8%E5%88%86%E3%82%92%E3%83%80%E3%83%96%E3%83%AB%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%99%E3%82%8B%E3%81%8B%E3%80%81Enter%E3%82%92%E6%8A%BC%E4%B8%8B%E3%81%99%E3%82%8B%E3%81%A8%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%B7%A8%E9%9B%86%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B%E7%8A%B6%E6%85%8B%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82

うれしいコメントありがとうございます！

ご質問ありがとうございます！ ブラウザはGoogle Chromeを使用されていますでしょうか？STUDIOはGoogleChromeでの動作を推奨されていますので、ご確認ください。うまく動かなくなった際は、基本的に更新ボタンを押して再読み込みいただければ解消することが多いです。 また、レイヤーパネル上では、右クリックを使用することはありません。消したいレイヤーを選択いただいてキーボードのバックスペースキーを押してください。

@@Webdesign-daily-trial うまく移動できなかったのはグループ化されていたからのようです。 解除したらうまくいきました。ありがとうございました。

ご質問ありがとうございます。 私の場合はマウスパッドで2本指でスライドさせることで移動しています！ マウスをご利用の場合は、⌘キー（Mac）またはCtrlキー（Windows）を押しながらスクロール操作を行うことで、表示倍率を細かく変更することができます。

@@Webdesign-daily-trial おかげさまで解決しました。ありがとうございました。

Figmaを教材作成にも使えるかですかね？ それであれば、Figmaは汎用的なデザインツールなので教材を作るのにも使えます！ しかし、教材は作ったことが無いので、ほかにもっとおすすめのツールがあるかもしれません…。

汎用性のあるブラッシュアップ方法なので、ぜひご活用下さい！

ご質問ありがとうございます！ STUDIOにはグラフを作成するような機能はありません。 Excelやデザインツールなどでグラフを作成して画像として保存いただき、 STUDIOに画像として配置するといいと思います！

@@Webdesign-daily-trial かしこまりました！ご回答ありがとうございます🙇

ご質問ありがとうございます！ クラウドワークスでも仕事はありますが、どうしても単価が安くなりがちです！ 営業の仕方については、デイトラライトニングでみっちり教えておりますので、ご興味あればぜひ！

@@Webdesign-daily-trial ありがとうございます。

ご質問ありがとうございます！ クリックして飛ばしたいセクションに、正しくIDを設定できておりますでしょうか？ 詳しくは下記のSTUDIO公式ガイドを参照いただけますと解決できると思いますので、チェックしてみてください！ help.studio.design/ja/articles/4055397-%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E7[…]A8%AE%E9%A1%9E%E3%81%A8%E8%A8%AD%E5%AE%9A%E6%89%8B%E9%A0%86

@@Webdesign-daily-trial 返信ありがとうございます！解決できました🙇　いつも勉強で見させてもらっています！

コメントありがとうございます！ 実際のデイトラコースでは、文面でのフィードバックが主体になるので、この動画のような添削とはちょっと異なります！

@@Webdesign-daily-trial ありがとうございます！入会するまで講座の中がわからず不安だったので参考になります！

こちらこそ動画を見ていただきありがとうございます！ 他の動画もわかりやすくWebデザインのことを解説しているので、ぜひチャンネル登録お願いします！

コメントありがとうございます！ その会社は中々のブラックですね…お疲れ様でした…

クリエイティブのためなら命をかけるって感じでした。ただ、D通やH堂のADと密接に携わっているような制作会社は多かれ少なかれどこもそんなものだと思います。特に広告賞などが欲しい人と仕事をするのは大変で、22：00から打ち合わせとか、午前2:00に電話でやりとりとかも普通にありましたね。それで年収は300万円ちょっとなんだから厳しいです。

動画見ていただき、またご質問もありがとうございます！ ①おっしゃるとおりの方法でも、見た目上は同じデザインの再現ができます！しかし、Webサイトというのは、さまざまな大きさのデバイスで見られますので、このような設定にしております。 詳しくは動画の24分あたりを見ていただきますと、よりわかりやすいのかなと思います！ また、実際に2つの方法で組んで並べてみて、画面幅を拡大・縮小してみた時の、それぞれの挙動をご確認いただけると、より理解が深まると思います！ ②今回の動画では、あらかじめWebデザイナーさんの方で、Webサイトのデザインを作成いただいており、そちらの指示を元に値の設定をしております！ これらをご自身で設定する際には、少なからずWebデザインの勉強や知識が必要となってきます。基本的には、ユーザー（Webサイトを見てくれる方）にとって、見やすい・使いやすいデザインにする必要があります。 もしご興味がありましたら、Webデザインについて調べてみてください！ とってもいいご質問をありがとうございました！

@@Webdesign-daily-trial お忙しいご回答いただきありがとうございました！ 教えていただいたことを試して理解を深めたいと思います！ ありがとうございました！

コメントありがとうございます！ STUDIOなどのサービスはどうしてもアップデートが入るので、その時と同じというのが難しいですね… 分からないことがあれば、質問を受け付けているので、ぜひ質問してください！

@@Webdesign-daily-trial 20:52 左のレイヤーパネルを開き、外側のボックスを削除するとありますが、どの様に削除するのか分かりません。コーディングなら削除出来てたのですが...STUDIOではその様に対処するのでしょうか？

ご質問ありがとうございます！ 対処方法としましては、下記の2つあります。 ①動画の通り、ドラッグ&ドロップで内側のボックス（消したくない方）を外側のボックス（消したい方）の外に出す ②外側のボックス（消したい方）を選択した状態で、⌘＋Shift+Gを同時に押すとグループ化が解除される ぜひ試してみてください！

転職頑張ってください！ 転職に使えるポートフォリオの解説も他の動画でしているので、まだの場合はぜひご覧ください！

ありがとうございます！これからもいろんな実体験をインタビューできるように頑張ります！

コメントありがとうございます！ 次回の参考にさせていただきますね！

コメントありがとうございます！ 添削系はこれからも動画を作る予定なので、よろしければチャンネル登録してお待ちください！

ご質問ありがとうございます！ 上記、こちらでも再度試してみましたが、動画と同じようにケーキの下に問題なく配置されました。もしかすると、STUDIOのバグなどかもしれません。 レイヤーを移動できれば制作には全く問題ありませんので、ヘッダーの下に配置されてしまったセクションを選択した状態で、キーボードの下矢印キーを押していただき、一番下に来るように移動してみてください！ 何かまたお困りのことがあった際は、遠慮なくコメント頂けますと幸いです！

@@Webdesign-daily-trial 　お忙しい中ありがとうございました。再度試してみます

ご質問ありがとうございます！ @annooooon さんがお悩みの箇所は、Menuセクションのことであっていますでしょうか？ もしそうでしたら、コメントに記載いただいている「コンポーネント化」ではなく「リスト化」を使用しますため、そちらご確認ください！ また、白くなるとのことですが、どこかに白い塗りが設定されていると思いますので、レイヤーパネルからその付近の1つ1つのレイヤーをチェックいただいて、ボックスに白い塗りが適用されていないかチェックしてみてください！

動画視聴いただき、また、実際に手を動かしていただきましてありがとうございます！ 「ボックスの親子関係が保存できる最大深さを超えたためデータを保存できません」というメッセージが出る原因としましては、グループ化の中のグループ化の中のグループ化…と数が多くなって階層が深くなってしまっており、STUDIOでの許容範囲を超えてしまっているためです。 解決策としましては、左サイドのレイヤーパネルを開いていただき、該当箇所で意味のないグループ化（何も子要素がないのに二重でグループ化しているなど）をしているところを探してください！ 意味のないグループ化を発見されましたら、⌘（Windowsの場合はCtrl）＋shift＋Gを同時に押すと、グループ化を解除できます！ この作業を意味のないグループ化がなくなるまでやってみてください！ 上記で解決できると思いますので、ぜひ試してみてください！

ご回答ありがとうございます。 HPのデザインが一目見てとても良かったのと一から丁寧に動画で教えて下さってて毎日拝見してます。ありがとうございます。

毎日ありがとうございます！

コメントありがとうございます！ ここまでリアルな請求書を出しているチャンネルは無いと思うので、ぜひチャンネル登録お願いします！ Webデザインコース受講中もありがとうございます！ 一緒に頑張っていきましょう！

コメントありがとうございます！ そんなに褒めらていただいて、非常にうれしいです！ これからも期待に応えられる動画を作れるよう頑張っていきます！

コメントありがとうございます！ いろんな受講生の体験談をこれからもインタビューしていくので、これからも見ていただけると嬉しいです。

コメントありがとうございます！ デイトラのWebデザインコースのメンターとしてもバリバリ働いています！

コメントありがとうございます！ 配色についてはこちらの本がおすすめです！ amzn.asia/d/aQ4YT5I 色々なジャンルのデザイン例が掲載されているので、配色でデザインを洗練させるコツが視覚的にわかると思います！

返信ありがとうございます！ 早速買ってみます‼︎

ご質問ありがとうございます！ figmaやデザインツールであればページ全体を一枚の画像で吐き出すことができるので、それを使う方法がいいと思います！

コメントありがとうございます！ 勉強になってうれしいです。 生のヒアリングをほとんどノーカットで動画したかいがありました！

コメントありがとうございます！ 動画づくりの励みになります！

コメントありがとうございます！ その言葉が励みになります！ これからも参考になりそうな動画をたくさんあげていく予定なので、ほかの動画も見ていただけると嬉しいです。

コメントありがとうございます。 ぜひ、デザインの参考にしてもらえればと！

コメントありがとうございます！ Webデザインは色々と特殊なスキルが必要ですので、 デザイン経験あっても大変だと思いますが独学頑張ってください！

ご質問ありがとうございます！ デイトラ生同士のコミュニケーションのことですね。 こちらは現在『デイトラコミュニティ』というデイトラ生限定のオンラインコミュニティサービスがございます。 このコミュニティを活用している方が多いですね！ デイトラ生限定サービスにはなっておりますが、こちらに詳細がございますので、 ご興味あればぜひご覧ください！ www.tokyofreelance.jp/daytra-community/

コメントありがとうございます！ これからも参考になるような体験談動画を上げていきますので、見ていただけると嬉しいです。 仕事をしながらの勉強は大変だと思いますが、頑張ってください！応援しています！

ご質問ありがとうございます。 納品後のアフターフォローは、人によって違いますが、 ・納品して〇回までなら無料修正します。 ・納品後〇日以内なら無料修正します。 のように、契約書でしっかりと区切る方が多いです。 区切っておかないと永遠と修正依頼が来て疲弊していまったというお話も良く聞きますので、契約の段階でしっかりと決めておくことが重要です！ また、 ＞自分では手に負えないトラブルにはどう対応されますか？ こちらは、トラブル内容や契約状況によりけりですので、一概には言えませんが、 自分の所属しているコミュニティや外部の相談できるサポートを使って他のデザイナーに相談するのが良いと思います！ その人が対応できなくても、なにかしらの道筋や次のアクションが開ける可能性がありますので！ ご参考になれば幸いです。

@@Webdesign-daily-trial ご丁寧なお返事をありがとうございます。 契約書で内容を明確にすることと、相談できるコミュニティを持っておくということでとても参考になりました！ 本当にありがとうございます😊

ご質問ありがとうございます！ Canvaのテンプレートや素材を使っていないデザインであれば商標登録可能です！ あくまでもCanvaで作るロゴは参考程度にして、オリジナルのロゴを作成するのが望ましいですね。

コメントありがとうございます！ 個別の質問をご所望であれば、こちらのLINEからチャットで無料個別相談ができます！ ぜひ活用していただければと思います。 👇公式LINEはこちら👇 liff.line.me/2001034759-5VX90Q38/landing?follow=%40313jseqq&lp=07Mqsg&liff_id=2001034759-5VX90Q38 また、Webデザインが気になる方には、デイトラのWebデザインコースもございます！しかも、24年1月中は1万円引きになっているので、ぜひこちらもご検討いただければと思います。 👇Webデザインコースの概要はこちら👇 www.daily-trial.com/web_design

ご質問ありがとうございます！ デイトラのWebデザインコースは、それだけで転職、フリーランス、副業出来るコースになっております。もちろん、ほかの方でWebデザインとWeb制作の両方を受講している人もいらっしゃいますので、自分の目指すキャリアにそって受講するコースをみなさん決めております！。 また、Figmaだけで転職は大丈夫です。 なぜFigmaだけで大丈夫なのかは、この動画で解説していますので、ご興味あればぜひ！ studio.th-cam.com/users/videoSetMjbUs5Xs/edit

コメントありがとうございます！できるだけ初心者の方でも分かりやすくかつ実践できる動画を心掛けているので、そういっていただけると嬉しいです！

コメントありがとうございます！ 後編もデザイナーにとって重要なスキルが盛りだくさんなので、ぜひお待ちください！