![しょーごログ](/img/default-banner.jpg)
- 101
- 1 110 737
しょーごログ
Japan
Registrace 4. 10. 2012
しょーごログでは、これからエンジニアやWeb制作、フリーランスを目指す層にクリティカルな情報をお届けします。
月間3万再生程度されています。
【BLOG】
ブログ版しょーごログは月間5万pv以上を出しております。
shogo-log.com
【Twitter】
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アソシエイト・プログラムに参加しています。
月間3万再生程度されています。
【BLOG】
ブログ版しょーごログは月間5万pv以上を出しております。
shogo-log.com
【Twitter】
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アソシエイト・プログラムに参加しています。
【2024年最新版】AIでWeb制作はなくなる?コーダー飽和してる?これからWeb制作を学ぶなら何から始める?
✅デイトラライトニング公式LINE:
無料登録で、すぐに使える特典もりだくさん!
■実案件で使える『ヒアリングシート』
■無料でできるチャット個別相談
■月次開催説明会への参加権
限定ニュースの配信や、副業の情報もお届けしています👇
liff.line.me/2002844862-8oxrg3Nb/landing?follow=%40198omrau&lp=oY2u5K&liff_id=2002844862-8oxrg3Nb
⚡デイトラライトニング公式はこちらから→daytra-lightning.jp/
🖊しょーごログで解説記事も書いています→shogo-log.com/daytra-lightning/
【目次】
0:00 OP
1:03 コーダーってもう飽和してるの?
5:08 AIの進化でコーダーの仕事はなくなる?
8:57 ノーコードの仕事って需要あるの?
11:45 今から学習を始めるなら?
14:03 ノーコード学習なら「デイトラライトニング」がおすすめ!
ーーーーーーーーーーーーーーーーーーーーーー
✅爆速レビュー付きコーディング演習課題(ポートフォリオ可能)
shogo-log.com/coding-study/
✅超実践編はこちら【月一のみ募集】
czcams.com/video/g9VL-e0sHmg/video.html
━━━━━━━━━━━━━━━
人気の動画3選
━━━━━━━━━━━━━━━
❶web制作フリーランスとして初案件を獲得するまでにやったこと【今ならこうするも解説】
czcams.com/video/z3K5yGmjrX8/video.html
❷【最新】Web制作を完全独学で極める最強ロードマップ【現役エンジニア監修】
czcams.com/video/_Rwbif49wC0/video.html
❸【現役フリーランスが語る】Web制作の流れ完全解説【コーディングはほんの一部分です】
czcams.com/video/HDdJfva80gA/video.html
━━━━━━━━━━━━━━━
ブログ版ーしょーごログ人気記事!
━━━━━━━━━━━━━━━
①Web制作の独学勉強法【現役エンジニアが語る準備から案件受注レベルまで】
shogo-log.com/study-goodways/
②Web制作フリーランスの営業方法大全【未経験からの案件獲得】
shogo-log.com/getting-works/
③現役フリーランスが語る:Web制作実案件の進め方・流れ【仕事の仕方】
shogo-log.com/freelance-practice/
ーーーーーーーーーーーーーーーー
🔥【超実践編】納期厳守の模擬コーディング案件で実務への自信を身につける!【学習沼からあなたを卒業させます】
shogo-log.com/coding-tyojisen/
✅私が公開しているコーディング演習教材
レビューを各課題2回受けられて半オリジナル化までできる課題
shogo-log.com/coding-study/
🔥【添削します】Web制作会社に特化した最強の営業法の解説と実践課題【あなたの営業文と作品を鬼レビュー】
shogo-log.com/tensaku-your-sales/
💬しょーごログ公式LINEを開設【友だち登録で豪華特典を無料プレゼント!】
shogo-log.com/line-opne/
■しょーごのプロフィール
大学時代に何もせず終活前に絶望。
その後中国・フィリピン留学に行き、一年で中国最高級のHSK6級、4ヶ月でTOEICは450→840点に。
新卒で銀行に入行するも、すぐに退職。
現在はフリーランスのエンジニアとして毎月50万ほどを稼ぎつつ、転々としています。
◆ブログ◆しょーごログ
shogo-log.com/
◆Twitter◆@samuraibrass
samuraibrass
#しょーごログ
#webデザイン
#プログラミング
#フリーランス
#web制作
#エンジニア
無料登録で、すぐに使える特典もりだくさん!
■実案件で使える『ヒアリングシート』
■無料でできるチャット個別相談
■月次開催説明会への参加権
限定ニュースの配信や、副業の情報もお届けしています👇
liff.line.me/2002844862-8oxrg3Nb/landing?follow=%40198omrau&lp=oY2u5K&liff_id=2002844862-8oxrg3Nb
⚡デイトラライトニング公式はこちらから→daytra-lightning.jp/
🖊しょーごログで解説記事も書いています→shogo-log.com/daytra-lightning/
【目次】
0:00 OP
1:03 コーダーってもう飽和してるの?
5:08 AIの進化でコーダーの仕事はなくなる?
8:57 ノーコードの仕事って需要あるの?
11:45 今から学習を始めるなら?
14:03 ノーコード学習なら「デイトラライトニング」がおすすめ!
ーーーーーーーーーーーーーーーーーーーーーー
✅爆速レビュー付きコーディング演習課題(ポートフォリオ可能)
shogo-log.com/coding-study/
✅超実践編はこちら【月一のみ募集】
czcams.com/video/g9VL-e0sHmg/video.html
━━━━━━━━━━━━━━━
人気の動画3選
━━━━━━━━━━━━━━━
❶web制作フリーランスとして初案件を獲得するまでにやったこと【今ならこうするも解説】
czcams.com/video/z3K5yGmjrX8/video.html
❷【最新】Web制作を完全独学で極める最強ロードマップ【現役エンジニア監修】
czcams.com/video/_Rwbif49wC0/video.html
❸【現役フリーランスが語る】Web制作の流れ完全解説【コーディングはほんの一部分です】
czcams.com/video/HDdJfva80gA/video.html
━━━━━━━━━━━━━━━
ブログ版ーしょーごログ人気記事!
━━━━━━━━━━━━━━━
①Web制作の独学勉強法【現役エンジニアが語る準備から案件受注レベルまで】
shogo-log.com/study-goodways/
②Web制作フリーランスの営業方法大全【未経験からの案件獲得】
shogo-log.com/getting-works/
③現役フリーランスが語る:Web制作実案件の進め方・流れ【仕事の仕方】
shogo-log.com/freelance-practice/
ーーーーーーーーーーーーーーーー
🔥【超実践編】納期厳守の模擬コーディング案件で実務への自信を身につける!【学習沼からあなたを卒業させます】
shogo-log.com/coding-tyojisen/
✅私が公開しているコーディング演習教材
レビューを各課題2回受けられて半オリジナル化までできる課題
shogo-log.com/coding-study/
🔥【添削します】Web制作会社に特化した最強の営業法の解説と実践課題【あなたの営業文と作品を鬼レビュー】
shogo-log.com/tensaku-your-sales/
💬しょーごログ公式LINEを開設【友だち登録で豪華特典を無料プレゼント!】
shogo-log.com/line-opne/
■しょーごのプロフィール
大学時代に何もせず終活前に絶望。
その後中国・フィリピン留学に行き、一年で中国最高級のHSK6級、4ヶ月でTOEICは450→840点に。
新卒で銀行に入行するも、すぐに退職。
現在はフリーランスのエンジニアとして毎月50万ほどを稼ぎつつ、転々としています。
◆ブログ◆しょーごログ
shogo-log.com/
◆Twitter◆@samuraibrass
samuraibrass
#しょーごログ
#webデザイン
#プログラミング
#フリーランス
#web制作
#エンジニア
zhlédnutí: 1 209
Video
【スクール内最下位】Web制作フリーランスを未経験で目指して挫折を回避できた理由
zhlédnutí 1,6KPřed 14 dny
今回の動画のブログ版はこちら↓↓ shogo-log.com/unskilled-freelance-load/ ■目次 00:00 オープニング 02:01 ノマドに憧れた学生時代 06:36 プログラミングスクール入学時点で燃え尽き 13:01 フリーランス独立後の挫折から軌道に乗るまで 17:24 挫折を乗り込めるポイント 22:41 おわりに 以下、一部リンクにはプロモーションが含まれます ーーーーーーーーーーーーーーーーー ✅爆速レビュー付きコーディング演習課題(ポートフォリオ可能) shogo-log.com/coding-study/ ✅しょーごログプロフィール記事 shogo-log.com/profile/ ✅新卒入社一ヶ月で辞めたが全然生きていけてる希望の話 shogo-log.com/new-recruit/ ✅27歳ニートになりかけた話【独立して独学はやめて!...
最新CSSをキャッチアップせよ!!コンテナクエリ、:has()、aspect-ratio、論理プロパティ、ネストなど最新CSSをまとめて学ぼう!
zhlédnutí 852Před měsícem
今回の内容のブログ記事版はこちら↓↓ shogo-log.com/modan-css-entry/ ■目次 00:00 オープニング 01:35 コンテナクエリ 07:06 :has()擬似クラス 10:58 論理プロパティ 14:54 ネスト 17:06 aspect-ratio 20:38 まとめとお知らせ 以下、一部リンクにはプロモーションが含まれます ーーーーーーーーーーーーーーーーー ✅Web制作の独学が評価され制作会社に転職成功!ポートフォリオやアピール方法を成功者に深堀りインタビュー! shogo-log.com/selfstudy-success-interview/ ✅レビュー付きコーディング演習課題(半オリジナルポートフォリオ化まで支援) shogo-log.com/coding-study/ ✅超実践編 shogo-log.com/coding-tyojisen...
Cursorエディタの使い方をCopilotと比較しつつ徹底解説!Web制作での活用事例も
zhlédnutí 2,7KPřed měsícem
今回のブログ記事版はこちら👇 shogo-log.com/cursor-usage/ ■目次 00:00 オープニング 01:22 Cursorとは? 03:03 Cursorを選ぶ理由 05:26 Cursorの導入方法 06:38 よく使う機能一挙紹介! 23:06 ChatGPTとCursorは両方必要? 以下、一部リンクにはプロモーションが含まれます ーーーーーーーーーーーーーーーーー ✅Web制作でChatGPTでできる事例7選【現役コーダーが解説】 czcams.com/video/zuUqT1Gws7c/video.html ✅【完走済み】デイトラWeb制作コースの評判は本当か内容を徹底検証【エンジニア6年目】 shogo-log.com/daily-trial/ ✅レビュー付きコーディング演習課題(半オリジナルポートフォリオ化まで支援) shogo-log....
Web制作でChatGPTでできる事例7選【現役コーダーが解説】
zhlédnutí 947Před měsícem
今回の動画のブログ版はこちら↓↓ shogo-log.com/web-chatgpt/ ■目次 00:00 オープニング 02:28 ❶コードを書いてもらう 07:49 ❷コードを書き換える 11:46 ❸コードを解説してもらう 13:56 ❹コメントを書いてもらう 16:12 ❺エラーメッセージの解読 18:33 ❻コードをレビューしてもらう 20:08 ❼アニメーションの付与 21:06 技術ある人間の右腕なのだと理解せよ 以下、一部リンクにはプロモーションが含まれます ーーーーーーーーーーーーーーーーー ✅レビュー付きコーディング演習課題(半オリジナルポートフォリオ化まで支援) shogo-log.com/coding-study/ ━━━━━━━━━━━━━━━ 人気の動画3選 ━━━━━━━━━━━━━━━ ①web制作フリーランスとして初案件を獲得するまでにやったこと【今...
CSS設計はどれがいいのか?主流・おすすめはこれだ!【コードやディレクトリ構成も紹介】
zhlédnutí 1,2KPřed měsícem
今回の動画のブログ記事版はこちら↓↓ shogo-log.com/css-architecture/ ■目次 00:00 オープニング 00:47 CSS設計、もういらない!? 03:04 CSS設計とは? 08:08 有名CSS設計4つ紹介 11:37 OOCSS 16:19 SMACSS 18:52 FLOCSS 23:47 CSS設計のおすすめは?勉強方法は? 23:06 おわりに 以下、一部リンクにはプロモーションが含まれます ーーーーーーーーーーーーーーーーー ✅レビュー付きコーディング演習課題(半オリジナルポートフォリオ化まで支援) shogo-log.com/coding-study/ ✅Web制作者のためのCSS設計の教科書 amzn.to/4dEA7Qt ✅CSS設計完全ガイド amzn.to/4dIHRRo ✅【パパッと効率化!】コーディング効率化講座 ~CSS設...
clampを使ってフォントサイズはレスポンシブで自動調整せよ【ジェネレーターとSass関数の使いかたも】
zhlédnutí 899Před měsícem
今回の動画のソースコードなどはこちらのブログから↓↓ shogo-log.com/clamp-usage/ ━━━━━━━━━━━━━━━ 人気の動画3選 ━━━━━━━━━━━━━━━ ①web制作フリーランスとして初案件を獲得するまでにやったこと【今ならこうするも解説】 czcams.com/video/z3K5yGmjrX8/video.html ②Progateから実務までにやるべきことと具体的手順【Web制作完全独学ロードマップ】 czcams.com/video/4zfmATgWcRY/video.html ③【現役フリーランスが語る】Web制作の流れ完全解説【コーディングはほんの一部分です】 czcams.com/video/HDdJfva80gA/video.html ━━━━━━━━━━━━━━━ ブログ版ーしょーごログ人気記事! ━━━━━━━━━━━━━━━ ①...
【最新】Web制作を完全独学で極める最強ロードマップ【現役エンジニア監修】
zhlédnutí 2,5KPřed 2 měsíci
Web制作独学ロードマップの記事はこちら(常に最新にしてます)↓↓ shogo-log.com/after-progate/ コメント欄でしにくい質問はLINEより無料相談に乗っています! lin.ee/MZONCjM ■目次 00:00 オープニング 05:12 早く実務に行くべし!! 07:14 ロードマップ前半 14:22 ロードマップ中盤 24:47 ロードマップ後半 29:55 ロードマップエクストラ 32:44 ロードマップ完走後。。。 34:59 ロードマップの進め方アドバイス 以下、一部リンクにはプロモーションが含まれます ーーーーーーーーーーーーーーーーー ✅レビュー付きコーディング演習課題(ロードマップ内で使用しているコーディング課題は全てこちらにまとまってます) shogo-log.com/coding-study/ ✅案件に困らないコーダー・Web制作者に必要...
【超実践編】納期厳守の模擬コーディング案件で実務への自信を身につける!【学習沼からあなたを卒業させます】
zhlédnutí 815Před 2 měsíci
超実践編の申し込みはこちら↓↓ shogo-log.com/coding-tyojisen/ ■目次 00:00 オープニング 06:42 超実践編の特徴 12:03 受講条件 17:09 質問回答 21:40 料金説明 23:06 おわりに 以下、一部リンクにはプロモーションが含まれます ーーーーーーーーーーーーーーーーー ✅レビュー付きコーディング演習課題(半オリジナルポートフォリオ化まで支援) shogo-log.com/coding-study/ ✅超実践編ー受講生の声 shogo-log.com/tyojisen-student-voices/ ✅案件に困らないコーダー・Web制作者に必要な能力5選【私はこんなコーダーに発注する】 czcams.com/video/dPBiMu5Dvrk/video.htmlsi=VyCPmYrWQ-KHIQMC ━━━━━━━━━━━━━...
修正ゼロを目指せ!!Web制作コーディングでの効率の良いセルフチェック方法を解説【リスト配布】
zhlédnutí 710Před 2 měsíci
みんなするミスを避けられるセルフチェックポイントを解説! 今回の動画のブログ版とセルフチェックシートはこちら↓↓ shogo-log.com/coding-checkway/ ■目次 00:00 オープニング 03:11 具体的なセルフチェックポイント解説 16:25 初稿の概念を理解せよ 18:18 実践しよう 以下、一部リンクにはプロモーションが含まれます ーーーーーーーーーーーーーーーーー ✅レビュー付きコーディング演習課題(半オリジナルポートフォリオ化まで支援) shogo-log.com/coding-study/ ✅あなたもやってる!?Web制作の実案件やスクール課題でよく指摘されるミスと解決方法を徹底解説! czcams.com/video/wAJI1SyjT2o/video.html ✅拡張機能Perfect Pixelを使ったピクセルパーフェクトのやり方 shogo...
【新デザイン公開】プロのレビュー付きデザインカンプからのコーディング課題を徹底解説!!
zhlédnutí 845Před 2 měsíci
レビューが受けられる最強のコーディング課題 ✅コーディング課題はこちら↓↓ shogo-log.com/coding-study/ ■目次 00:00 オープニング 11:00 各課題の解説 21:44 課題の買い方 以下、一部リンクにはプロモーションが含まれます ーーーーーーーーーーーーーーーーー ✅1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版] amzn.to/3VZhQqF ✅【入門】無料デザインカンプからのコーディング練習【ライブコーディング動画あり】 note.com/samuraibrass/n/n793ab571a88e ✅デザインカンプからのコーディングのやり方をライブコーディングで解説【一緒にやってコーディングしてみよう!!】 czcams.com/video/nnYqVQOpPsk/video.html ✅【2024年最...
デザインカンプからのコーディングのやり方をライブコーディングで解説【一緒にやってコーディングしてみよう!!】
zhlédnutí 4,4KPřed 5 měsíci
今回使用したデザインカンプはこちらのnoteから無料で閲覧できます。 note.com/samuraibrass/n/n793ab571a88e ■目次 00:00 オープニング 03:16 コーディング前の準備 09:33 headとheader部分 35:10 ファーストビュー部分 40:12 feature部分 1:04:10 footer部分 1:09:03 レスポンシブ対応 1:15:57 おわりに ーーーーーーーーーーーーーーーーー ✅VSCodeの導入はこちら(記事リンク) shogo-log.com/vscode/ ✅レビュー付きコーディング演習課題はこちらから(半オリジナルポートフォリオ化まで支援しています) shogo-log.com/coding-study/ ━━━━━━━━━━━━━━━ 人気の動画3選 ━━━━━━━━━━━━━━━ ①web制作フリーラン...
そのWeb制作スキルいらないかも!?必要だし差もつけられるスキルと不要なスキルを徹底解説【案件獲得も就職も勝てる】
zhlédnutí 2,3KPřed 5 měsíci
いらないスキルを学ぶ時間があるなら、評価されるスキルを学んで欲しいです! 今回の動画のブログ版はこちら↓↓ shogo-log.com/unnecessary-skills/ ■目次 00:00 オープニング 02:04 Web制作で当たり前に必要なスキル 02:34 Web制作であると差がつけられるスキル 13:03 Web制作でいらないスキル(あっても微妙) 15:55 Web制作での最重要、絶対に必要なスキル 以下、一部リンクにはプロモーションが含まれます ーーーーーーーーーーーーーーーーー ✅レビュー付きコーディング演習課題(半オリジナルポートフォリオ化まで支援) shogo-log.com/coding-study/ ✅あなたもやってる!?Web制作の実案件やスクール課題でよく指摘されるミスと解決方法を徹底解説! czcams.com/video/wAJI1SyjT2o/v...
プロなら読んで当然!?Web制作で周りと差をつけられるおすすめ本解説【中級者向け】
zhlédnutí 3,1KPřed 5 měsíci
Web制作で伸び悩みを抱えた人こそ、今回紹介する本を読んでほしいですね。 今回の動画のブログ版はこちら↓↓ shogo-log.com/best-intermediate-books/ ■目次 00:00 オープニング 02:23 イラスト図解式 この一冊で全部わかるWeb制作と運用の基本 03:37 イラスト図解式 この一冊で全部わかるWeb技術の基本 04:43 武器になるHTML 07:51 確かな力が身につくJavaScript「超」入門 第2版 09:10 エンジニアのためのWordPress開発入門 10:47 よくわかるPHPの教科書 12:13 お金のこと何もわからないままフリーランスになっちゃいましたが税金で損しない方法を教えてください! 13:06 インプットの手を止めるな! 以下、一部リンクにはプロモーションが含まれます ーーーーーーーーーーーーーーーーー 🔥レ...
WordPressって本当に必要?STUDIOとWordPressどっちが良いのか徹底検討!!【偏見を持つな両方触るべし】
zhlédnutí 6KPřed 5 měsíci
WordPressかSTUDIOか、状況に合わせて使い分けられるのが最良という話です。 今回の動画のブログ版はこちら↓↓ shogo-log.com/studio-wordpress-compare/ ✅レビュー付きコーディング演習課題(半オリジナルポートフォリオ化まで支援) shogo-log.com/coding-study/ ✅WordPressサイト制作後の保守は必ず責 持って行うべき理由【ある日突然あなたのサイトが落ちる】 shogo-log.com/wordpress-maintenance/ ━━━━━━━━━━━━━━━ 人気の動画3選 ━━━━━━━━━━━━━━━ ①web制作フリーランスとして初案件を獲得するまでにやったこと【今ならこうするも解説】 czcams.com/video/z3K5yGmjrX8/video.html ②Progateから実務までにや...
あなたもやってる!?Web制作の実案件やスクール課題でよく指摘されるミスと解決方法を徹底解説!
zhlédnutí 2,3KPřed 6 měsíci
あなたもやってる!?Web制作の実案件やスクール課題でよく指摘されるミスと解決方法を徹底解説!
即戦力になれる最強プログラミングスクールRUNTEQを徹底解説【私の一押しスクール】
zhlédnutí 1,7KPřed 6 měsíci
即戦力になれる最強プログラミングスクールRUNTEQを徹底解説【私の一押しスクール】
ヤバすぎるスクール”デイトラ”を全力で紹介する!!【高額スクールが良い訳ではない】
zhlédnutí 6KPřed 6 měsíci
ヤバすぎるスクール”デイトラ”を全力で紹介する!!【高額スクールが良い訳ではない】
Web制作の初案件の具体的な受注方法を全部まとめました【みんな初案件はどこで獲得した?】
zhlédnutí 2,2KPřed 7 měsíci
Web制作の初案件の具体的な受注方法を全部まとめました【みんな初案件はどこで獲得した?】
果たして高いか安いか!?デジタルノマドやワーケーションにかかる費用を徹底解説【しょーごの支出も公開】
zhlédnutí 824Před 7 měsíci
果たして高いか安いか!?デジタルノマドやワーケーションにかかる費用を徹底解説【しょーごの支出も公開】
Web制作は本当に飽和しているのか!?現役Web制作者が思うこと【売上に近い場所に行くべき】
zhlédnutí 8KPřed 7 měsíci
Web制作は本当に飽和しているのか!?現役Web制作者が思うこと【売上に近い場所に行くべき】
案件に困らないコーダー・Web制作者に必要な能力5選【私はこんなコーダーに発注する】
zhlédnutí 1,8KPřed 7 měsíci
案件に困らないコーダー・Web制作者に必要な能力5選【私はこんなコーダーに発注する】
Web制作の独学をしている人に全力でMENTAというサービスを進めたい【使い方と評判まとめ】
zhlédnutí 2,2KPřed rokem
Web制作の独学をしている人に全力でMENTAというサービスを進めたい【使い方と評判まとめ】
文系で統計検定2級に合格した勉強法と参考書を徹底解説【CBT合格最短ルートも解説】
zhlédnutí 24KPřed rokem
文系で統計検定2級に合格した勉強法と参考書を徹底解説【CBT合格最短ルートも解説】
【フリーランス最強本の書評】現役フリーランスが"Web系フリーランス働き方超大全"を徹底レビュー!
zhlédnutí 3,4KPřed rokem
【フリーランス最強本の書評】現役フリーランスが"Web系フリーランス働き方超大全"を徹底レビュー!
【駆け出しコーダーに捧ぐ】2022年以降のポートフォリオ戦略&レビュー付きデザインカンプからのコーディング課題について解説
zhlédnutí 11KPřed 2 lety
【駆け出しコーダーに捧ぐ】2022年以降のポートフォリオ戦略&レビュー付きデザインカンプからのコーディング課題について解説
ブログ収益が3年で月50万になったので収益・PVの推移と手法を公開します【アドセンス・アフィリエイト】
zhlédnutí 7KPřed 2 lety
ブログ収益が3年で月50万になったので収益・PVの推移と手法を公開します【アドセンス・アフィリエイト】
【2021,22年版】Progateから実務までにやるべきことと具体的手順【Web制作完全独学ロードマップ】
zhlédnutí 24KPřed 2 lety
【2021,22年版】Progateから実務までにやるべきことと具体的手順【Web制作完全独学ロードマップ】
仕事が無くなるのではなく、コーダー全体の生産性が上がるのですね 生産性が上がるのと同時に可能なことが増えていくから、仕事が無くなることはないんですね
2.3年のスパンではその認識です!5年後は正直分かりませんが、AIに触って先端をキャッチアップし続けるのはめちゃくちゃ大事ですね!
今回の動画をブログ記事にしたものも公開しました!動画内で紹介したコンテンツのリンクなどもまとまっています→shogo-log.com/web-dev-disappearance/
初めまして。 畑違いですがテーマが挫折なので思わずコメントしています。 本日、自作ホームページを作ろうとしと、あるホームページ制作会社にこのような問い合わせをしました。 お問い合わせ内容 初めまして。 CZcamsタイトル 〇〇〇〇。を拝見しました。 初めまして34歳、理学療法士、フェルデンクライスプラクティショナーの〇〇です。 私は開業して1年以上経ちますが、お問合せゼロです。色々な集客を試し、行政にも相談したりしましたが効果は出ずです。 一度作成したホームページも機械音痴で消えてしまいました。 現在仮ページです。 新たにホームページをリニューアルしようとしており、紙面上で構想が整いました。なぜ必要かはわかりませんが、独自ドメインを取得するつもりです。 何をやっても効果が無く、みなとみらい三点倒立88ヶ所お遍路企画というエネルギーの注ぐベクトルを間違えて神頼み集客に走ってしまいました。ワードプレスでモスバーガーのデザインを真似して新たにホームページを作ろうとしていたところ、貴社のCZcamsに出会いました。横浜市在住です。私の調べでは、助成金や補助金でホームページ制作出来なさそうですが、ホームページ制作会社様の方が法律に詳しいと思い問い合わせをしています。もし、助成金などの補助があるならばぜひ貴社に依頼したいです。もし、お力になれない場合でしたら、ワードプレスの独自ドメインを用い新たにホームページを制作しようとしている私にアドバイスいただけないでしょうか?貴社のCZcamsを見た今は、スタジオのツールを使って作成した方が私のためになると思えてきました。 私のSNSです。 CZcamsのURL ホームページ optimistic-jianerlangshouye214.wordpress.com/ インスタのURL TikTokのURL この問い合わせを送った後にしょーごログさんのCZcams、ワードプレス本当に必要?を拝見しワードプレスで頑張ろうかなと気が変わり、最新の動画を見たらテーマが挫折でした。私は、開業して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一本ですね〜
お忙しい中、お返事ありがとうございます🙇♀️ なるほど!解決しました✨ 様々な活動で大変だと思いますが、CZcams楽しみにしています☺️
なんで緊急やねん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万/月稼がれてるんですよね?それでぬるっとなんですか!?!?
タブレット表示は検証ツールだけでいいのでしょうか? 検証ツールをあてにするのは良くないとも聞きますがそんなに端末を揃えられません... windowsユーザーでmac持っていません。 この場合案件を受けることはできないでしょうか?
タブレットを揃える必要は無いと思いますが、MacOSは必要ですね! WindowsでMacOSを使える方法は探すと見つかると思いますが、私自身はMacで WindowsOSを使ってるので、方法は分からないですね… 以下のような記事もあるようです。 VMwareを使い、WindowsでmacOS環境を構築する(VMwareインストールまで) qiita.com/mikazuki_mitsutsuki/items/3d4d418f6dd4a6a5d640
@@user-ck5re4rk5q 返信ありがとうございます。調べたところこれはappleのライセンスに違反するらしいです...
@@user-ck5re4rk5q ありがとうございます。 調べたところこれはAppleのライセンス違反になる可能性があるみたいです やっぱ買うしかないですか...
最初の案件獲得としてココナラなどでWordPressまでのコーディングを安く出品してみようかなと思うのですが一般的にはどこまでやるのが普通なのでしょうか? 具体的にはコーディング以外の部分で、例えばセキュリティ対策やGoogleアナリティクスなどへの登録などです セキュリティ対策はプラグインを入れる程度のもので良いのかどうか 自分なりに見てみたところオプションとして別料金にしてる方も結構いるようでした あまり知識が無い方から依頼を受けた場合どこまでやってあげるのが良いのでしょうか...
プログラミング言語に興味をもっていたので、拝見させていただきました。大変参考になりました。ありがとうございます!
嬉しいコメントありがとうございます!🙌
いつも動画ありがとうございます! 自分もまさにデザインカンプからのコーディングなどフリーランスになるための勉強をしているところです。 質問なのですが、フリーランスとして働く中で一切出社しない、というのは現実的でしょうか? (無理ではないけど全然稼げないとかでしょうか...) 別の方の動画で「現場によっては~」など出社前提の話をされていたので不安になりました。 教えていただけたら幸いです。よろしくお願いします!
フリーランスの案件で常駐というのもあるので、そちらの話かなと思います。 現場という話をしている場合は、SESなど派遣みたいな文脈ですかね。 自分はフルリモートですが、フルリモートでも全然問題ないですよ。 以下の私が過去に書いた記事が参考になるかと! フリーランスエンジニア=フルリモートじゃない話【フリーランスは4種類ある】 shogo-log.com/get-fullremote/
@@user-ck5re4rk5q ありがとうございます!記事も拝見しましたがとても参考になりました。 これからも記事と動画で勉強させていただきますー!