Видео

ご質問ありがとうございます！ ポートフォリオは自分のスキルを伝えることが一番ですので、どのサイトでも大丈夫です。どのサイトで作るかよりも、どういった作品やアピールポイントを盛り込むかが重要です！

ありがとうございます！ 難しい技術よりは、こういったコツや細かいポイントをしっかり出来る方が良いデザイナーになれると思います！ 他にもこういうワザを発信しているので、ほかの動画もオススメです！

ご質問ありがとうございます。 恐れ入りますが、著作権の観点から改変しての商用利用はお控えいただきますようお願いいたします。 また、SNSのロゴは各SNSのロゴの公式ガイドラインをよくご確認のうえ、ご自身の責任にて使用ください！

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

@@Webdesign-daily-trial いつも分かりやすい解説動画を挙げて下さり、ありがとうございます。駆け出しの私にはありがたいです^_^

ご覧いただきありがとうございます！ おっしゃる通り、コピーライトのボックスではなく、その外側のフッターのコンテンツ幅を100%に設定ください！ よろしくお願いします。

コメントありがとうございます！ 全問正解は凄いですね！！

flexの設定すれば解決しました。すみません。

お疲れ様です！ コメント返信遅くなり申し訳ございません！ 解決されたようで安心しました。

おすすめ本はこちらで解説しているのでぜひ！ ruclips.net/video/-_JiVxtHH8w/видео.html

コメントありがとうございます！ これから作る動画テーマの参考にさせていただきます！

ご質問ありがとうございます。 引き出しを増やす1つの方法としては、「デザインにたくさん触れる」ということがあります！ Pinterestといったデザインが集まっているサイトにて、毎日いろんなデザインをみて、使えそうなものをお気に入り登録するのがオススメです！

ありがとうございます！ 励みになります！

動画ご視聴いただきありがとうございます！ また実際に手を動かしていただいて嬉しいです！ ご質問ですが、上から目線のような言い方になってしまい恐縮ですが、目の付け所や気づきが素晴らしすぎると思いました！！！ ほとんどの方が、この違和感には気づかずにスルーされてると思います！ 【原因】 前置き長くなりましたが、今回、ボックスの下側に余白が生まれているのは、フォントのベースラインに由来するものです。 今回は「SEND」なので、ベースラインの下に飛び出る文字はないのですが、例えば、「g」「j」「p」などは下に飛び出ます！ そのベースライン下に飛び出るフォントのことまで考慮されたボックスの大きさとなっているため、今回はボックスの下側に余白が生まれているように感じたということです！ 【解決策】 上記を踏まえた上で、「BOXの中央に文字を持ってくることはできないのですか？」の解決方法としては、SENDのテキストボックスの上のみに、バランスを見ながら、マージンを数pxつけてあげると、文字が下に下がって真ん中に来ると思います◎ ぜひやってみてください！

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

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

ありがとうございます！ 月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

@@Webdesign-daily-trial 初めまして！私も同じ状態になり困っていたのですが、原因がわかったのでシェアさせてください！ インスタのアイコンの画像などを、Box→imgに切り替えてからリスト化したところ、”→”のアイコンが出てきて横並びにすることができました。私の場合は、Boxのままリスト化したことが、横並びにできない原因のようでした。

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

ご質問ありがとうございます！ ブラウザは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やデザインツールであればページ全体を一枚の画像で吐き出すことができるので、それを使う方法がいいと思います！

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