しめじ＠Web制作から自由になる
@simeji_pro
Followers
30,598
Following
474
Media
246
Statuses
44,886
【Web制作から始めて自由になる方法を発信🍄】Web制作をきっかけにセミリタイア。Web制作、マーケコンサルをメインに起業し法人案件も対応。最高月収6,700万、平均月収1,200万超。収入を得るための労働は1日平均1〜2時間のみ。自由に生きるを実現する会員数560名超の #しめサポ を運営。自由に生きる人を輩出中
👇【成果報告多数】役立つブログとラジオを無料で公開中！！
Joined May 2019
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Colorado
• 122080 Tweets
Notre Dame
• 108861 Tweets
Garcia
• 59851 Tweets
Kentucky
• 57243 Tweets
#precure
• 52679 Tweets
#仮面ライダーガヴ
• 46175 Tweets
The Weeknd
• 39975 Tweets
プリキュア
• 38565 Tweets
Anita
• 35227 Tweets
Northern Illinois
• 34752 Tweets
Iowa
• 34120 Tweets
#AEWAllOut
• 31594 Tweets
Nebraska
• 29323 Tweets
Abel
• 24136 Tweets
Carti
• 24078 Tweets
Auburn
• 23005 Tweets
#ブンブンジャー
• 21156 Tweets
#UFCVegas97
• 16195 Tweets
Talleres
• 11455 Tweets
ひろプリ
• 10529 Tweets
Pinned Tweet
🎁無料プレ企画🎉
▶︎1秒たりとも働かずに
月100万円以上を得ている裏側
▶︎セミリタイアしてる人を
研究し尽くした結果の真実
▶︎完全な自由を手に入れる
行動3ステップ
全て詰め込みました！
3時間超え限定セミナー＋特典2つ
応募方法
①フォロー
②いいね&RT
👉
65
1K
2K
【プレゼント企画🎉】
▶︎1日たった3時間の作業で
月100万の収入になった裏側
▶︎楽になっていくポイント3つ
▶︎自由になるための行動8ステップ
これら全てをまとめた限定記事を特別にプレゼント🎁
✅応募方法
・このツイートをRT
・リプ欄のリンクからLINEに登録
・30秒アンケート回答で配布
136
3K
2K
ブクマ必須サイト教えます
このサイト、マジでヤバいですよ
よくあるHTML/CSSで作るパーツや表現の作り方が網羅されてます
僕は駆け出し当時、めちゃくちゃお世話になってました
レスポンシブ対応する場合は、主にpx指定を％やrem、emなどに置き換えて使うといい感じです
22
498
3K
フリーランスになって後悔したことは一度もないです
去年の今頃は毎日8時間は働く会社員でした
月収も20万円代で生活もギリギリ
それが今では月収50万を切らなくなった
仕事時間も1日3〜4時間くらい
空き時間はTwitterしたり家族と過ごしたり
フリーランスはほんと夢ありますよ
マジでおすすめです
33
34
1K
ガチでブクマ必須です
控えめに言ってもヤバいですね
毎回困りがちな見出しデザインが100種類も掲載されてます
サイトにも使いやすいデザインも多め
しかも、全てHTMLとCSSコピペでそのまま使える神仕様
僕ぶっちゃけこの記事毎回見てたので、マジでブクマ必須ですよ
9
109
965
今の時代のWeb制作学習って
ProgateなどでHTMLとCSSを学習
↓
デザインカンプの模写や写経を複数
↓
jQueryとJavaScriptをサラッと学習
↓
実務レベルのサイトをデザインカンプから制作
↓
WordPressの教科書を1周してSnowMonkeyなどのテーマを学習
これで大体大丈夫です
あとは実務で学ぶ姿勢ですよ
5
93
944
初学者向けブクマ必須サイト教えます
最初は困りがちなCSSのFlexbox
その使い方が一通り網羅されています
使い方は並べたい形を選んでコピペするだけ
実際のWeb制作で使うような、少し複雑なものもあるのがポイントですね
僕も当初お世話になったサイトの1つなのでぜひ☺️
13
115
949
【おすすめマーケティング教材】
半年で200万円以上自己投資してきた僕が、本気でおすすめするマーケティング教材を記事にまとめました！
自分に合った教材を選べるように「どんな人におすすめか」も書いてます
良い教材があれば追記していくので、よければブクマどうぞ🍄
16
80
864
最近のWeb制作学習だと
Progate等でHTMLとCSSを学習
↓
デザインカンプの模写や写経を複数
↓
jQueryはよくある実装を学習
↓
Sass＋CSS設計を取り入れてサイト作る
↓
WordPressテーマ化とカスタム系の学習
↓
ポートフォリオ作って制作会社に営業
このルートがおすすめ
あとは実務で学ぶ姿勢ですよ
2
79
866
お願いがあります
BootstrapやJavaScriptの学習に時間を取られないでください
ぶっちゃけBootstrapはWeb制作の実務では一切使わないし、JavaScriptもいきなり深い知識は必要ありません
最短で学べるHTMLとCSSの学習ロードマップはブログで書いてるので、プロフのリンクからチェックしてみてください
29
67
823
ブクマ必須サイトです
もはやブクマしない理由が分からない
今やそのくらいには必須サイトです
よくある動きは網羅されてるし、コピペもできる
何なら解説もついてて初心者にも優しい
jQueryあまり分からなくても使えます
初心者の方ほどこのサイトあれば安心できると思う
19
127
804
WordPress学習のブクマ必須サイト教えます
もうね、超便利
数あるチートシートの中でも圧倒的に実用的です
WordPressでよく使うタグがまとまってて、意味も書いてあるし、何ならコピペで使えちゃう
僕は実務でも普通に使ってます
タグの理解にも便利なのでおすすめですよ
21
103
788
最近のWeb制作学習だと
Progate等でHTMLとCSSを学習
↓
デザインカンプの模写や写経を複数
↓
jQueryはよくある実装を学習
↓
Sass＋CSS設計を取り入れてサイト作る
↓
WordPressテーマ化とカスタム系の学習
↓
ポートフォリオ作って制作会社に営業
このルートがおすすめ
あとは実務で学ぶ姿勢ですよ
0
55
774
ブクマ必須サイト第2弾です
このサイトもヤバいですよ
画像の編集がめっちゃ簡単にできます
他ツールより機能も多くて手軽
クライアントさんへの説明も簡単です
特に画像の圧縮とサイズ変更は、Web制作だと必須スキルです
サイトが重くならないように活用していきましょう
14
113
766
Web制作で月収50万円は誰でも達成可能だと思う
必要なのは努力だけですし、方法論は僕がTwitterやラジオ、ブログで解説してます
僕自身、月収50万円を超えたのは未経験から学習を始めて9ヶ月目
ほんの少し前までは月収20万円代の会社員でしたからね
1〜2年本気でやれば、本当に人生変わりますよ
20
24
770
初学者向け
Googleクロームのおすすめ拡張機能教えます
どんなレイアウト構造なのかが視覚的に分かる
控えめに言って神
HTML構造の理解が進む
余白のあて方がイメージで掴める
作ったページのレイアウト調整に便利
僕も初学者の時はずっと使ってました
マジでおすすめです
13
96
762
レスポンシブ対応の手間を減らすために意識してること
✅基本はremでサイズ管理
✅画像幅とかは基本%で管理
✅文字周りの余白とかはemで管理
✅pxは画面幅によって変化しないものにだけ使う
✅メディアクエリ分けは極力PC、タブ、スマホのみ
コードだとこんな感じ
調整の手間が減るのでおすすめです
18
71
744
ガチのブクマ必須サイト教えますね
見てもらうと分かりますがヤバいです
よく見るレイアウトやパーツがコピペで実装可能
シンプルな構造で、どこに何を書けばいいかも分かりやすい
英語表記ですが、翻訳すれば問題なしです
マジで役立つので、必ず保存しておきましょう
13
89
699
Adobe Stockが商用利用可能で無料化になったと見て試してみた結果、マジやん…
SVGかJPEGかも選べるし、元々が有料の素材だから質も結構いい感じ
何なら無料のビデオまでダウンロードできる
6
151
719
2021年版Web制作ロードマップ
1ヶ月目でHTMLとCSS
2ヶ月目で簡単な模写複数(カンプから)
3ヶ月目でjQueryを含むサイト模写
4ヶ月目でWordPressの教科書1周とSnow Monkey学習
5ヶ月目でSnowMonkeyでポートフォリオサイトを作成
6ヶ月目でクラウドソーシングなどで全力営業
これで月5〜10万はいけます
12
57
694
【プレゼント企画🎉】
▶︎月収50万プレイヤーを
増やし続けてる秘密を暴露
▶︎結果が出ないたった1つの原因
▶︎収入が右肩上がりになるポイント3つ
全てを話した限定動画を2日間限定でプレゼント🎁
✅応募方法
・このツイートをRT
・リプ欄のリンクからLINE登録
・指示に従ってプレゼント受取
3
534
258
最近のWeb制作学習だと
Progate等でHTMLとCSSを学習
↓
デザインカンプの模写や写経を複数
↓
jQueryはよくある実装を学習
↓
Sass＋CSS設計を取り入れてサイト作る
↓
WordPressテーマ化とカスタム系の学習
↓
ポートフォリオ作って制作会社に営業
このルートがおすすめ
あとは実務で学ぶ姿勢ですよ
1
58
642
Web制作案件受注のための最短学習工程
HTML、CSS学習
↓
何サイトか模写やカンプから制作
↓
WordPressの機能を一通り触る
↓
SnowMonkeyを使ってサイトを作ってみる
↓
SnowMonkeyベースのカスタムCSSでサイトを模写してみる
ここまで出来れば案件受注できます
#駆け出しエンジニアと繋がりたい
5
42
621
レスポンシブ対応でよく使う制御方法
✅widthはmax-widthと併用
画像が大きくなりすぎるのを防げる
✅横並びにはflexとflex-wrap
widthの%を変えるだけで横並びの数を制御できる
✅画面幅でサイズを変えたいfontはremで統一
htmlのfont-sizeを変えるだけで一括制御
細かいとこだけど結構楽できます
11
54
617
最近のWeb制作学習だと
Progate等でHTMLとCSSを学習
↓
デザインカンプの模写や写経を複数
↓
jQueryはよくある実装を学習
↓
Sass＋CSS設計を取り入れてサイト作る
↓
WordPressテーマ化とカスタム系の学習
↓
ポートフォリオ作って制作会社に営業
このルートもおすすめ
あとは実務で学ぶ姿勢ですよ
1
42
605
ブクマ必須ページのご紹介です
最近の記事なので知ってる方も多そうですね
一言で言うと、マジで神です
使いやすいアニメーションがコピペで使える
しかも解説もめちゃくちゃ分かりやすい
CSSの使い方的な意味でも勉強になります
自分で試しに実装してみると感動しますよ
6
67
598
いつものブクマ必須サイトです
はい、もう超便利です
凝��たアニメーションのパーツが大量にまとめられてます
カテゴリーがパーツ別にまとまってるので、目的のパーツを探すのも楽ちん
サイトにワンポイント足したい時によく見てます
とりあえず眺めるだけでもおすすめ
8
60
594
『Web制作でゼロから自由になるロードマップVer2.0』がついに完成しました。
実際にセミリタイアしてる人を100人以上研究して、しかも自分で実践した上で確立した、おそらく僕だけがやってる内容です。
欲しい人が多そうであれば今回限り無料でプレゼントしようと思うんですが、興味ある方いますか？
123
17
572
ブクマ必須サイト第3弾です
僕の心の師匠の1人、じゅんぺいさん(
@junpei_sugiyama
)のブログです
正直、教えたくないレベルで有益
実務で出てくる実装などが実体験ベースで書かれています
僕とか今ではググる前にまずこのサイトを見てるレベル
実務のお供におすすめです
15
72
583
ブクマ必須サイト教えます
もうね、めっちゃ便利
よく使うパーツで使い勝手の良いものが揃ってます
サイト名の通り、コピペも可能
パーツごとに分かれていて使いやすいです
Web制作の実務でも使いやすいので重宝してます
意外と知られてないですが、おすすめなのでぜひ☺️
10
68
561
大事なのでもう一度言っておきますね
レスポンシブ対応の時に意識してること
✅基本はremでサイズ管理
✅画像幅とかは基本%で管理
✅文字周りの余白とかはemで管理
✅pxは画面幅によって変化しないものにだけ使う
✅メディアクエリ分けは極力PC、タブ、スマホのみ
調整の手間が減るのでおすすめです
20
55
569
Web制作の学習段階でやるべきこと
✅HTML/CSS（実務で一番使う）
✅Sass（マジで早く使おう）
✅jQuery（よく使うパーツだけ学ぶ）
✅WordPress（1からテーマ制作を1回は経験する）
✅SnowMonkey（エンド営業で非常に優秀）
あとは実務で学びましょう
最短ロードマップはプロフのリンクからどうぞ🍄
9
48
569
Web制作の学習段階でやるべきこと
✅HTML/CSS（ぶっちぎりで一番重要）
✅Sass（ほぼ必須）
✅jQuery（よく使うパーツをおさえる）
✅WordPress（テーマ制作を1回は経験する）
✅SnowMonkey（エンド営業では非常に優秀）
あとは実務で学びましょう
最短ロードマップはプロフのリンクからどうぞ🍄
5
40
554
模写で手が動かない方へ
理解を助けるおすすめの記事
僕はこの記事にガチで救われました
「HTML/CSS全然書けん…」から脱出するきっかけになった記事
試しに読みながら手を動かしてみてください
マジで見え方が変わってきます
必ずブクマして何度も見直しましょう☺️
2
68
549
ついに！フォロワーさん1万人突破しました！
最後はみんなに押し上げてもらって本当に感謝です😭
思えば、この1年で本当に人生変わりました
1年前は33歳のただの会社員だったのにです
僕の中で今の日々は、本当にかけがえのないものです
人生は変えられると伝えるために、今後も発信していきます！
188
18
551
ブクマ必須サイトです
マジで便利
Adobeソフトなしでもサクッと個性的なフキダシ画像が作れます
色も変えられる
文字も自由に入れられる
JPG、PNG、SVG、AI対応
素材も1000種類以上あるので、フキダシはここだけで完結します
画像やデザインにフキダシを使う時はぜひ☺️
11
62
550
とうとう35歳になりました🎂
家族を大切にしつつ、自分も変革していく1年にしていきます。
ケーキ食べてくるうううううう！！！！
142
2
542
ブクマ必須ページのご紹介です
はい、神ですね
めちゃくちゃ分かりやすい
初学者が迷いがちなCSSの細かい指定方法がまとまってます
何ならチートシート付き
書かれてることが使えるだけで、効率もかなり上がります
実務でも頻出なので、今のうちに使っていきましょう
8
82
537
最近のWeb制作学習だと
Progate等でHTMLとCSSを学習
↓
デザインカンプの模写や写経を複数
↓
jQueryはよくある実装を学習
↓
Sass＋CSS設計を取り入れてサイト作る
↓
WordPressテーマ化とカスタム系の学習
↓
ポートフォリオ作って制作会社に営業
このルートがおすすめ
あとは実務で学ぶ姿勢ですよ
0
54
523
発注者側から見たクラウドソーシング
・基本飛ぶ
・返信に2〜3日かかる
・納期過ぎてから「間に合いません」
・体調崩しやすい
・PCが頻繁に壊れる
・身内に不幸が出やすい
正直ライバルの8〜9割くらいはこんな感じ
つまり「普通の対応ができる」だけである程度突出できます
怖がる必要ないですよ
25
39
509
Web制作のよくある勘違い
✅必要言語多すぎ
→メインはHTML/CSSだけ
✅JavaScriptとかPHPも書けないと！
→実はあまり書くことない
✅若くないと不利
→受託ならむしろ30〜40代の方がやや有利
✅3ヶ月で稼げる！
→半年〜1年くらいが平均
✅学習ルートが確立されてない
→僕のブログ見てください
8
36
504
ここだけの話、フリーランスやばいですよ
去年の今頃は会社員として月収20万円代で働いてました
それが1年経った今では、1日3〜4時間くらいの作業で月収が50万を切らなくなった
たった1年で収入が数倍になり、仕事時間は半減、空き時間をTwitterや好きな学習に使ってる感じ
割とマジで夢ありますね
11
9
507
学習中の自分に伝えたいこと
「Progate道場は答え見つつやろう」
「模写はヘッダーすら出来ないの当たり前」
「JavaScriptとPHPの学習は少しでいい」
「jQueryは頻出パーツだけおさえよう」
「WordPress化は教材とか見ながら作れたらOK」
僕のブログに書いてる学習ロードマップをお供にどうぞ☺️
9
42
497
体感だと、未経験からWeb制作で月収50万円はマジで誰でもいけます
もちろん積み上げや営業は必要ですが、逆に言えばやるかどうかだけ
僕も50万円まではシンプルに行動し続けただけです
僕も模写やらjQueryやら営業やらで苦労しましたが、それでも諦めなかったから今がある
やったりましょう！💪
23
11
492
僕が初案件までに実際に通ったWeb制作学習のルート
✅ProgateのHTML/CSS/Sassと本2冊
✅模写やカンプからのサイト制作9つ
✅ProgateのJavaScript Ⅰ〜Ⅲを1周
✅ProgateのjQuery1周と本1冊
✅ProgateのPHP Ⅰ〜Ⅱを1周
✅WordPressの学習を本1冊
ここまで進めて営業を始めました
使った本は続きに👇
8
44
482
Web制作の学習は罠だらけです
僕もProgateを無限周回したり、模写で悩んだりしてました
JavaScriptで無駄にアプリを作ったり、PHP分からなさすぎて一歩も進まないとかもありました
僕のブログに書いてる学習ロードマップは、この辺の罠にはまらないように構成しています
ぜひ活用してください☺️
14
22
486
最近のWeb制作学習だと
Progate等でHTMLとCSSを学習
↓
デザインカンプの模写や写経を複数
↓
jQueryはよくある実装を学習
↓
Sass＋CSS設計を取り入れてサイト作る
↓
WordPressテーマ化とカスタム系の学習
↓
ポートフォリオ作って制作会社に営業
このルートがおすすめ
あとは実務で学ぶ姿勢ですよ
0
35
476
今日のブクマ必須サイトです
シンプルですが、めちゃくちゃ便利
自分でコードを書くと調整が面倒なボックスシャドウのスタイルを視覚的に選べます
なんと全部で86種類
クリックするだけでCSSもコピペ可能です
ツール系も時短に便利なので、必ずブクマしておきましょう！
10
60
471
Web制作の学習段階でやらなくていいこと
✅RubyとかPython（基本使わない）
✅BootStrap（概念だけ理解）
✅JavaScript（触りだけで十分）
✅PHP（これも触りだけ）
✅実サイトの模写(デザインカンプからが良い)
この辺は実務で使う時に学びましょう
最短ロードマップはプロフのリンクからどうぞ☺️
9
48
466
決めました…
Web制作だけの発信はもうやめます
僕が本当に発信したいのはWeb制作そのものじゃない
人はもっと人生を豊かに、自由に生きられるということ
Web制作をきっかけにより良い人生を生きる
これが僕の掲げる理念です
決意を新たにプロフ文も一新してみました
これが僕の覚悟であり本気です
18
3
442
正直、Web制作はガチるべきです
収入が増える、在宅で仕事ができる、付き合う相手を選べる…
こういったメリットも大きいですが、もっとすごいのが「周辺知識が全て今後を生き抜くスキル」になること
特に、営業やマーケティングのスキルは一生ものです
ガチるだけの価値は、間違いなくありますよ
10
10
446
最近のWeb制作学習だと
Progate等でHTMLとCSSを学習
↓
デザインカンプの模写や写経を複数
↓
jQueryはよくある実装を学習
↓
Sass＋CSS設計を取り入れてサイト作る
↓
WordPressテーマ化とカスタム系の学習
↓
ポートフォリオ作って制作会社に営業
このルートがおすすめ
あとは実務で学ぶ姿勢ですよ
1
43
442
ブクマ必須ページ教えます
はっきり言いますが、ガチで必須です
サイト制作で必ず必要になる、基本的な内部SEO対策についてまとめられています
Web制作の学習では出てこない部分なんですが、実案件を対応する場合は必須知識です
必ずブクマして、後々読み込んでください
9
52
438
ブクマ必須サイトです
「模写始めたけど全然手が動かない…」という方におすすめ
内容も簡単なところから始まりますし、カンプの数も多いです
解答コードもあり、写経から始める場合にも最適
しかも全て無料で使えます
ブログのロードマップにも組み込んだのでぜひ☺️
12
45
433
お願いがあります
僕をもっと有効活用してください
僕が1から収益を上げていった方法とか考え方って、全部Twitterやブログ、ラジオで出してます
そして、僕のやってることは誰でもできることばかり
そのまま実践すると再現性は高いです
全て無料なので、プロフのリンクから確認してみてください☺️
31
22
434
お願いです。本気を出してください
Web制作は人生を変えるきっかけになるスキルですが、相応の努力は必要です
僕は6ヶ月間で1000時間もの学習を積み上げて、月収100万を超えました
他に結果を出している人も、圧倒的に量をこなした人ばかり
Web制作で稼ぐつもりなら、本気で行動量をこなしましょう
15
14
432
汎用性の高いWeb制作学習ロードマップ
①HTML/CSSを学習
②Sassを学習
③デザインカンプからコーディング練習
④JSをサラッと
⑤jQuery頻出おさえる
⑥実務レベルのコーディング練習
⑦PHPサラッと
⑧WordPressテーマ化を学習
⑨テーマ化を教材で実践
⑩営業へ
詳しい内容はブログにまとめてます🍄
10
39
426
Web制作学習で実際に詰まったところ
■Progate道場
普通に無理。回答見ながらでOK
■模写
いきなりは無理。最初は写経でOK
■jQuery、JS
サラッと学んで頻出パーツを一度作るだけでOK
■WordPress
教材頼りに作れたらOK。PHPは添えるだけ
僕はこんな感じでも成果出ました
気楽に進めましょう☺️
14
30
419
Web制作の実務に入る上で最重要のスキルは「HTMLとCSSでデザインを再現できる力」です
ググりながら再現できればOK
模写を数こなす必要があるのは、この力を養うためです
僕も一番時間がかかったのが模写でした
学習全体の7割くらいは模写してたレベル
飛ばさず、焦らず、しっかりとこなしましょう
9
28
411
Web制作はHTML、CSS、jQueryが使えたら仕事になります
基礎を学んだらデザインカンプからのコーディングを数こなす
あとはWordPress学習を1周してテーマ化を経験すれば十分
ここまで早ければ3ヶ月くらい
営業が不安なら制作会社へのメール営業から始めると良い
あとは実務から学ぶ姿勢が大切ですよ
6
19
412
今日のブクマ必須サイトです
僕の中で神と名高いはにわまんさんのパーツサイトです
シンプルで使いやすい
実務でもよく使うパーツがまとまってます
コードが実用的なので、単純に参考にもなりますね
僕はパーツを作るとき、ここからコピペしてスタートすることが多いです
7
53
409
学習中の自分にガチで伝えたいこと
「Progate道場は答え見つつやろう」
「模写は最初できないの当たり前」
「JavaScriptとPHPの学習は少しでいい」
「jQueryは頻出パーツだけおさえよう」
「WordPress化は教材とか見ながら作れたらOK」
僕のブログに書いてる学習ロードマップをお供にどうぞ☺️
2
23
405
Web制作でよく使われるNoCodeツール
✅STUDIO（LP制作など）
✅WordPress × Elementor（サイト制作）
✅WordPress × SnowMonkey（サイト制作）
✅Shopify（ECサイト制作）
どれも実際に成果を出してる人がいます
下に行くほどなんだかんだコード書きがち
上2つはデザイナーの方にもおすすめですよ
3
28
406
Web制作で月収50万プレイヤーを生み出す方法って僕の中では���全に確立したんですが、興味ある人いますか？
僕自身ではなく、人を教えて月収50万超える人がどんどん増えてる方法です。僕のコミュニティでも取り入れてる手法ですね。
いいねとか希望者が多い場合は軽くセミナーにしてみようかなと。
8
10
396
Web制作を仕事にする上で大切なスキルは、JavaScriptでもPHPでもありません
✅HTML/CSSでデザインを再現
✅SassでCSSを効率よく管理
✅jQueryでよくある動きを再現
✅WordPressの基礎とテーマ化の把握
最低限で必須なのはこのあたり
詳しくはブログにロードマップもあるのでチェックしてみてください
4
26
401
爆速コーディングするために意識してること
✅Emmet使う（当然必須）
✅Sass使う（マジで必須）
✅作ったパーツはコピペ出来るように保存
✅何ならよくあるページ構成もテンプレ化
✅よく使うコードはスニペット登録
✅便利な拡張機能を入れておく
VScodeの拡張機能はロードマップ記事にまとめてます
5
34
391
単価を上げていきたいなら伝え方も大切。「そのサイトなら30万円です」→「制作会社さんだと100万円くらいかかるんですが、僕なら余計な人件費や広告費はかかってないので30万円でできます。フリーランスなのでフットワーク軽く迅速なサポートも可能ですよ」これだけでも割と印象変わりませんか？
6
18
386
Web制作できることをもっと誇りましょう
普通の人はHTMLもCSSもわからないし、デザイン通りコーディングもできないし、WordPressのカスタマイズもできません
Web制作は立派なスキルです
スキルを使った課題解決も専門知識があってこそ
凄そうな人と比較するより、目の前の人にとってプロであろう
0
26
377
Web制作って本当に需要が多いです
僕が見ている範囲だと、供給は全く追いついてないな…という感じ
だからこそ、未経験からでも役立てる場は無限にあります
実際、僕はプロフのようになりました
ガチガチのサイト作りは制作会社に任せましょう
あなたはあなたのできる範囲で価値提供すればいいんです
4
11
380
単価を上げていきたいなら伝え方も大切
「そのサイトなら30万円です」
「制作会社さんだと100万円くらいかかるんですが、僕なら余計な人件費や広告費はかかってないので30万円でできます。フリーランスなのでフットワーク軽く迅速なサポートも可能ですよ」
これだけでも割と印象変わりませんか？
7
18
369
僕がやってるWeb制作の仕組み化
✅営業はパートナーにお任せ
✅デザイン/コーディングは外注
✅自分はディレクションのみ
自分のやる箇所は得意分野でOK
デザイン好きなら他を外注するイメージ
同じ100万を稼ぐのに、1人だと1日13時間労働でした
それが今ではプロフの通り
仕組み化マジで大切です
6
18
374
最初の挫折はProgate道場
ほとんど答えを見て終わらせた
次の挫折は模写
よく分からず写経ばかりしてた
その次の挫折はWordPress
意味わからんすぎで実装できればヨシとした
細かい挫折を合わせると数知れず
こんな僕でも、今ではフリーランスやってます
大切なことは、プロフの最後に書きました
7
10
376
Web制作の学習段階でやらなくていいこと
✅RubyとかPython（基本使わない）
✅Bootstrap（概念だけ理解）
✅JavaScript（触りだけで十分）
✅PHP（これも触りだけ）
✅実サイトの模写(デザインカンプからが良い)
この辺は実務で使う時に学びましょう
最短ロードマップはプロフのリンクからどうぞ☺️
8
25
375
最近のWeb制作学習だと
Progate等でHTMLとCSSを学習
↓
デザインカンプの模写や写経を複数
↓
jQueryはよくある実装を学習
↓
Sass＋CSS設計を取り入れてサイト作る
↓
WordPressテーマ化とカスタム系の学習
↓
ポートフォリオ作って制作会社に営業
このルートがおすすめ
あとは実務で学ぶ姿勢ですよ
1
34
375
最近のWeb制作学習だと
Progate等でHTMLとCSSを学習
↓
デザインカンプの模写や写経を複数
↓
jQueryはよくある実装を学習
↓
Sass＋CSS設計を取り入れてサイト作る
↓
WordPressテーマ化とカスタム系の学習
↓
ポートフォリオ作って制作会社に営業
このルートがおすすめ
あとは実務で学ぶ姿勢ですよ
1
25
358
改めてWordPressの独学におすすめの教材
✅WordPressの教科書
本で学ぶなら一番おすすめ
✅たにぐちまことさんのUdemy
動画で学ぶなら一番おすすめ
✅しょーごさんの演習教材
控えめに言って神
あとは実務で学ぶ感じです
11
39
367
ぶっちゃけ、Web制作ってライバルは大して多くないですよ
何なら、飽和とかも考えにくいです
勉強してる人の多くは勝手に脱落していく
続く人は徐々にディレクションや別事業を始めます
僕も基本は継続してるだけ
それでも固定ツイみたいになってました
周りは気にせず、積み上げていきましょう
11
13
367
予算10万の案件があったとして
✅10万で出来ます！
✅この方法なら10万で収まります
✅10万ならこうですが、目的を達成するにはこうした方が良いです。この場合50万かかりますが1〜2年でペイできます
この3つだと成約率にも受注額にも時給にも差が出るのは当然
ゆえにマーケティングを知ることは強い
7
13
363
気づけばフォロワーさん11000人を越えてました！
いつもありがとうございますー！
改めて自己紹介ですが、33歳から未経験でWeb制作フリーランスになった菌類です
現在34歳、嫁と2歳の娘と暮らしております
元ホテルマン、元々理学療法士で、ブログで独立など経験してます
今後ともよろしくですー！
31
6
359
始めは興味本位、動画で見てProgateを始めた。道場マジ無理。
初めての模写は惨敗、ヘッダーすら作れず写経。
jQuery、頭が爆発。WordPress、無理すぎで白目剥いた。
初案件、めっちゃググった。その後もひたすらググった。
必死に進んで、気づけば月収120万だった。
嘘のような、ホントの話。
6
14
359
フォロワーさんが19000名を超えてました！
いつも本当にありがとうございます☺️
改めて自己紹介すると、新卒リハビリの人→副業ブログで独立→沈没してホテルに再就職→Web制作からフリーランスになった35歳パパキノコです
自由度を上げていける人が1人でも増えるよう、これからも尽力していきます🍄
50
3
354
Web制作で兼業しながら安定的に月5〜10万を得るなら
HTML/CSS
Sass
jQuery(JavaScript)
WordPress(軽くPHP)
を学んでデザインカンプからサイトが作れるようになったら制作会社に営業。細かい作業を任せたい会社は多いので、時給で提案→契約。
リスクなくステップアップに繋がるのでおすすめです。
3
25
347
模写を始めたけど、ヘッダーで手が止まる…
そんな方におすすめの記事を見つけました
一番定番のヘッダーデザインを説明を見ながら作れます
解説付きで説明も丁寧
段階に分けて説明してくれてるので理解もしやすい
模写難しい…と思ってる方はブクマしておきましょう☺️
10
43
353
Web制作のよくある勘違い
✅必要言語多すぎ
→メインはHTML/CSSだけ
✅JavaScriptとかPHPも書けないと！
→実はあまり書くことない
✅若くないと不利
→受託なら年齢あまり関係ない
✅3ヶ月で稼げる！
→半年〜1年くらいが平均
✅学習ルートが確立されてない
→僕のブログやラジオ使ってください
5
25
355
制作会社の人に「何ができると良いですか？」と面談で質問したら
・デザインカンプを再現できる
・CSS設計を理解して扱える
・納期を守れる
・報連相がちゃんとできる
・途中で飛ばず最後までやり切れる
みたいな答えが返ってくるって話、最近よく聞きます。
ここ大切なので押さえておきましょう。
3
24
330
実は昨日、フォロワーさんが2万人を超えました！
1つの節目なので感慨深いです☺️
いつも本当にありがとうございます！
Web制作と出会って1年9ヶ月。コロナきっかけで色々ありましたが、本当に人生変わったなと思います。
自由度を上げていける人が1人でも増えるよう、これからも尽力していきます🍄
67
4
349
朝起きたらフォロワーさんが12000人を超えてました！
いつもありがとうございますー！
改めて自己紹介しておくと、収入格安のホテルマンからWeb制作フリーランスになった34歳のパパキノコ🍄です
嫁もフリーランスなので、3人でキャッキャしつつ引きこもり生活を満喫してます
今後ともよろしくです！
47
5
350
繰り返しですが、JavaScriptとPHPの学習はサラッとで大丈夫です
Web制作だと頻繁に使うものではないし、大体はコピペで済みます
学習段階で無理に学習しても忘れるし、何より無駄に挫折する原因になる可能性が高い
具体的にはProgateのJavaScript I〜Ⅲ、PHP ⅠだけでOK
あとは実務で学びましょう
7
21
351
Web制作の学習段階で知っておきたいこと
✅まずは学習の継続を目標にする
✅継続が習慣化したら学習時間を増やす
✅分からなくても終わらせて次に進む
✅模写が出来なくても写経して次に進む
✅HTMLとCSS以外の言語はマジでサラッとでいい
僕もこんな感じでプロフの成果なので、マジで大丈夫ですよ
19
16
335
Web制作の実務に入る上で最重要のスキルは「HTML/CSSでデザインを再現できる力」です。ググりながら再現できればOK。模写を数こなす必要があるのは、この力を養うためです。僕も一番時間がかかったのが模写でした。学習全体の7割くらいは模写してたレベル。飛ばさず、焦らず、しっかりとこなしましょう
4
14
338
聞いてください、WordPressのためのPHP学習は本当にサラッとで大丈夫です
具体的には、Progateの「PHP Ⅰ」を1周するだけでOK
WordPressに使うPHPは独自のものがほとんど
PHPを学ぶより、WordPress自体を触る方が圧倒的に成長できます
PHP自体はサクッと終えて、WordPress学習に時間を使いましょう
10
21
337
周りが成果を出してるのを見て、焦りすぎてませんか？
大丈夫です。全然焦る必要ないですよ
Web制作で成果が出るまでの期間は、1日3〜4時間の学習で半年〜1年ほど
初案件受注が早い人は、時間を多く投資しているか、学習途中で案件を受注しただけです
今のままで大丈夫
焦らずコツコツ進めましょう
19
9
341
実は今日は嫁の誕生日
もう10年以上の付き合いです
リハビリの仕事→ブログで独立→収入が吹っ飛んでホテルマン→フリーランスという順風満帆とは言えない道を歩む中、ずっと付いてきてくれました
今考えても「よくここまで付き合ってくれたな…」と本気で思います
嫁にとって楽しい1日にしてきます
27
1
338
背景画像におすすめのブクマ必須サイトです
背景画像ならこのサイト
そのくらいには便利です
500種類以上のパターンがあり、主張しすぎないのがgoodですね
※使う場合はHTML/CSSのコメントに以下の表記が必要です
「Background pattern from Toptal Subtle Patterns」
4
41
341
paddingとmarginの使い分けで意識してること
✅padding
・親子間の余白（section内とか）
・border内側の余白（ボタン内側とか）
・背景を入れたい時
✅margin
・要素間の余白（カード間とか）
・border外側の余白（ボタン外側とか）
・背景つけたくない時
後の修正も考慮できるとより良い感じです
4
31
339
最近のWeb制作学習だと
Progate等でHTMLとCSSを学習
↓
デザインカンプの模写や写経を複数
↓
jQueryはよくある実装を学習
↓
Sass＋CSS設計を取り入れてサイト作る
↓
WordPressテーマ化とカスタム系の学習
↓
ポートフォリオ作って制作会社に営業
このルートがおすすめ
あとは実務で学ぶ姿勢ですよ
1
32
334
自由になるためにWeb制作を始めたのに、進み方を間違えて疲弊してる人が多すぎる印象。ラジオやはら部ハウスでは断片的に話してますが、自由度を上げるためには相応のステップを踏む必要があります。今ちょうど自由になっていくためのロードマップを書いているんですが、興味ある方いますか？
40
6
328