しょーごログでは、これからエンジニアやWeb制作、フリーランスを目指す層にクリティカルな情報をお届けします。
月間3万再生程度されています。
【BLOG】
ブログ版しょーごログは月間5万pv以上を出しております。
shogo-log.com
【Twitter】
twitter.com/samuraibrass
【実務レベルまでのコーディング教材】
note.com/samuraibrass
【web制作フリーランス実務までの独学ロードマップ】
shogo-log.com/after-progate/
【チャンネル登録者推移2020年】
1/1投稿時300人
500人突破→2/20
600人突破→3/3
700人突破→3/10
800人突破→3/15
900人突破→3/19
1000人突破→3/24
2000人突破→5/11
3000人突破→6/18
4000人突破→8/17
5000人突破→10/5
6000人突破→11/24
7000人突破→1/10
8000人突破→2/15
9000人突破→4/3
1万人突破→6/13
再生4000時間突破、収益化審査開始→5/24
収益化通過、開始→5/26
しょーごプロフィール
━━━━━━━━━━━━━━━━━━━━━
1993年福島県生まれ
新潟大学卒業
新卒で銀行→現在フリーランスエンジニア。
動画集客チャンネルは、amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、 Amazonアソシエイト・プログラムに参加しています。
Пікірлер
かわいい顔してるよね
ありがとうございますw
仕事が無くなるのではなく、コーダー全体の生産性が上がるのですね 生産性が上がるのと同時に可能なことが増えていくから、仕事が無くなることはないんですね
2.3年のスパンではその認識です!5年後は正直分かりませんが、AIに触って先端をキャッチアップし続けるのはめちゃくちゃ大事ですね!
今回の動画をブログ記事にしたものも公開しました!動画内で紹介したコンテンツのリンクなどもまとまっています→shogo-log.com/web-dev-disappearance/
初めまして。 畑違いですがテーマが挫折なので思わずコメントしています。 本日、自作ホームページを作ろうとしと、あるホームページ制作会社にこのような問い合わせをしました。 お問い合わせ内容 初めまして。 KZreadタイトル 〇〇〇〇。を拝見しました。 初めまして34歳、理学療法士、フェルデンクライスプラクティショナーの〇〇です。 私は開業して1年以上経ちますが、お問合せゼロです。色々な集客を試し、行政にも相談したりしましたが効果は出ずです。 一度作成したホームページも機械音痴で消えてしまいました。 現在仮ページです。 新たにホームページをリニューアルしようとしており、紙面上で構想が整いました。なぜ必要かはわかりませんが、独自ドメインを取得するつもりです。 何をやっても効果が無く、みなとみらい三点倒立88ヶ所お遍路企画というエネルギーの注ぐベクトルを間違えて神頼み集客に走ってしまいました。ワードプレスでモスバーガーのデザインを真似して新たにホームページを作ろうとしていたところ、貴社のKZreadに出会いました。横浜市在住です。私の調べでは、助成金や補助金でホームページ制作出来なさそうですが、ホームページ制作会社様の方が法律に詳しいと思い問い合わせをしています。もし、助成金などの補助があるならばぜひ貴社に依頼したいです。もし、お力になれない場合でしたら、ワードプレスの独自ドメインを用い新たにホームページを制作しようとしている私にアドバイスいただけないでしょうか?貴社のKZreadを見た今は、スタジオのツールを使って作成した方が私のためになると思えてきました。 私のSNSです。 KZreadのURL ホームページ optimistic-jianerlangshouye214.wordpress.com/ インスタのURL TikTokのURL この問い合わせを送った後にしょーごログさんのKZread、ワードプレス本当に必要?を拝見しワードプレスで頑張ろうかなと気が変わり、最新の動画を見たらテーマが挫折でした。私は、開業して1年以上経ちますが開業しようとしてから10年経ちます。挫折した人の気持ちに寄り添って頂けると思いコメントしています。集客をする上で何かアドバイスいただけないでしょうか? よろしくお願いします。
いつも勉強に見ています😊 ありがとうございます♪ スクールに通ってもうすぐで4ヶ月です。 教えてもらえると思って入りましたが、質問になにも答えてもらえず、なにを学びに入ったのかわからない感じになっています。 独学の4ヶ月になっている気がして怖いです。 レスポンシブの時にブレイクポイント640pxまでヘッダーからフッターまで全体の縦横比が変わらずに小さくなるのですが、その動きが作れず。。何日も止まっています。 対策あれば知りたいです😢
vwやclamp()を使ってフルリキッドレイアウトにしてるんですね。 スクールにおいてコストの多くはメンター費とかのはずなので、質問対応しないのは論外っすね…なぜ起こってしまうのか😿
@@user-ck5re4rk5qvwもやっぱり、かんけするんですね、、、 clamp()は今日動画を参考にfont-sizeに試しました。幅指定でもできるようなので明日また、試してみます!挫折しそうでしたがまた、頑張ります! ありがとうございます!
近頃、稼ぎたいがゆえに企業・個人問わず、スクールやメンタービジネスをやっているケースをよくみかけますが、しょーごさんの言うとおりで、カリキュラムを公開してないというのはいくらいいこと言っててもマジでやめたほうがいいですね。 載せれない理由なんて悪い理由しかありません。載せる自信がないんです。 色んなケースがありますが、そもそも低レベルなのは当然論外ですが、あとは、制作者としてのスキルは長年あってそれなりなんだろうけども、カリキュラムを作るのが大変なのでそれをせず、メンター的にやっててダメだしだけしてラクしようとしてるケースもよくみかけます。それも結局は品質不足ってことであり、稼ぎたいばかりに安直に参入してるってことですから。
ちなみに、新卒一ヶ月の手取り15万しか無かったのに、就職前に車を買っていたので、 MacBook Air + スクール代を稼ぐのにさくらんぼのバイトだけでは足りず、借金をしていました。 人生マイナスからのスタートでしたが、まあ前職課長の年収を3年で超えられたので良かったかなと思います。 綱渡りの人生じゃ。。。
挫折して28歳まで新卒自宅警備員を続けた世界線が僕です。笑 一念発起して今では月30〜50ぐらい稼げるようになったので半分笑い話ではあるのですが笑
ほんと紙一重ですよね笑 でも稼げるようになって良かったです!
@@user-ck5re4rk5q ありがとうございます! 自宅警備員からフリーランスマークアッパーへジョブチェンジする機会をくれたしょーごさんには感谢です!🙏 次はフロントエンドエンジニアへジョブチェンジして外貨を稼げるように頑張ります!
一念発起したきっかけを教えていただきたいです
大学卒業後は親の脛を齧りながらヨーロッパのとある国で暮らししていたのですが、久しぶりに帰国すると、持病で弱りきった父親が僕の将来について心配していて、自分のことを見つめ直し変わりたいと思うきっかけになりましたね。 あとは恋人に振られたことだったり、久しぶりに会った友人達が社会人として成長していってることに対する引目だったりも一念発起するきっかけになりました。 その後は、準委任型の案件でとある会社さんと取引するようになり、環境依存で頑張ってる感じです!笑
すごくためになりました!! 参考にさせていただきます🙇♀️ 1つ質問させてください😿 CursorとCopilotどちらも導入して、時と場合で使い分けていくイメージでしょうか? この動画を拝見しまして、Cursorだけで十分なのではと感じたため、質問させていただきました🙇♀️
こんにちは!コメントありがとうございます😆 Cursor単体でいいかと!結局Copilotの機能を内包しているので!若干Cursorのほうが値段張りますが、機能的にはCursor一本ですね〜
お忙しい中、お返事ありがとうございます🙇♀️ なるほど!解決しました✨ 様々な活動で大変だと思いますが、KZread楽しみにしています☺️
なんで緊急やねんw
Web制作ではAstroや Next.jsなどは余り採用しないのですか?
WordPressを使う場合が多く、まだあまり聞かないですね〜。Astroは徐々に来る感じはします。
しょーごさん髪型さっぱりしてカッコよくなりましたね
ありがとうございます!笑 昔の見るともこもこしてて、まあ若くは見えますw
この間ウェブ制作者のためのcssの教科書読み終わったあと、出版年見たら10年前でしまったと思ったけど、まだ内容有効そうで安心
内容は今も褪せらず変わりないと思います!
最近はTailwind CSSを採用してるケースが多い印象ですが、どうなんでしょう?
アプリ開発だと最近はTailwindの印象です🤔 わざわざ難解なcss設計はあまりしない印象ですね〜。Tailwindの本はよくまとまってると思います。 amzn.to/3VHifgD
個人的にscssで書いた方がコンパイルを通せるので、成果物としてのcssが圧縮されてたり整理されたりベンダープレフィックスを付けてくれるので、cssでネストができるようなったくらいでscssを使わないというか事はないですね🤔 aspect-ratioはレイアウトシフト対策でめっちゃ使ってます!
全くおっしゃる通りですね〜。
bcanの福利厚生だけでもお釣りが来るレベルですね~😄
最近Web制作コースでは、Figma有料プランが2年間無料(¥40,000相当)で使えるようになったので、凄すぎます笑 msm.to/CE8T3v7
ご自身のブログはHTMLで1から作りWordPress化しましたか。それともWordPressのテンプレートで作りましたか。 また、その理由を教えていただけないでしょうか。
めちゃいい質問ありがとうございます! ブログは既存テーマ(JINという名前のテンプレート)を使用しています。 理由は元々ブログ用に色々カスタマイズが施されていて、自分でそれを仮に実装するなら途方もない時間がかかるためです。 テーマが自動でアップデートしてくれるので、保守管理運用コストも下がります。 ただ正直JINから変えたいと思っており、 おすすめテーマや理由などはこちらの記事にまとめました!👇 テーマ選びはかなり重要ですね! shogo-log.com/swell-is-best/
しょーごさんに営業メール入れていいですか!?
自分はお願いできる案件を今持ってないので難しいかもしれません笑 個人に送る場合、コーダーよりかディレクションメインにされている方に送るのがいいかと思いますね。
Shogo様 基本を的確にご教示いただいてとても助かります勉強中にこのサインが出るのですがどういう意味でしょうか❓どうしても意味不明で解読できませんので教えていただくと助かります。 Unable to initialize Git; AggregateError(2) Error: Unable to find git Error: Unable to find git
ファイルを跨いだコードレビューの機能は画期的ですね…いつも役立つ情報本当にありがとうございます!
コメントありがとうございます!これが一番便利で、無しではやっていけません笑😍
WEB制作の仕事をしてますが、大変有益な動画でした。ありがとうございます。
ありがとうございます!今日はCursorの動画を出しますが、そちらもお役に立てるかと!
すごくわかりやすくてとてもよく理解出来ました!ありがとうございます! 早速次の案件から導入しようと思います。 1点質問させて下さい🙇♀️ 幅や余白等にも使えるということでしたが、clamp関数を使うところと使わずpx指定のままのところはどのように区別されていますか? スマホとpcでサイズが異なっていればclamp関数を使用されますか? 最終的にはレスポンシブで見た目を確認しながら調整するとは思いますが、何か方針などありましたら教えていただけると嬉しいです! よろしくお願いします🙇♀️
スマホとpcでサイズが異なっていればclamp関数を積極的に使うことが多いですね! 特にコンポーネント毎にみた時に、pxとclump()が混在しないようにはしています。 ただ弱点としてタブレットサイズはよしなにな感じなので、どうしてもタブレットサイズで表示が崩れるときは、泣く泣くタブレットにブレークポイントを切ることもありますので、見た目が不自然じゃないかの目視確認は必要ですね〜 私も使い始めたのはIEが切れるようになってからなのでまだまだですが、使いつつブラッシュアップしていこうと思います💪
現在規模の大きなサイトのCSS設計に関わっており、まさにFLOCSSをベースにしてCSSを設計しました。確かにコンポーネントとプロジェクトの切り分けは現場が混乱しやすいので難しいです。
自分もそれで苦労したんですよね(泣)現場それぞれにマイルールがあり、毎回泣きそうになるので、もうコンポーネントだけに責任範囲をスコープしたいです・・・
動画内でアクセシビリティに触れていますが、AIが出力した対応コードも、ガチ目なフロントエンドの人から見ると結構穴がある(アクセシビリティを突き詰めると深淵)かと思います。生暖かい目で御覧ください(^_^;)
聞きにくい方とか多いですが、ストレスなく見て学べる方でありがたいです✨ サーバーはお客様が契約している状態で、Word Pressテーマを使って開発納品する手順を初心者向けに教えていただきたいです。
コメントありがとうございます!サーバー複雑ですよね、こちら検討させていただきます!
@@user-ck5re4rk5q ありがとうございます。 自分のサーバーではできたけど、お客様のものは…となり、なかなか調べていてもたどり着けなかったのでありがたいです✨
8:29 BEM
Pugって使いどころだと思うんですよね。 よくreactとかvueとかに負けてPugが衰退したって話を聞きますけど、Pugの使い所って一般的な中大規模のHPに使用するかと。 reactとかはwebアプリでは主戦力ですけど、一般的なHPではかなり限定的なはずです。逆にWebアプリではPugは使う必要はないかと。
おっしゃる通りで、Pugの使用率とVueやReactにはあまり関連は無いかと思いますね!2020年ごろはNuxt上でPugでかいてましたね〜 ちなみに中大規模サイトでPugを使ったのはWordPress無しででしょうか? それともWordPress上ででしょうか。 具体的な活用シーンを伺いたく🙏
@@user-ck5re4rk5q Pugの最たる良さってHTMLでもコンポーネント指向で記述できるところだと思うので VueやReactのようにデフォルトでコンポーネント指向で記述できるものと併用は不要ですよね〜。 >ちなみに中大規模サイトでPugを使ったのはWordPress無しででしょうか? それともWordPress上ででしょうか。 最終的な成果物はWordpressですが、いきなりphpを書き始めてwordpressをベースにしたサイトを作るのではなく、その前段階でPugを用いて静的サイトを作ります。 いきなりwordpressのテーマを作っていくこともできますが、phpはhtmlの閉じタグなどがなくてもエラーが出ないので、100人開発者がいたら20名くらいは文法エラーを発生しまくるんですよね。 ただエラーが出ないので、仮にレイアウト崩れがあっても原因の特定に時間がかかります。 なので、先にPugで綺麗なHTMLを作成し、地盤を固めた上でwordpress化した方が結果的に良いものが作成できます。 ↑特にこの前段階にPug工程を挟んだ方が中大規模のサイトでは効果がでかいです。
現場で使っているCSS設計などあればコメント頂けると嬉しいです!私は最近は開発現場ではコンポーネント毎にスタイルを書くことが多く、そこまでガッツリではない感じなので。
ちょうど今からclampを使ってみるところだったので助かりました!有益な情報発信ありがとうございます! GitHub copilotを生産性向上に繋がるほど使いこなせておらず、 しょーごさんが実際にどのようにcopilotを使ってコーディング業務の生産性を高めているのか知りたいです、、! あとは今回みたいに、脱初心者のためのモダンCSSに関する知見を発信いただけだらお金払ってでも観ます! しょーごさんの情報収集の方法も知りたいです! (人里離れた辺境の地にて個人でやってるとなかなか新しい技術をキャッチアップしていくのが難しく、、)
初めまして、いつも素晴らしい動画をありがとうございます。お願いしたい題材がございます。 1440px幅のデザインカンプのコーディングは大体わかるのですが、1920px幅のカンプが来た時に1440px~1920pxの間のいろんなものの書き方がわかないので、しょーごさんの考え方、書き方をお聞きしたいです。 意図があって1920pxならデザイナーさんと話せばよいのかもしれませんが、一部のデザインスクールが一定して1920pxで教えているから、ただそうしている。という層が一定数いることもあり.....。 予想や仮の定義で良いのでコーディングの考え方をお聞きしたいです。
>1440px~1920pxの間のいろんなものの書き方 具体的にどんなことで困っている感じですか? 1920pxの幅でやっとちゃんと表示されるような、幅をフルで使っているデザインの場合は困ることが多いですね。。。 その時は、実装で困難な場所が出た場合は早めにデザイナーに相談しますかね〜
@@user-ck5re4rk5q ご返信ありがとうございます! 1440pxと1920pxで同じように見せたいイメージのようです、その場合それぞれの箇所の余白の書き方?がわからないです。%? clac? vw?
話して欲しい題材があればコメント頂けると嬉しいです!
Responsive ViewerとScreaming Flog初めて知りました! いつも品質チェックにすごく時間かかっていたので、早速導入します。 有益な情報ありがとうございます✨ clamp関数の解説記事も楽しみにしてます😊
コメントありがとうございます!需要高めなので、ユースケースと便利ツールと合わせて解説しますね!
Web制作で1番必要なのは営業力ですよね...つらい
スキルのスタート位置は似てきてるので、ここを突破するのは重要になってますね!抜け道は無く努力量が重要だなと感じますが、「当たり前の基準が高い環境」に身を置く大切さを最近は感じますね🤨
独学ロードマップ内のリンクなどは全てブログ記事内にまとまっています!shogo-log.com/after-progate/ ブログ記事のロードマップは常に最新に更新していますので、記事も合わせてご確認下さいませ。
今度のコンクールで祝典をユーフォでやるんですよ!
超実践編の申込みはLINEで受け付けています→lin.ee/GvjvI8m
いつも動画参考にさせて頂いております🙇♂️ 品質チェック部分は自分だけではどうしても見落としがちになるポイントが多いので、今回の動画も非常に勉強になりました 自分のチェックリストにもさっそく追加しておこうと思います!😆
ありがとうございます!早速の活用嬉しいです☺️
Windowsをメインに使っている方、MacOS環境をどうやって検証しているか教えて欲しいです!🙇♂
コーディング課題はこちらより見ることができます!👇 shogo-log.com/coding-study/
2級とか簡単な方ですよね 旧帝東京一の文系なら大学1・2年で統計学の講義受けていれば受かるようなレベルです
高校数学ちゃんとやってた組は楽勝だと思います!受験者層を見るとそうで無い方の方が多いとは思いますね🚶(私含め)
あれ?武田塾のチャレンジ動画の人ですよね?? 受験辞めたんですか?
辞めました!それ関連の動画を出そうだそうと思って一年以上経ってます笑
昔の過去問はオンデマンドで公式から購入できるようですね。
質問なんですが、Web制作でコーディングをやり続ける人が、Webアプリやネイティブアプリ制作を学ぼうとしない理由って何ですか?
壁を感じるんじゃないですかね〜。自分はフロントをぬるっと任されるようになりましたが、転向してる人は大体一回仕事辞めてガッツリ学び直して就職活動してるので、踏み出しにくく感じるのかなと!
@@user-ck5re4rk5q 確か60〜80万/月稼がれてるんですよね?それでぬるっとなんですか!?!?