アンケートの質問回答コーナー

先日Twitterで行なったアンケートにご協力いただいた皆様、ありがとうございます😊

こちらのアンケート、3月いっぱい回答受付中です!
Web制作を学んでる皆様、ご協力いただけると非常にありがたいです😊

今回はアンケートで頂いた質問の回答をさせていただきます!!

それでは早速いってみましょう!!

学習方法に関する質問

コーディング学習の順序についての質問

Web制作を学習途中です。
HTML/CSSは色々とみながらですが、一応できるようになりました。
その後はどこへ進むべきでしょうか?
JavaScriptなのか…Boo...?(すみません。まだイマイチここまで覚えれていません。)なのか…それがどの程度覚えるべきなのかがわかりません。
教えていただけますか?
よろしくお願いします。

これはどんな職種でどんな働き方をしたいかによると思いますので、パターン分けしてお答えしますね!

①コーダーとして就職

HTML/CSSである程度コーディングできるようになったら、以下のステップでやると良いです😊

  1. JS/jQueryの基礎を学習(ハンバーガーメニューなどができればOKです)
  2. 制作物作成(流行りのレイアウトを組めればOKです)
  3. ポートフォリオ作成
  4. 就活

プラスでマークアップの正確さ、アクセシビリティ、CSS設計も概念だけ知っておくといいですね😊

この辺をきっちり学ぶのは就職してからで大丈夫です👌

②フリーランスとして案件獲得

初学者からいきなりフリーランスは、クリ★スタとしてはあまりおすすめしていませんが参考までに紹介します。

  1. JS/jQueryの基礎を学習(ハンバーガーメニューなどができればOKです)
  2. WordPress学習(既存テーマのカスタマイズ、静的サイトのWP化)
  3. ポートフォリオ作成
  4. 営業活動

ざっくりですがこんな感じです。

BootstrapはCSSのフレームワークなので、学習するというよりググってわかればOKです(僕の周りは実務で使う人ほとんどいません)

Bootstrapの中身はコーディングの参考になるかと思います!

コーディング学習についての質問

模写が苦手でどのように勉強すればいいでしょうか。Progateは5周以上しました。

人によって適した学習方法は異なるという前提で、僕が実施したコーディング学習方法を紹介します。

ライブコーディングの動画を見ながらひたすら真似る×3回

とりあえず、クリ★スタで提供している初級編・中級編のカンプを解説を見ながら何度かやってみてください。

コーディング初級編

コーディング中級編

コーディングは基本的な知識が定着するまで、とにかく反復練習するのみと思います。

自分は上記のやりかたでコーディング習得しました😊

配色方法についての質問

デザインカンプの中で使用しているカラーはどのように選んでますか?

「配色をどういうふう決めているか?」という質問と解釈してお答えします!

【前提】

以下の記事で紹介している配色の基礎知識が何となく頭に入っている

【配色の手順】

①ターゲットユーザー・業種から「デザインのイメージ」できるだけ言語化する
②①で言語化したイメージから色相・トーンを選出
③実際に小さい面積でデザインを作ってみて微調整する

参考にこちらのツイートもご覧いただけると良いかと!(配色だけではないですが💨)

https://twitter.com/cresta_design/status/1356195801576468480

配色って1色を選ぶだけでも160万通り以上の色がありますから、最初は広大な砂漠で砂金を探すような作業に思えます。

ある程度慣れるまでは、イメージとぴったりくるデザインの配色を真似るのがおすすめです。「配色」単体には著作権はないとされています。

良いデザインの配色を真似ていくと、どんな色がどんな用途でどんな割合で使用されているのかが学べるので、自然と上手になっていくと思います。

WordPressの学習方法についての質問

WordPressの実務的な勉強方法はありますか?

4月にPENGINからリリースする学習サービスで実践的な内容まで網羅して学習が可能です!!
今すぐに学習始める場合は、以下の2つがおすすめです!

レスポンシブについての質問

デザインカンプからのコーディングでフォントや要素のデータ上の数値はありますが、カンプにない画面幅でのデザインはどのようにすべきでしょうか?(可変にするのか固定にするのか、要素によるのか考え方を知りたいです。)

これは以下の2パターンあると思ってますが、今は後者が当たり前になっている感覚ですね👀

①PC、タブレット、SPで見たときのベストビューを決めて、幅固定にする(特定の画面幅で横スクロールが発生する)

②どの画面幅で見ても最低限の見た目を担保するようにすべての要素が可変するようにコーディングする

おすすめの本についての質問

おすすめの本は?

Web制作やデザイン関連のおすすめ本はだいたい以下の記事で紹介しているので、参考にしてください。

また、根拠のあるデザインを作るために学んだ本についても以下の記事で紹介しています。

最近読んだ本では『デジタルマーケティングの定石』『ネットビジネス進化論』なんかも面白く、勉強になりました!

JavaScriptの学習に関する質問

早速ですが、宜しくお願いします!
動きのあるサイト制作をする上で、JavaScriptの勉強は必要になりますか?
必要だとすると、どのくらいまでの知識が必要になりますか?

必要という認識で問題ないです。

何をやりたいかによって、JSをどこまで学習すれば良いかはまったく変わってきます。
以下の2パターンがあるかなと思っています。

①一般的なUIやかんたんなアニメーションの実装

このくらいであればJSの基本文法とjQueryの基礎知識を学習すればOKです😊
あとはググりつつやればなんとかなります。
JS/jQueryで最低限の知識を紹介する連載を以前書いたので参考にしてください。

②ゴリゴリに動くサイトをつくりたい

動きで魅せるサイトを作るにはフロントエンドエンジニアを目指すことになるかと思います。その場合、JSの学習に終わりはないです。

フロントエンドエンジニアとして就職する目安は「JSの仕様を理解していること」と以前フロントエンドの人から聞きました。

JSの仕様を理解するには、サイトによくあるハンバーガーメニューなどのUIをライブラリを使用せずに実装できるようになると良いらしいです💨

現在は、上記に加えてJSの3大フレームワークのいずれかの使用経験を求める企業も増えてるのかなという印象です👀

クリスタチャレンジに関する質問

クリスタチャレンジの答えのコードはないんですか?自力で問題解決できない時に答えのコードがあると助かります。

コーディングカンプを配布しているページに解説記事へのリンクがあります!

就職後の学習方法に関する質問

就職後の効率的な学習方法が知りたい

仕事に必要なスキルを学びつつ、仕事をめっちゃがんばることが一番かと!
あとは、スキル高い人から盗むことですね👀

独学についての質問

独学がなかなか進まない

独学だと頼れる人もいないし、モチベーションの維持も大変だと思います。
毎日少しずつでも学習ができているのであれば、まったく焦る必要はないと思います。

数ヶ月前の自分を振り返ると、たくさんのことができるようになったと感じられると思います。
学習が継続できていないのであれば「どうすれば継続できるのか」を考えると良いと思います。

例えば、以下のような感じですね👀

①誰かと約束をする

いつ、何について学習するのかを誰かと約束します。
Twitterでつながってる人でも良いし、コミュニティなどに参加しても良いと思います。
励まし合える人がいるといいですよ😊

②学習を始めるハードルを下げる

目標を高くしすぎると継続が難しいです。

最初は「1日5分コードを書く、それができれば自分を褒める」くらい甘々の目標設定で良いと思います。とにかく、続けることに焦点を当てます。続けることができてきたら次はもう少しハードルを上げてみる。

まずは、3日坊主を脱することが大事です。
最後に、3日坊主になっても、自分を褒めてください。
3日坊主になるということは、新しいことに挑戦したということです。

大人になってから新しいことに挑戦する人は本当に少ないです。
どんな挑戦であってもナイストライです!

キャリアに関する質問

職種選択に関する質問

現在、就職活動中なのですが、フロントエンジニアになりたいのかwebデザイナーになりたいのかわからなくなってきました。

これはWeb業界あるあるな感じがします👀

ご自身の性格や適性にもよるので、確実な回答はできかねますが、参考として僕の場合どうしたかを記載します。

「とりあえずどっちでも良いからWeb業界に入り込む」という姿勢でいました。

完全にデザインとコーディングが分業になっている会社もありますが、Webデザイナーがコーディングもやる会社も多数あります。

また、業務の性格上、Webデザイナーからフロントエンドエンジニア、フロントエンドエンジニアからWebデザイナーは比較的ジョブチェンジしやすいです。(周りにも何人かいます)

どちらか決められないのであれば、決め打ちで就職してしまって、働きながら考えるのでも良いのではないかと思います😊

案件単価に関する質問

月の目標金額別にオススメされる仕事(月5万、月10万、月20万)、それぞれ1件にかかる目安の時間

フリーランスとしてWeb制作やデザインを副業でやる場合を想定して回答します!

※平均単価は議論の余地があると思うのであくまでも参考です。

月5万円

  • バナー
    • 平均単価1枚2000円〜5000円くらい×10枚〜25枚
    • 1件にかかる目安:求められるクオリティによりますが、慣れたら30分〜1.5時間くらい
  • コーディング
    • 平均単価3〜5万円くらい×1〜2ページ
    • 1件にかかる目安:慣れたら1ページ1日〜2日くらい

月10万円

  • バナー
    • 平均単価1枚2000円〜5000円くらい×20枚〜50枚
    • 1件にかかる目安:慣れたら30分〜1.5時間くらい
  • ロゴ
    • 平均単価:5〜10万円×1〜2個
    • 1件にかかる目安:一概に言えない。極端に言えば1時間でもできるし数ヶ月かかる場合もあります。
  • コーディング
    • 平均単価3〜5万円くらい×2〜4ページ
    • 1件にかかる目安:慣れたら1ページ1日〜2日くらい
  • LP制作(デザイン〜コーディング)
    • 平均単価:10万円くらい
    • 1件にかかる目安:1〜2週間くらい

月20万円

  • バナー
    • 平均単価1枚2000円〜5000円くらい×40枚〜100枚
    • 1件にかかる目安:慣れたら30分〜1.5時間くらい
  • ロゴ
    • 平均単価:5〜10万円×2〜4個
    • 1件にかかる目安:一概に言えない。極端に言えば1時間でもできるし数ヶ月かかる場合もあります。
  • コーディング1ページ
    • 平均単価3〜5万円くらい×4〜8ページ
    • 1件にかかる目安:慣れたら1ページ1日〜2日くらい
  • LP制作(デザイン〜コーディング)
    • 平均単価:10万円くらい×2件
    • 1件にかかる目安:1〜2週間くらい
  • Webサイト制作(コーポレートサイトとか)
    • 平均単価:30万円〜50万円くらい
    • 1件にかかる目安:1ヶ月〜3ヶ月くらい

よかったら以下の記事も参考にしてください😊

https://web-kanji.com/posts/corporate-website-price

https://web-kanji.com/posts/landing-page-price

ロードマップに関する質問

就職するためのクリ★スタさん的学習ロードマップを教えていただきたいです。

就職するまでのロードマップはこちらでまとめています。

(Webデザイナー向けです)

もしコーダー志望の場合は、以下のようにカスタマイズしていただければ良いと思います!

  • デザインの学習は必要なし(Photoshopのデザインカンプからの数値のとり方などは知っておいた方が良いです)
  • ポートフォリオサイトにデザインの意図などの説明は必要なし

スキルは以下が重視されると思うので、ポートフォリオでアピールできる良いです😊

  • デザインカンプを再現できるコーディングスキルがある
  • マークアップを正しくできる
  • Webサイトによく使用されるレイアウトを実装できる
  • Webサイトによく使用されるUIを実装できる

キャリアアップに関する質問

WEBデザイナーのキャリアアップについて。派遣で実務積んでいるものの、転職でキャリアアップできる自信がなく不安。

不安ですねえ。。。

たぶん今のご時世みんな不安なんだと思います。

不安でも不安でなくても、ぼくたちにできることは「やるべきことをやる」ということだけですね😌

キャリアアップをしたいなら、キャリアアップするためには何が必要かを考え、日々積み上げるしかないのではないかと思います。

働き方に関する質問

将来的にフリーランスor起業を目指しています。どのようなロードマップで進むと良いか質問をしたい。

起業に関しては、僕らも正解がわからないですね💨

フリーランスでWeb制作をするなら、以下の内容のスキルを身につければなんとかなります😊

未経験の転職市場に関する質問

クリスタさんに聞くことじゃないかもですが、経験者の募集に対して未経験者の募集が少ないのはなぜですか?自社で1人前のデザイナーに育てる場合はかかったコストを回収できないのですか?それとも人的リソースが足りない、教育をしたくない?

経験者の募集に対して未経験者の募集が少ないのは当然のことですね😌

例えば、全国優勝などの明確な目標を目指してサッカーチームを結成したいときに、「できるだけうまい人を入れたい」ですよね。

ただ、未経験だとしても、「めちゃくちゃガッツがある」「だれよりも練習熱心」などの特性を持っている人は、活躍できる余地があります。

スキルがすべてではないけど、技術職である以上、スキルが重視される傾向がありますね。

ポートフォリオ作成に関する悩み

ポートフォリオのハードルが高くて何からやればいいのか泣きそうだし、みんな進んでるのに自分だけ止まっててがっかりする。あと、自分はクリ★スタさんのサイトや動画に助けられていたけど、noteでの情報が次々出てきていっぱいいっぱいになってしまった。連動してるとうれしいのにな

あせらずやれば大丈夫。千里の道も一歩からです。

クリ★スタから出しているnoteで現在公開中なのは1記事だけなので、何かと勘違いされてる...?

営業に関する質問

営業方法に関する質問①

現在Web制作でHTML,CSS,jQueryをある程度学習進めている状態です。
コーディング模写もいくつか終わっている状態です。
営業を始めようと思っていますが、単価や営業方法について全く無知の状態ですので相談したいです!

【営業方法】

今回営業方法について質問いただいた方には、以前営業方法の有料noteを書いたので、そちらの内容をアップデートしてプレゼントいたします😊

【平均単価】

平均単価は、Web幹事さんの記事がとてもわかりやすくまとめられています!
制作するサイト別に下記にまとめたので確認してみてください!

営業方法に関する質問②

いろいろな営業方法がありますが、クリスタ関連の人の営業についての体験とか知りたいです!

今回営業系の質問いただいた方には有料で出している営業方法のnoteを無料で送らせていただきます!!
参考にしていただければ幸いです😊

体験談については、ウェビナーでもやりますかねぇ😌

その他の質問・ご意見

パーソナルコーチングに関するご意見

パーソナルコーチングサービスは実務での質問、コードレビューなども受けられるといいなと思いました。

貴重なご意見ありがとうございます!!
パーソナルコーチングサービスはやるかどうかもまだ未定となっています。

皆さんのご意見を見る限り、技術的なサポートに対する需要が大きいようなので、今後も検討してまいります。

Web制作会社を紹介してほしいという要望

web制作会社の紹介をして欲しいです!

これは困りました....

どう解釈してよいのかわからないので複数パターンに分けて回答しますね。

①Web制作会社に就職したいので就職の斡旋をしてほしい

申し訳ございませんが、行なっていません。

②Web制作会社に営業をかけたい

Web幹事というサイトにたくさんWeb制作会社があります。また、求人から探すのも一つの手です。あとは無難にエージェント使うとかですかね??

③転職したいのでおすすめのWeb制作会社を教えてほしい

この場合、かなり個人の方向性によるので一概におすすめはできないです。

まずはご自身がどのようなキャリアを築きたいのか考えて、その実現に近づけるような会社を探すのが良いと思います。

GreenとかWantedlyはIT系の企業が多く登録されていて、けっこうおすすめです👀

上記で疑問が解決すればいいのですが。。。

ただただありがたいお言葉

質問はありませんが、ブログいつも見させて頂き学習しています。
カンプからのコーディングは解説、解答もあり、無料できる点も非常にありがたいです。

ただただ本当にめちゃくちゃありがたいです😭
励みになります!!
今後もがんばります✊

運営メンバーに関する質問

どんな方が運営されてるのか知りたいです。

こちらのツイートでメンバー紹介しました😊

よろしくお願い致しますm(_ _)m

ただただありがたいお言葉②

質問や相談では、ないんですけど、いつも勉強で躓いたら、クリ★スタさんのページを見て解決してます! 分かりやすいように情報をまとめてくれてるので、とても助かってます🙇‍♂️ これからも、たくさん利用しますのでよろしくお願いします! 応援してます😊

ありがとうございます😭
やさしい。。。。

ご期待に添えるよう、引き続きがんばります🔥

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA